Krystal Radiance – Responsive E-commerce Website
Duration: 1 Month | Tools Used: Figma | Role: UX/UI Designer
Overview
Krystal Radiance is a responsive skincare and haircare e-commerce website designed to simplify the shopping experience for users by allowing them to browse and purchase products based on their individual skin and hair types. The goal was to create a personalized, visually appealing, and user-friendly shopping journey for conscious beauty buyers.
Design Goal
To design an inclusive and intuitive online shopping platform that not only sells beauty products but also helps users make informed product choices that suit their needs.
My Process
User Research:
Identified key pain points users face while shopping for skincare and haircare products online especially around product discovery and suitability.
Information Architecture:
Organized the website to allow filtering by skin/hair type, ingredients, and concerns.
Wireframing & UI Design:
Created responsive layouts in Figma for mobile, tablet, and desktop views.
Usability Focus:
-
Designed clear product categorization
-
Simplified navigation for quick discovery
-
Added sections for user education (e.g., tips, routine guidance)
Prototyping & Testing:
Conducted usability tests with 3 users and made improvements based on feedback regarding navigation, filter usability, and checkout process.
Learnings from This Project
-
Gained deeper understanding of designing for responsiveness across devices.
-
I understood how to make online shopping easier by adding helpful filters and a smooth user flow.
-
I improved my skills in arranging content clearly so users can quickly find what they need.
Future Enhancements
-
Integrate a skin/hair quiz to personalize product suggestions even further.
-
Add user reviews and ratings to build trust and community.
-
Include a loyalty program interface to retain frequent buyers.
-
Enable AI-generated recommendations based on user profile and purchase history.
