.png)
Vitaboom is a top provider of health supplements, loved by customers for being chemical-free and supporting overall health. They initially came to us to turn their informational Webflow website into an e-commerce store. Their need was unique: To allow their customers to create custom supplement packs and subscribe to them monthly. Additionally, Webflow was a pain to edit and maintain so Shopify was their best pick.
The CATCH? Their website had serious User Experience (UX) issues. We recommended a UI/UX touch-up because every effort was wasted with a disturbed UX. The client wanted to add an image of a pack that would automatically update with new information. Since this couldn’t be done with Shopify's built-in features, we proposed a workaround (more in solutions).
To fix their UX issues, we made a custom Figma UX design.
Understanding the importance of creating an engaging experience for supplement-dependent users, the foundation of our user experience strategy was focused on showing the benefits of these chemical-free supplements. We created a mockup of the pack to show them how to edit it in design software.
We also created a plan to pack the site with tons of interactive visuals, and animations for an exciting and engaging experience. Interactive elements make the website fun to explore and help visitors grasp the science behind the supplements for their health benefits.
The UX was so complex but we resolved it by working on the navigation bar to make it easy to navigate the site. We worked on CTAs to make the design more functional and engaging.
We migrated all the products from Webflow to Shopify and implemented the Figma design to the platform for a robust, clean, dynamic website.
We took care of the responsive mobile screens that fit their web visitors’ screens PERFECTLY so they don't have to waste their time in constant pinching & zooming to fit the design in their respective screens but directly connect with Vitaboom’s products.
Having a strong language is of utmost importance for every brand as it helps end-users to recognize the brand easily & it also helps businesses to stand out. During the design creation, our goal was to focus on every small detail including colors, illustrations, and typefaces.
The right typography can increase the product's enhancement, user experience, and engagement levels to a great extent. The typography was provided by the customer.
Lorem ipsum dolor sit amet consectetur adipiscing elit amet diam in est pharetra porttitor libero.