Dot&Key : UI Redesign
Redesign of Dot&Key “Shop by Ingredients” Page; Enhancing User Experience with Ingredient-Based Product Navigation.
Dot&Key is a leading skincare brand known for its innovative and effective products. With an expanding product line, the brand needed to provide a more intuitive and efficient way for users to discover products based on specific ingredients. This redesign project focused on creating a “Shop by Ingredients” page to improve user experience, drive higher engagement, and increase conversion rates.
Objectives:
​
Improve Product Discoverability: Make it easier for users to find products based on their preferred ingredients.
Enhance User Experience: Create an intuitive and user-friendly interface that aligns with Dot&Key’s brand identity.
Increase Engagement and Conversion Rates: Design a visually appealing page that encourages users to explore and purchase products.
Research and Analysis:
​
User Research: Conducted surveys and interviews with existing Dot&Key customers to understand their shopping behavior and preferences.
Before & After
Key Features of the Redesigned Page:
​
Clear Ingredient Categories: Ingredients are categorized logically (e.g., by skin type, skin concern, or product type), making it easy for users to find relevant products.
Consistency: Consistent use of design elements such as colors, fonts, and button styles provides a cohesive experience across the website.
Detailed Ingredient Information: Each ingredient includes a description of its benefits, helping users make informed decisions.
High-Quality Visuals: Visually appealing images and a clean design that aligns with Dot&Key’s brand identity.
Responsive Design: The page is designed to be fully responsive, providing a seamless experience across all devices.
Effective Use of Visual Hierarchy: Strategic use of typography, color, and spacing creates a visual hierarchy that guides users’ attention to the most important elements first.
Conclusion
The redesign of Dot&Key’s “Shop by Ingredients” page successfully enhanced user experience by making it easier for users to discover and purchase products based on their preferred ingredients. By focusing on user-centered design principles and leveraging insights from research and testing, the project achieved its goals of improving product discoverability, increasing user engagement, and driving higher conversion rates.