Skin Care with Phlair

UX/UI Design Project – 2.5 Weeks
Helping a new skincare brand connect with conscious consumers through user-first design.

Project Overview

A fast-paced, client-led UX/UI sprint to design a mobile-first website prototype for Phlavours, Phor You, a small skincare startup seeking to expand beyond Instagram. Our team was responsible for crafting a user-friendly site experience from scratch—all within 2.5 weeks.

Type: UX/UI Design (Client-Facing Group Project)

  • Role: Interaction Designer, Research & Strategy Contributor

  • Tools: Figma, Trello, Google Forms, Zoom

  • Team: 4 Designers

  • My Focus: Prototyping, Interaction Design, User Journey Mapping, A/B Testing

The Challenge

Philicia, the founder of Phlavours, Phor You, built her brand around clean, organic skincare, but her only platform was Instagram. She needed:

  • A trust-building online presence that aligned with her brand values

  • A clear product discovery experience for first-time customers

  • A mobile-first design to reflect where most of her audience shops

My Role & Responsibilities

As a key contributor in this project, I:

  • Led the User Journey Mapping process based on our persona insights

  • Owned the Hi-Fi Prototype Design and all interactive Figma flows

  • Distributed and analyzed results from our user surveys and A/B testing

  • Participated in user interviews, storyboarding, and persona creation

  • Contributed to our affinity map and MoSCoW prioritization

My goal was to ensure the final design felt intuitive, genuine, and reflected the user’s desire for transparency and simplicity.

Meet Samantha

As part of our early process, we developed a user persona grounded in our research and interviews. This helped us stay aligned with the user’s needs and pain points before moving into design exploration.

Name: Samantha

  • Age: 32

  • Values: Natural ingredients, environmental conscientiousness, trustworthy branding

  • Goals: Find gentle skincare products that work for sensitive skin

  • Frustrations: Lack of transparency, product overload, distrust of marketing claims

Samantha’s Journey

  • Samantha discovers Phlavours via Instagram

  • She seeks ingredient transparency and brand values

  • She evaluates credibility through the website's design and messaging

  • She decides to explore products, impressed she completes a purchase

The Process

We used a streamlined Double Diamond approach:

Discover

  • Conducted user interviews with skincare buyers to understand frustrations

  • Launched survey via Google Forms; analyzed 30+ responses

  • Built an affinity map and defined key frustrations: trust, ingredient clarity, and brand ethos

Define

  • Developed primary persona, Samantha, based on user patterns

  • Outlined her journey: searching, researching, and comparing skincare

  • Defined key user needs: visual trust cues, ingredient transparency, and sustainability

Design

  • Sketched initial concepts, moved to low-fi wireframes and mid-fi flows

  • Led transition into Hi-Fi prototyping in Figma and built clickable site prototype

  • Incorporated A/B testing to refine product page layout and menu structure

Deliver

  • Presented full mobile-first prototype to client

  • Received strong validation from the founder

The Solution

To meet the needs of both Samantha and Philicia the final mobile prototype emphasized:

  • A clean, confidence-inspiring homepage with immediate brand value messaging

  • Easy-to-skim product and ingredient transparency

  • Bold yet elegant visuals using animal print accents from the founder’s vision

  • Clear CTAs that balanced information with user trust

Outcome & Reflection

  • The founder was thrilled and plans to develop the site using our designs

  • I strengthened skills in interaction design, cross-functional collaboration, and rapid prototyping under pressure

  • If expanded further, I would explore motion design for richer micro-interactions and conduct usability testing post-launch