Activate

Helping skincare enthusiasts find

their ideal ingredient

Role

Product Designer

Duration

12 Weeks

Tools

Figma

Procreate

Skills

Product Design

Illustration

Prototyping

Web Design

Helping skincare enthusiasts find their ideal ingredient

Activate

Role

Product Designer

Duration

12 Weeks

Tools

Figma

Procreate

Skills

Product Design

Illustration

Prototyping

Web Design

The Problem

The Problem

The Problem

No existing platforms for people to find their ideal skincare ingredients

No existing platforms for people to find their ideal skincare ingredients

There are platforms that customizes a skincare product for people, or suggest products that could help their concern. However, there are no platforms that helps people find and learn about the ingredients that’s best for their skin concerns.

There are platforms that customizes a skincare product for people, or suggest products that could help their concern. However, there are no platforms that helps people find and learn about the ingredients that’s best for their skin concerns.

The Solution

The Solution

An informational yet interactive platform to learn about skincare ingredients

An informational yet interactive platform to learn about skincare ingredients

With Activate, users can explore and learn about what skincare active ingredients are, how they are used, and which ingredients are best suited for their needs.

We want this to be fun and informational. Users will be able to find out what ingredients works for them while being able to learn what each of them does, and how it should be used. The delivery will have many illustrations to provide a fun and exciting experience.

With Activate, users can explore and learn about what skincare active ingredients are, how they are used, and which ingredients are best suited for their needs.

We want this to be fun and informational. Users will be able to find out what ingredients works for them while being able to learn what each of them does, and how it should be used. The delivery will have many illustrations to provide a fun and exciting experience.

Final Prototype Preview

Final Prototype Preview

General user flow through the webpage

General user flow through the webpage

Click here to view the full prototype video | Vimeo Link

Click here to view the full prototype video | Vimeo Link

This platform consists of:


Active Ingredients List

Place for users to see what each active ingredient does.


Personalized Quiz

Where users can take a quiz and find out which active ingredients they need for their skin goals.

Active Ingredients List

Users can check through the types of active ingredients and what they are first before taking the quiz and finding out the ingredients for them.

Personalized Quiz

The main part of this project is the personalized quiz. Users can take the quiz and find out which active ingredients they need for their target goals.

Competitive Analysis

Competitive Analysis

Curology; No in-depth information of ingredients

Curology; No in-depth information of ingredients

Curology is one the platforms that does customized skincare. Although they provide the ingredients used in the personalized products, it gives very surface leveled information about what they do.

Even if the information is scarce, they do have a well thought out quiz that targets a lot of questions for the perfect personalized formula.

Curology is one the platforms that does customized skincare. Although they provide the ingredients used in the personalized products, it gives very surface leveled information about what they do.

Even if the information is scarce, they do have a well thought out quiz that targets a lot of questions for the perfect personalized formula.

Research: Spotify Pets and Adobe Creative Type

Research: Spotify Pets and Adobe Creative Type

Interactive quizzes with characters that piques users interest

Interactive quizzes with characters that piques users interest

Both Spotify Pets and Adobe Creative Type are a quiz based platform/activity. Both quizzes utilizes unique graphics and characters that grabs users attention

For Adobe’s quiz, users also has a choice to explore each character and what they are before taking the quiz.

Both Spotify Pets and Adobe Creative Type are a quiz based platform/activity. Both quizzes utilizes unique graphics and characters that grabs users attention

For Adobe’s quiz, users also has a choice to explore each character and what they are before taking the quiz.

Final Designs

Final Designs

A website that provides both information and a personal touch

A website that provides both information and a personal touch

In the final version of this project, users can explore the page and the different active ingredients, or they can take a personalized quiz to see what ingredients are best suited for their needs. Each ingredient is characterized, which makes it more engaging for users.

In the final version of this project, users can explore the page and the different active ingredients, or they can take a personalized quiz to see what ingredients are best suited for their needs. Each ingredient is characterized, which makes it more engaging for users.

The Outcome

The Outcome

Building solutions from concept to completion

Building solutions from concept to completion

This project allowed me to practice the full UX/UI design process, from research to visual design. It challenged me to simplify complex information, integrate my illustration skills into the user experience, and create a platform concept that addresses user pain points. This experience helped me refine my problem-solving abilities and communicate my design decisions more effectively.

This project allowed me to practice the full UX/UI design process, from research to visual design. It challenged me to simplify complex information, integrate my illustration skills into the user experience, and create a platform concept that addresses user pain points. This experience helped me refine my problem-solving abilities and communicate my design decisions more effectively.

Let's Chat!

© TINA CHEN 2024

Let's Chat!

© TINA CHEN 2024

Process Deck

Process Deck

Linked below is a process deck that includes a more in-depth overview of the project, including all the ideations, sketches, and ideas worked on.

Linked below is a process deck that includes a more in-depth overview of the project, including all the ideations, sketches, and ideas worked on.

PDF | 42 Pages | 46.7 MB

PDF | 42 Pages | 46.7 MB