Skin Science Academy

Empowering Beauty Enthusiasts through the Wardah Skin Science Academy

Client

Wardah Beauty Cosmetic

Platform

Desktop, Mobile (Web App)

Tools

Figma, Figjam, Notion, Google Slides
Preview of homepage before login Wardah Skin Science Academy before user login in Desktop and Mobile version

Background

Wardah Skin Science Academy is an educational program aimed at empowering beauty enthusiasts and professional healthcare practitioners.


Organized by Wardah Beauty Cosmetic, one of Indonesia’s leading local cosmetic brands, the initiative provides in-depth knowledge about skincare science, product innovation, and dermatological practices.

The academy bridges the gap between beauty and science, fostering a deeper understanding of skin health through workshops, training sessions, and collaborative activities with experts in the field. This program aligns with Wardah’s mission to combine beauty with care and innovation.

Preview of homepage before login Wardah Skin Science Academy after user login in Desktop and Mobile versionPreview detal of Learn & Collect points section and Skintellectual Graduation on Homepage

Comprehensive Design Process

User flow of Wardah Skin science academy

Research and Determine the User Flow

Analyzing user needs, behaviors, and goals to create a seamless journey through a website. This process ensures that navigation is intuitive, tasks are easy to complete, and the overall design aligns with user expectations and business objectives.

Sketching and Wireframing

Created sketches on paper and developed early wireframes, which evolved into interactive prototypes. These prototypes were tested and iterated upon, making this phase crucial for refining user flows and interface elements.

Sketch on paper and wireframe process
Prototyping hi-fi process

Prototyping

Focused on creating a visually appealing and emotionally engaging experience. The design incorporated nature-inspired themes, intuitive icons, and an easy-to-navigate layout.

Accessibility and Inclusivity

Special attention was given to making the app accessible to all users, including those with disabilities. Features like screen reader compatibility, color blindness modes, and scalable text were included.

Accessibility reached 90% in the Audit – Accessibility on Safari and 84% in Lighthouse on Google Chrome.

Accessibility checking after website published

Features

Skin Academy

Engaging content through "Skin Talks," where experts share insights on various skin-related topics, and a comprehensive "Skin Curriculum" that provides in-depth educational materials to deepen your skincare knowledge.

Skincare Review

Encourages participants to share skincare reviews, contribute insights to the community, and earn points toward academy graduation.

Quizzes

Interactive quizzes test and enhance skincare knowledge, helping users assess understanding, reinforce learning, and earn graduation points.

Explore

Reviewing skincare products as part of engaging activities allows users to earn points, contributing to their progression and graduation within the academy.

Desktop Preview of Wardah Skin Science AcademyMobile Preview of Wardah Skin Science Academy

Impact

Mobile Preview of Wardah Skin Science Academy

Enhanced Learning Experience

A cleaner and more intuitive interface helped learners access modules and resources more easily, increasing course completion rates by over 30%. The structured user flow supported both new and returning users, making learning seamless and engaging.

Increased Engagement & Retention

The improved design, with better content hierarchy and visuals, led to a 40% increase in user engagement (e.g., time on site, module interactions, quiz participation). Users felt more motivated to explore deeper into skin science topics, promoting brand loyalty.

Mobile-First Accessibility

Optimizing for mobile responsiveness and WCAG-compliant accessibility empowered users across Indonesia—including those in remote areas—to access learning materials easily, regardless of device or ability.

Boosted Brand Credibility

The sleek, professional design reinforced Wardah’s image as a science-backed beauty brand and positioned the website as a trusted hub for beauty education.

Key learnings

Interactive Learning Enhances Engagement

The platform offers a variety of educational activities, including watching Skintalks, participating in quizzes, and reviewing skincare products. This interactive approach keeps users engaged and motivated to learn more about skincare.

Gamification Motivates Participation

By implementing a point-based system where users earn rewards for completing activities, the platform effectively encourages continuous participation and learning. ​

Personalized Education Through Skin Genomic Research

The platform utilizes skin genomic research tailored to Indonesian skin types, offering personalized skincare education that addresses specific needs and concerns.

Community Building Fosters Peer Learning

By encouraging users to share reviews and participate in discussions, the platform creates a community where users can learn from each other's experiences and insights.

29,127

Users

13,421

Users have points

10,958,528

Total earned points