Scope
To create an alternative to add products to the Shopping Cart from different sections on the Landing Page, without having to scroll to the end — now that the Shopify page builder lists products at the end of every product Collection.
Challenge
Deal with the Shopify Page Builder limitations to create an appealing and engaging alternative that showcases products and lets users add them to the shopping cart.
My Role
As a UI/UX Designer, I created wireframes and prototypes and tested the new functionality with stakeholders and the dev team. Across iterations, we found a way to showcase products through cards using new animations and functionality.
Goal
To create a new component that lets users add products to the shopping cart from different sections easily and engagingly.
Responsibilities
- Create prototypes to validate and approve the new functionality and micro-interactions with the stakeholders and Dev Team.
- Design and create a unique look and feel that adapts the product branding to the reseller e-commerce (Dry Eye Rescue), following both brand guidelines.
The Brand
Sunnie Naturals
Sunnie Naturals is a company dedicated to natural wellness. Their eye drops are crafted with botanical ingredients to provide gentle, effective relief for dry, irritated eyes without harsh chemicals. They prioritize sustainability, ensuring their products are both eye-friendly and eco-conscious.
The Journey
Journey to Add a Product to the Cart
Interaction
Quick Add to Cart on Card Hover
Detail
Product Description with Product Cards
Detail
Modal Window with Ingredients