REVELA
Project Overview
Revela is an innovative startup serving both businesses and consumers with its AI-powered skin assessment technology. The platform enables skincare companies to deliver precise skin analysis and customized product recommendations to their customers, especially wo
My Role
Timeline
Tools
Team
Project Lead
4 weeks:
Research, Analyze, Design, User Testing, Presenation
Charlotte Truong
Triman Grewal
Figma
Illustrator
Whimsical
Slack
Problem
Our challenge was designing a scalable system and website with consistent branding and intuitive user experience. We prioritized inclusivity, creating a platform that empowers skincare businesses to offer truly personalized solutions across diverse skin tones. The key innovation was translating complex AI-powered skin analysis into accessible, actionable insights that both businesses and their customers could easily understand and apply.
Solution
Our goal was to design a seamless and intuitive platform that bridges business requirements with customer needs. We crafted an accessible interface that delivers personalized experiences while maintaining visual consistency and operational efficiency. Through iterative testing and user-centered design principles, we developed a solution that simplifies complex skin analysis into clear, actionable insights with an engaging visual language that scales across devices.
User Research
Research Findings
"I want to intuitively complete the skin analysis test, get results instantly, and understand what they mean without feeling like I'm reading a medical report."
"I've tried other skin assessment tools that felt cold and impersonal. Revela's interface needs to feel like it's speaking directly to me and my unique skin concerns."
"For our skincare brand, Revela's AI needs to translate complex data into simple, visual insights we can quickly share with our customers"
Problem Statement
Many skincare consumers and businesses struggle to obtain accurate, personalized skin analysis due to complex, inaccessible technologies that fail to address the nuanced needs of diverse skin types. How can Revela's website transform complex skin analysis into clear, actionable insights, that will empower both consumers and businesses to make more informed skincare decision?​
Definition & Ideation
Moodboard
We immersed ourselves in understanding the brand's core identity to establish the perfect tone for the product. Our process began with strategic color selection and mood board creation that authentically captured Revela's values and vision.
-
A comprehensive competitive analysis revealed key market opportunities and gaps, allowing us to craft a distinctive design language that resonates in both B2B and B2C environments. This foundational work ensured Revela's visual system would be both memorable and strategically positioned against competitors, while maintaining flexibility across diverse user journeys.
Moodboard
Information Architecture
Collaborated closely with the team to architect content that serves both business and consumer needs, creating intuitive information hierarchies and user flows that make complex skin analysis data accessible and meaningful to all user types.
Information Architecture
Wireframes
Multiple iterations were done to refine the layout and functionality before finalizing the designs. We make sure to satisfy client's requirements for their business's vision as well as balance the intuitive of website design for users.
Low/ Mid-fi Wireframes
User Testing Insights
-
Optimize layout consistency: ensured even spacing and consistent line heights.
-
Improve image and color palette presentation that focuses on Black Women - who are the main target audience.
-
Minimize the texts but still able to present the main information.
-
Clear CTA that emphasizes the Skin Analysis Feature.
Prototype
Header & Footer Design
Desktop - Header
Desktop - Footer
Design Concept
Visual Identity
Design system
Final Product
AI Scanning process
Takeaways
Our most significant challenge in this project was developing a design system that authentically represents and celebrates Black women's skin tones and experiences. This meant carefully balancing color palettes, imagery, and visual narrative to create a platform that feels both professional and deeply personal.
​
Key Learning Insights:
-
Inclusive design requires intentional representation beyond surface-level aesthetics
-
Consistent design systems are powerful tools for creating cohesive user experiences
-
Interdisciplinary collaboration is essential for translating complex technical capabilities into intuitive, meaningful interfaces
-
​
The process of designing for Revela taught me that great UX is about more than just visual appeal—it's about creating a digital experience that feels genuinely understood and respected by its intended users. By prioritizing empathy, precision, and cultural nuance, we transformed technical constraints into a design language that speaks directly to our target audience.
