OVERVIEW

Skincare Connected: The All-in-One Skincare App

Skincare Connected: The All-in-One Skincare App

In the fast-paced skincare industry, strong client-professional connections are key to building trust and loyalty. Skintegrity, a leading skincare brand, identified a major issue—clients were dealing with fragmented communication across various channels.

Despite having a website and active Instagram presence, there was no centralized platform for seamless interaction. To solve this, we designed the Skintegrity Web App, an all-in-one portal designed to enhance the client experience.

In the fast-paced skincare industry, strong client-professional connections are key to building trust and loyalty. Skintegrity, a leading skincare brand, identified a major issue—clients were dealing with fragmented communication across various channels.

Despite having a website and active Instagram presence, there was no centralized platform for seamless interaction. To solve this, we designed the Skintegrity Web App, an all-in-one portal designed to enhance the client experience.

PROJECT SCOPE

End-to-end Mobile App

ROLE

Visual Designer

DESIGN TEAM

Jordan, Hawkins, Vladislav Vasilev, Yiwen Wang

DURATION

12 months

ABOUT SKINTEGRITY

Skintegrity is a skincare business dedicated to providing personalized skin treatments and expert care.

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

Skintegrity is a skincare business dedicated to providing personalized skin treatments and expert care.

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

Skintegrity is a skincare business dedicated to providing personalized skin treatments and expert care.

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

THE CHALLENGE

Fragmented Communication & Engagement

Before designing the web app, clients interacted with Skintegrity sporadically—booking appointments, purchasing products, or asking questions often involved a mix of direct messages on social media, emails, and phone calls. This scattered approach made it hard for clients to establish consistent relationships with Skintegrity, ultimately leading to trust issues.

Fragmented Communication & Engagement

Before designing the web app, clients interacted with Skintegrity sporadically—booking appointments, purchasing products, or asking questions often involved a mix of direct messages on social media, emails, and phone calls. This scattered approach made it hard for clients to establish consistent relationships with Skintegrity, ultimately leading to trust issues.

Fragmented Communication & Engagement

Before designing the web app, clients interacted with Skintegrity sporadically—booking appointments, purchasing products, or asking questions often involved a mix of direct messages on social media, emails, and phone calls. This scattered approach made it hard for clients to establish consistent relationships with Skintegrity, ultimately leading to trust issues.

How might we centralize client communication to enhance consistency and build trust in our brand’s services and products?

How might we centralize client communication to enhance consistency and build trust in our brand’s services and products?

How might we centralize client communication to enhance consistency and build trust in our brand’s services and products?

First, we surveyed 33 adults aged 25-35 who maintained a minimum two-step daily skincare routine.
D

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

This requirement ensured participants had established skincare habits, likely leading to more relevant, insightful feedback.

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

THE SURVEY RESULTS ARE IN

We then interviewed Skintegrity clients to understand their communication habits and frustrations, revealing a clear need for a cohesive platform.
D

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

CLIENT VOICES

Finally, we looked at both direct competitors in skincare apps and indirect ones in telehealth.
D

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

COMPETITIVE ANALYSIS

Most skincare apps served as routine trackers or journals. Telehealth apps focused on client portals but didn’t offer a holistic, seamless experience that connected treatments, products, and communication in one place.

Through surveys, interviews, and competitive analysis, we uncovered critical insights into client expectations and industry gaps.

Through surveys, interviews, and competitive analysis, we uncovered critical insights into client expectations and industry gaps.

Through surveys, interviews, and competitive analysis, we uncovered critical insights into client expectations and industry gaps.

Centralized Communication: Clients want a single platform to book, chat, and get recommendations.

Need for Personalization: Users value tailored guidance and would adjust routines based on expert advice.

Competitive Gap: Existing apps lack an integrated solution for booking, shopping, and communication.

Opportunity: Design a unified app to strengthen client trust and position Skintegrity as a go-to skincare resource.

DESIGN PRINCIPLES

I wanted to make sure that users could easily access the most important features—such as booking, shopping, and messaging—without unnecessary distractions.

I wanted to make sure that users could easily access the most important features—such as booking, shopping, and messaging—without unnecessary distractions.

I wanted to make sure that users could easily access the most important features—such as booking, shopping, and messaging—without unnecessary distractions.

