Sarin Skin: E-commerce Evolution
Sarin Skin: E-commerce Evolution
Sarin Skin: E-commerce Evolution
Sarin Skin offers a wide range of skincare products,
while easily managing appointments with qualified dermatologists, all in one convenient platform
Sarin Skin offers a wide range of skincare products,
while easily managing appointments with qualified dermatologists, all in one convenient platform
Sarin Skin offers a wide range of skincare products,
while easily managing appointments with qualified dermatologists, all in one convenient platform
Re-design
UX design
UI Design
Project Overview
Project Overview
Project Overview
About Sarin Skin
About Sarin Skin
Sarin Skin is a dermatologist-led e-commerce platform that delivers personalized skincare solutions, combining scientific expertise with tailored customer care.
Sarin Skin is a dermatologist-led e-commerce platform that delivers personalized skincare solutions, combining scientific expertise with tailored customer care.
Goals
Goals
The redesign of Sarin Skin is focused on heightening personalization, smoothing the user journey, and embedding educational content to foster a seamless, informative shopping experience that resonates with our commitment to expert-led care.
The redesign of Sarin Skin is focused on heightening personalization, smoothing the user journey, and embedding educational content to foster a seamless, informative shopping experience that resonates with our commitment to expert-led care.
Role
Role
Lead Product Designer
Lead Product Designer
Timeline
Timeline
3-4 months
3-4 months
Team
Team
Suyash Vyas (Co-Designer)
Suyash Vyas (Co-Designer)
Tools
Tools
Figma, Notion, Figjam
Figma, Notion, Figjam
E-Commerce Revamped
E-Commerce Revamped
E-Commerce Revamped
From Clicks to Experience
From Clicks to Experience
From Clicks to Experience
How might we revamp user experience to seamlessly integrate skincare shopping and expert led dermatology?
How might we revamp user experience to seamlessly integrate skincare shopping and expert led dermatology?
Problem
Problem
We addressed key challenges:
The absence of personalised recommendations
No appointment and prescription management
Confusing and non intuitive user experience
We addressed key challenges:
The absence of personalised recommendations
No appointment and prescription management
Confusing and non intuitive user experience
Solution
Solution
An e-commerce platform that serves as a unique blend for every user. It serves as a guide for novice in skincare and manages appointments seamlessly.
Simplified skincare routine finder
Skincare concerns with solutions and personalized recommendations
Prescription and appointment management
An e-commerce platform that serves as a unique blend for every user. It serves as a guide for novice in skincare and manages appointments seamlessly.
Simplified skincare routine finder
Skincare concerns with solutions and personalized recommendations
Prescription and appointment management
Before
After
identifying roadblocks
identifying roadblocks
identifying roadblocks
Affecting the user experience
Affecting the user experience
Affecting the user experience
Issues Faced
Issues Faced
A clear yet complex challenge emerged as I delved into the website's user data. Stakeholder insights and analytics pointed towards various challenges which was a clear indication: There was an urgent need to build trust with the users and make the user journey simpler and navigable.
A clear yet complex challenge emerged as I delved into the website's user data. Stakeholder insights and analytics pointed towards various challenges which was a clear indication: There was an urgent need to build trust with the users and make the user journey simpler and navigable.
01
01
Despite substantial traffic, users often failed to complete their purchase journey.
Despite substantial traffic, users often failed to complete their purchase journey.
02
02
Insufficient skincare education for empowered decision-making for the right products.
Lack of skincare education.
03
03
Lack of trust or credibility in the brand or website.
Lack of trust or credibility in the brand or website.
04
04
Lack of personalised experience for users tailored to their specific needs.
Lack of personalised experience for users tailored to their specific needs.
05
05
Requirement for a luxury and sophisticated aesthetics.
Requirement for a luxury and sophisticated aesthetics.
06
06
A one-size-fits all approach leading to low engagement.
A one-size-fits all approach leading to low engagement.
Today's customers demand personalization; elevating our approach is crucial for engagement.
Today's customers demand personalization; elevating our approach is crucial for engagement.
Today's customers demand personalization, elevating our approach is crucial for engagement.
Product Analysis
Product Analysis
Conducting research
Conducting research
Conducting research
Through the users and market
Through the users and market
Through the users and market
Digital Research
Digital Research
With a social media reach exceeding one million, we began by understanding user needs comprehensively by exploring comments on every social media handle.
With a social media reach exceeding one million, we began by understanding user needs comprehensively by exploring comments on every social media handle.
Huge demand for skincare routine among the users
Huge demand for skincare routine among the users
Users want educational content that empowers their informed decisions
Users want educational content that empowers their informed decisions
People wanted authentic, expert curated solutions
People wanted authentic, expert curated solutions
Users express interest in solutions tailored to specific skincare concerns
Users express interest in solutions tailored to specific skincare concerns
User Research
User Research
After digital research, conducting user interviews provided valuable insights. I wanted to create designs that truly resonated with them, and by directly talking to users, we understood their pain points and needs.
After digital research, conducting user interviews provided valuable insights. I wanted to create designs that truly resonated with them, and by directly talking to users, we understood their pain points and needs.
Meet the Users
Meet the Users
Competitive Analysis
Competitive Analysis
After initial research, our competitive analysis was key to identifying unique opportunities for Sarin Skin. It informed our UX strategy, ensuring we stand out in the crowded skincare market and continue adapting to exceed user expectations.
After initial research, our competitive analysis was key to identifying unique opportunities for Sarin Skin. It informed our UX strategy, ensuring we stand out in the crowded skincare market and continue adapting to exceed user expectations.
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
Option to book appointment with the preferences makes the booking process easier for the users and makes it more personalised.
Option to book appointment with the preferences makes the booking process easier for the users and makes it more personalised.
Ideating solutions
Ideating solutions
Ideating solutions
Solving problems piece by piece
Solving problems piece by piece
Solving problems piece by piece
Goals
Goals
After understanding the needs of users and analyzing the competitors, it was the right time to address the identified problem based on business and user goals.
After understanding the needs of users and analyzing the competitors, it was the right time to address the identified problem based on business and user goals.
Ideating Features
Ideating Features
We wanted to explore endless possibilities to shape the ultimate skincare experience. By pooling our creative energies, we started to craft features that met user needs and delighted the users.
We wanted to explore endless possibilities to shape the ultimate skincare experience. By pooling our creative energies, we started to craft features that met user needs and delighted the users.
User Journey
User Journey
Information Architecture
Information Architecture
Road to Final Design
Road to Final Design
Design Iterations
Design Iterations
Finalising visuals
Finalising visuals
Finalising visuals
Assembling the luxury skincare experience
Assembling the luxury skincare experience
Assembling the luxury skincare experience
Colours
Colours
Typography
Typography
UI Elements
UI Elements
Features
Features
Features
Thoughtfully curating design solutions
Thoughtfully curating design solutions
Thoughtfully curating design solutions
Product Features
Product Features
Bestseller
Bestseller
Minimal icons: Day and night icons used minimally helps the user to easily understand the skincare routine.
Minimal icons: Day and night icons used minimally helps the user to easily understand the skincare routine.
Interactive scroll: Even novice users can intuitively scroll and understand skincare routines and navigate easily.
Interactive scroll: Even novice users can intuitively scroll and understand skincare routines and navigate easily.
Marquee text: Use of marquee text on bestsellers brings the user's focus and attention to this section.
Marquee text: Use of marquee text on bestsellers brings the user's focus and attention to this section.
Easy buying options: Options to add product to the cart on hover makes it easier for the user to purchase or wishlist.
Easy buying options: Options to add product to the cart on hover 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 treatment options help the user decide the best fit.
Easy resolution: For each concern, products as well as treatment options help the user decide the best fit.
Treatment description: Help users understand the offerings at Sarin Skin at a glance increasing the brand’s trust value.
Treatment description: Help users understand the offerings at Sarin Skin at a glance increasing the brand’s trust value.
Discover more
Discover more
Centralized hub: All the miscellaneous information in one place makes the product interactive and navigable.
Centralized hub: All the miscellaneous information in 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 in the brand.
Doctor’s social media: Clutter-free access to doctor's social media accounts further increases the trust in 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
Final Designs
Symphony of solutions and visuals
Symphony of solutions and visuals
Symphony of solutions and visuals
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
Looking back
Looking back
Looking back
What I learned in the process
What I learned in the process
What I learned in the process
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
Deepened User Empathy
Design thinking to meet evolving challenges
Design thinking to meet evolving challenges
Balance of aesthetic and usability
Balance of aesthetic and usability
Every detail is a step up for the design process
Every detail is a step up for the design process
Conclusion
Conclusion
This project has set a new benchmark in skincare e-commerce, significantly improving user experience and platform trust. As we move forward, we're dedicated to continuous improvement, using feedback and technology to enhance our platform, ensuring we remain at the forefront of skincare innovation.
This project has set a new benchmark in skincare e-commerce, significantly improving user experience and platform trust. As we move forward, we're dedicated to continuous improvement, using feedback and technology to enhance our platform, ensuring we remain at the forefront of skincare innovation.