Softcare Skin

Softcare Skin
SOFTCARE

Softcare Skin — Science-driven skincare brand website with bold visual identity and product storytelling.

Science-driven skincare brand website with bold visual identity and product storytelling.

IndustryBeauty / Skincare
ServicesAzarr Technology
Duration4 Weeks
Timeline2025
Hero ScreenHero Screen
OnboardingOnboarding
App Overview
Home Screen

The challenge behind Softcare Skin

The brand lacked a digital presence that matched its science-backed positioning and premium product line.

📲
User Journey
📱
Logo & Branding
Softcare Skin
Typography

How we solved it for Softcare Skin

We created a bold editorial website with ingredient storytelling, interactive product pages, and a custom CMS.

◄ Design Process ►
01
13

Designing With Clarity,
Purpose, andPrecision

Discovery4 days
User ResearchBranding
UX Design8 days
User FlowWireframe
UI Design12 days
MoodboardHigh-FidelityUI Testing
Development6 days
FrontendTesting
Design Process

The design process behind Softcare Skin

We followed a clear, design-focused process to understand where users slowed down and how to make the experience faster, simpler, and more predictable.

01

Discovery & research

  • User journey review
  • Pain point mapping
  • Checkout drop-off analysis

02

Structure & user flow

  • Core flow planning
  • Navigation structure
  • Wireframing key screens

03

UX & UI design

  • Product page design
  • Checkout experience
  • Visual hierarchy

04

Refinement & delivery

  • Component consistency
  • Final mockups
  • Handoff-ready screens
User Flow
Wireframes

Softcare Skin

Final Design

UX Research & Design Artifacts

We grounded the redesign in how people actually use the product — focusing on where they slowed down, what information they needed earlier, and how the flow could better support faster decisions.
OnboardingOnboarding
Softcare Skin
Logo Spacing
Softcare Skin
FFF6D0
FFFFFF
#4A9FD4
7E7E7E
EFEFEF
050505
Color System

Designing a better experience for Softcare Skin

The project was redesigned to make the experience feel quicker, clearer, and easier to complete. The focus was on reducing hesitation across the journey.

By simplifying key steps, improving hierarchy, and surfacing important details earlier, the experience became more predictable and less frustrating for everyday use.

Core Screens

Guide users through key features for a seamless experience.

Key Screens

Results & Outcomes

The redesign improved how users move through the product experience. By making choices clearer, surfacing useful information earlier, and reducing friction, the product became easier to use from start to finish.

+62%

Online revenue

+41%

Time on site

+29%

Return visitors