Loading
Banner Image
Discover

As the project had time limitations we decided to focus on making high impact enhancements that could be done in 1 month. We worked on three design decisions, create and implement a new design system, redesign the product cards to address user questions and make the cart page persuasive to reduce abandonment before check out.

Design

1. We defined a more vivd color palette than what existed and added a new higlight color gradient of pink. We used the brands primary color of purple but paired it with shades of green to represent freshness. We defined the image guidelines and worked with their photographer for a ne w set of images. We created a molecular design system for mobile and web app and implemented it in 30 days.
2. We included tag for time taken to deliver as quick commerce was taking off and our platform had different delivery times for different product. We also incorporated vernacular nomenclature in the product cards as most users struggled with names of seafood in English. Size and quantity was given emphasis on the product cards.
3. We observed drop off at the cart page as there was a minimum order value for free delivery we added elements of gamification to drive order placement.

Primary Typography

Raleway

<span style="font-family: 'Raleway', sans-serif;"> Raleway </span> preview
Bold Medium Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%&

Secondary Typography

Orkney

<span style="font-family: 'Nunito', sans-serif;">Orkney</span> preview
Bold Medium Light

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890!@#$%&

PALETTE

Conclusion

The product saw higher levels of delight during the user testing and the user percieved the product to be on par with other quick commerce applications with the visual revamp having the highest impact on the change in perception. We learnt that foccusing your efforts in a high impact area can delivery the desired impact in less amount of time.

Image