The visual design of the web page must reflect the existing product packaging branding. Optimize the shopping cart process. How to effectively guide consumers to understand mongo’s product categories.
Process and Solutions
We executed the idea with a clean visual and user-focused checkout process layout. Category blocks on the home page gudiding users to their three product categories.
To add a bit more interesting detail, I added morph animation on the blob in the background by animating SVG.
Individual sections are visually separated by the use of different ui components, which form a uniform look because each component follows shared global rules.