This keeps the experience efficient and focused on their needs. We applied the following design principles throughout the app’s development. 

This keeps the experience efficient and focused on their needs. We applied the following design principles throughout the app’s development. 

This keeps the experience efficient and focused on their needs. We applied the following design principles throughout the app’s development. 

Prioritize essential functions

Prioritize essential functions

Prioritize essential functions

By focusing on key features like booking, shopping, and messaging, we minimized distractions and ensured users can find what they need quickly.

Provide clear signposts

Provide clear signposts

Provide clear signposts

Simple navigation and clear CTAs guide users through the experience effortlessly.

Less is more

Less is more

Less is more

We embraced minimalism in the design to reduce cognitive load, keeping the interface clean and user-friendly.

Give users full control

Give users full control

Give users full control

Clients have full control over their bookings, routines, and purchases, making the experience feel personalized and empowering.

MAPPING THE JOURNEY

Essential User Flows & Task Paths
D
I identified the two most common task flows for Skintegrity app users: booking a service and purchasing products. These flows were prioritized to ensure a seamless, user-friendly experience that addresses the primary needs of our clients.

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

Prioritizing Simplicity and User Control

Known for their high quality products and services, Skintegrity focuses on helping clients achieve healthy, radiant skin through a combination of professional treatments and tailored skincare recommendations.

USER FLOW 1

Reserve a skincare appointment

Reserve a skincare appointment

USER FLOW 2

Shop products

Shop products

WIREFRAMES FOR KEY FLOWS

After defining the task flows, I created wireframes to visually structure the redesigned user experience.

After defining the task flows, I created wireframes to visually structure the redesigned user experience.

After defining the task flows, I created wireframes to visually structure the redesigned user experience.

This step was crucial for translating the newly optimized flows into a functional layout, ensuring each interaction was intuitive and seamless. Wireframing helped clarify design decisions and provided a solid foundation for development.

WIREFRAME 1

Reserve a skincare appointment

WIREFRAME 2

Shop products

CRAFTING THE UI KIT

Creating the Foundation for Visual Consistency

After wireframing, I created a UI kit that seamlessly aligns with Skintegrity's branding. The color palette draws from their existing light blue and lavender hues, evoking a sense of calm and trust. To add vibrancy and contrast, I introduced a pastel orange inspired by the logo, ensuring key elements stand out while maintaining visual harmony. This cohesive design foundation set the stage for a user-friendly and aesthetically pleasing app experience.

Our Mission

We believe in the power of design to inspire and make a meaningful impact.
We aim to transform ideas into captivating designs.

We strive to bring creativity and functionality together, crafting solutions that resonate with your audience.

Servicessf

dgfg

Services are designed with simplicity and effectiveness in mind. We offer a comprehensive range of solutions tailored to meet your design needs.

Branding

Logo Design / Brand Guidelines / Collateral Design / Rebranding Services

UX & UI Design

User Research and Analysis / Wireframing and Prototyping / User Interface Design / User Experience Testing / Responsive Design Solutions

Motion & Animation

Motion Graphics Design / Animated Explainer Videos / Interactive Presentations

Mobile

iOS App Development / Android App Development / App Prototyping and Testing / App Maintenance and Updates

The image featured at the bottom of the about us page
The image featured at the bottom of the about us page
The image featured at the bottom of the about us page
The image featured at the bottom of the about us page
The image featured at the bottom of the about us page
The image featured at the bottom of the about us page

How We Work

Join us in exploring a digital creative process where simplicity enhances the beauty and efficacy of every design endeavor.

01

Discover Needs

We delve deep into understanding your brand, target audience, and objectives, unraveling the insights that will shape our creative journey.

02

Design Experience

Armed with insights, our design experts bring concepts to life, seamlessly blending aesthetics and functionality for a visually stunning and user-centric experience.

03

Refine Feedback

We iterate tirelessly, refining our designs based on feedback, ensuring every pixel and interaction aligns perfectly with your brand identity and user expectations.

04

Deliver Project

The culmination of our collaborative efforts results in the delivery of a polished, cohesive digital experience that not only meets but exceeds your expectations.

Designing Success

See how we've turned ideas into reality. Dive into the stories of successful product designs that make a difference.

View Presentation