Mongo

My Role
Web Visual Design, Website Front-end Design,
Tools
Photoshop, Sketch, Html, SCSS, Gulp, jQuery
This is a client project I worked on. Mongo’s cleaning products are for pets. The website is not only an e-commerce platform but also a place to promote the concept of pet health management.

Challenges

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.

< Next Project >

QUOH!