Sarin Skin
Sarin Skin
Revamping a dermatologists led e-commerce platform and integrating appointment management
Revamping a dermatologists led e-commerce platform and integrating appointment management
Redesign
Redesign
UX Design
UX Design
UI Design
UI Design
Project Overview
Project Overview
Sarin Skin is a dermatologist-led e-commerce platform that delivers personalised skincare solutions, combining scientific expertise with tailored customer care.
Sarin Skin is a dermatologist-led e-commerce platform that delivers personalised skincare solutions, combining scientific expertise with tailored customer care.
My Role
Product Design
Product Strategy
Brand Redesign
Team
Soumya
(co-designer)
Tools
Figma
FigJam
Miro
Notion
Timeline
4 Months
The Problem-Solution
The Problem-Solution
How might we revamp user experience to seamlessly integrate skincare shopping with dermatology consultation?
How might we revamp user experience to seamlessly integrate skincare shopping with dermatology consultation?
Solution
Solution
An e-commerce platform tailored for every user, guiding skincare beginners and everyone to find the right product and procedure with streamlining appointment scheduling. Features include:
An easy-to-use routine finder
Tailored solutions and recommendations for skincare concerns
Integrated prescription and appointment management
An e-commerce platform tailored for every user, guiding skincare beginners and everyone to find the right product and procedure with streamlining appointment scheduling. Features include:
An easy-to-use routine finder
Tailored solutions and recommendations for skincare concerns
Integrated prescription and appointment management
Before
Before
After
After
Existing Issues
Existing Issues
Despite substantial traffic, users often failed to complete their purchase journey
Despite substantial traffic, users often failed to complete their purchase journey
Need for more personalized experience for users tailored to their specific needs
Advancing skincare education for empowered decision-making for the right products
Need for more personalized experience for users tailored to their specific needs
Advancing skincare education for empowered decision-making for the right products
Lack of trust or credibility in the brand or website
Requirement for a luxury and sophisticated aesthetics
Lack of trust or credibility in the brand or website
Requirement for a luxury and sophisticated aesthetics
Product Analysis
Product Analysis
The complexity in the existing product led to confusion amongst the users and often resulted in incomplete user journey
The complexity in the existing product led to confusion amongst the users and often resulted in incomplete user journey
Conducting Research
Conducting Research
Today's customers demand personalization; elevating our approach is crucial for engagement
Today's customers demand personalization; elevating our approach is crucial for engagement
Meet the Users
Meet the Users
Competitive Analysis
Competitive Analysis
Today's customers demand personalization; elevating our approach is crucial for engagement
Today's customers demand personalization; elevating our approach is crucial for engagement
Dr. Sam Bunting
Dr. Sam Bunting
Product cards showing all the important information at a glance.
Clean and simple navigation structured in a way to help users find the right products.
User profile, cart and wish-list on the top makes the experience more personalised.
Product cards showing all the important information at a glance.
Clean and simple navigation structured in a way to help users find the right products.
User profile, cart and wish-list on the top makes the experience more personalised.
Clinikally
Clinikally
Treatment finder to help the users to understand the need as per their requirement. A good personalization effort.
Treatment finder to help the users to understand the need as per their requirement. A good personalization effort.
Derm Physicians
Derm Physicians
Ideating Solutions
Ideating Solutions
Today's customers demand personalization; elevating our approach is crucial for engagement.
Today's customers demand personalization; elevating our approach is crucial for engagement.
Feature Ideation
Feature Ideation
User Journey
User Journey
Information Architecture
Information Architecture
Road to Final Solutions
Road to Final Solutions
Mapping out the final idea
Mapping out the final idea
Wireframes
Wireframes
Design Iterations
Design Iterations
Iteration 1
Iteration 1
Use of minimal design and cards with slight curves. It was not delightful and luxurious experience that we envisioned.
Use of minimal design and cards with slight curves. It was not delightful and luxurious experience that we envisioned.
Iteration 2
Iteration 2
Luxurious and friendly design. But, it needed more interaction and guided decision making.
Luxurious and friendly design. But, it needed more interaction and guided decision making.
Finalising Visuals
Finalising Visuals
Handpicked all the visuals and elements to craft a luxurious aesthetic and user centric experience
Handpicked all the visuals and elements to craft a luxurious aesthetic and user centric experience
Features
Features
Every feature is designed to ensure a smooth user journey
Every feature is designed to ensure a smooth user journey
Bestseller
Bestseller
Minimal Icons: To help understand the skincare routine.
Minimal Icons: To help understand the skincare routine.
Interactive Scroll: To understand skincare routines and navigate easily.
Interactive Scroll: To understand skincare routines and navigate easily.
Marquee Text: Brings the users focus and attention to this section.
Marquee Text: Brings the users focus and attention to this section.
Easy Buying Options: Makes it easier for the user to purchase or wishlist.
Easy Buying Options: Makes it easier for the user to purchase or wishlist.
Use of Ellipses: Serves as a focal point and provides visual hierarchy to the section.
Use of Ellipses: Serves as a focal point and provides visual hierarchy to the section.
Shop by Concern
Shop by Concern
Classification: Different cards for different dermatology concerns like skin, hair, body etc makes the information digestible for the user.
Classification: Different cards for different dermatology concerns like skin, hair, body etc makes the information digestible for the user.
Sub Categorization: Into frequently encountered issues helps the user make informed decisions.
Sub Categorization: Into frequently encountered issues helps the user make informed decisions.
Easy Resolution: For each concern, products as well as treatments options help the user decide the best fit.
Easy Resolution: For each concern, products as well as treatments options help the user decide the best fit.
Treatment Description: Helps users understand the offerings at Sarin Skin at a glance increasing the brand’s trust value.
Treatment Description: Helps users understand the offerings at Sarin Skin at a glance increasing the brand’s trust value.
Discover More
Discover More
Centralized Hub: For all the miscellaneous information at one place makes the product interactive and navigable.
Doctor’s Social Media: Clutter free access to doctor’s social media accounts further increases the trust on the brand.
Doctor’s Social Media: Clutter free access to doctor’s social media accounts further increases the trust on the brand.
Appointments Dashboard
Appointments Dashboard
Tabbed Interface: Makes it easy to navigate between upcoming and past appointments.
Tabbed Interface: Makes it easy to navigate between upcoming and past appointments.
Prescription History: Makes it easier for the users to access their prescriptions making it easier.
Prescription History: Makes it easier for the users to access their prescriptions making it easier.
Appointment Management: Option to manage appointments improves the usability of the product multifold.
Appointment Management: Option to manage appointments improves the usability of the product multifold.
Skincare Quiz
Skincare Quiz
Personalization: Giving product and treatment recommendations to a user based on issues faced by the user.
Personalization: Giving product and treatment recommendations to a user based on issues faced by the user.
Interactive: Easy and seamless quiz navigation makes it interactive for the users.
Interactive: Easy and seamless quiz navigation makes it interactive for the users.
Sense of Control: Users feel in control and the product feels more tailored which increases the trust on the product and increases the chances of buying a product.
Sense of Control: Users feel in control and the product feels more tailored which increases the trust on the product and increases the chances of buying a product.
Improved Navigation
Improved Navigation
Simple: Easy to navigate and classified navigation bar helps user find the right category easily.
Simple: Easy to navigate and classified navigation bar helps user find the right category easily.
User Control and Freedom: The search icon at the top right allows users to quickly find specific items, giving them control over their shopping experience
User Control and Freedom: The search icon at the top right allows users to quickly find specific items, giving them control over their shopping experience
Minimalism: The navigation bar uses minimalistic design principles, avoiding unnecessary graphics or text that could clutter the user interface.
Minimalism: The navigation bar uses minimalistic design principles, avoiding unnecessary graphics or text that could clutter the user interface.
Final Designs
Final Designs
The final luxurious and guided e-commerce experience integrated with appointment booking
The final luxurious and guided e-commerce experience integrated with appointment booking
Before
Before
After
After
Login Screen
Login Screen
Appointment and prescription management
Appointment and prescription management
Navigation
Navigation
Quiz
Quiz
Quiz result and routine
Quiz result and routine
About us page
About us page
Blog listing by concern
Blog listing by concern
Blog page
Blog page
Conclusion
Conclusion
The outcome has significantly improved user experience and evolved design thinking and problem solving approach
The outcome has significantly improved user experience and evolved design thinking and problem solving approach
Outcomes
Outcomes
The outcomes of this redesign have significantly enhanced user experience. Testing revealed users now effortlessly find suitable skincare products and seamlessly manage their skincare records, solidifying our position as their trusted go-to resource for all skincare decisions.
The outcomes of this redesign have significantly enhanced user experience. Testing revealed users now effortlessly find suitable skincare products and seamlessly manage their skincare records, solidifying our position as their trusted go-to resource for all skincare decisions.
Learnings
Learnings
Throughout this project, my journey was rich with learning opportunities, each reinforcing my resolve to evolve as a UX designer committed to excellence and growth. Here's what I garnered:
Throughout this project, my journey was rich with learning opportunities, each reinforcing my resolve to evolve as a UX designer committed to excellence and growth. Here's what I garnered:
Deepened User Empathy
Design thinking to meet evolving challenges
Balance of aesthetic and usability
Every detail is a step up for the design process
Next Steps
Next Steps
Digital Presence
Digital Presence
We'll ensure consistent implementation of the color palette and other visual assets across social media and marketing materials to maintain brand cohesion.
We'll ensure consistent implementation of the color palette and other visual assets across social media and marketing materials to maintain brand cohesion.
Implementation
Implementation
A tight-knit collaboration with developers and marketers to ensure seamless execution of our designs across all digital platforms
A tight-knit collaboration with developers and marketers to ensure seamless execution of our designs across all digital platforms