Dr Lipp Shopify Website Design Case Study

Enhancing the brand and website using a new Shopify theme, featuring a bespoke and refined design system complete with all new Shopify 2.0 sections. All set up for future Shopify 2.0 and business growth.

Client: Dr LippServices: UX/UI Design, ShopifyRole: Shopify Design Expert

Refining the brand into a modern accessible design system

Once I have created the design system and have mapped out all the elements, states, components and Shopify sections I then build out the pages using the design system and create a prototype of the final Shopify store in Figma so we can through the purchase journey on a real device.

Shopify 2.0 sections

Once I have created the design system and have mapped out all the elements, states, components and Shopify sections I then build out the pages using the design system and create a prototype of the final Shopify store in Figma so we can through the purchase journey on a real device.

Bespoke navigation design

Here is a chance to look at the UI design in a bit more detail and see how it all comes together to create a Shopify store full of nostalgic wonder.

Mobile user interface screens

Here are the opening screens through the mobile purchasing journey. I brought the journey to life by using the brand patterns that I created and also brought in key shopping messages and purchase converters in a fun and memorable way.

Refined product page design

Here is a chance to look at the UI design in a bit more detail and see how it all comes together to create a Shopify store full of nostalgic wonder.

15%

Increase in total sales

28%

Increase in orders

38%

Boost in conversion rate