Project Overview
Project Overview
Informational platform for active ingredients in skincare
Informational platform for active ingredients in skincare
This project is an experience for users to explore and learn what skincare active ingredients are, how they are used, and which ingredients are best suited for their needs.
There aren’t many platforms that talks about active ingredients in skincare in both a informational and interactive way. Some platforms help users form products with ingredients made for their skin, however, users aren’t fully informed what the ingredients do.
The goal is to cater toward users while having it 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.
This project is an experience for users to explore and learn what skincare active ingredients are, how they are used, and which ingredients are best suited for their needs.
There aren’t many platforms that talks about active ingredients in skincare in both a informational and interactive way. Some platforms help users form products with ingredients made for their skin, however, users aren’t fully informed what the ingredients do.
The goal is to cater toward users while having it 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.
Prototype Preview
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
press play >
press play >
press play >
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.
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 Webpage
Curology Webpage
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.
UX Trends
UX Trends
Spotify Pets
Spotify Pets
This is a survey made by Spotify for the user’s pets and it can compose a playlist for both the user and their pets based on the answers inputted.
The survey focuses on the graphics of the pet and the micro-animation. The graphics are very cute and attractive which prompts users to dig into the quiz. This gives the user a sense of personalization while gaining a playlist both them and their pets can enjoy.
This is a survey made by Spotify for the user’s pets and it can compose a playlist for both the user and their pets based on the answers inputted.
The survey focuses on the graphics of the pet and the micro-animation. The graphics are very cute and attractive which prompts users to dig into the quiz. This gives the user a sense of personalization while gaining a playlist both them and their pets can enjoy.
UX Trends
UX Trends
Adobe: Creative Type
Adobe: Creative Type
This is another quiz based platform made by Adobe to find out what the user’s creative type is. It’s a simple 15 questioned quiz, each question with two answers. Micro-animations plays whenever users choose an answer.
They characterized each creative type, making it more visually interesting and engaging for users. The webpage starts out with all 8 creative types for users to explore and see what each one is.
This is another quiz based platform made by Adobe to find out what the user’s creative type is. It’s a simple 15 questioned quiz, each question with two answers. Micro-animations plays whenever users choose an answer.
They characterized each creative type, making it more visually interesting and engaging for users. The webpage starts out with all 8 creative types for users to explore and see what each one is.
Moodboard
Moodboard
Visual Direction
Visual Direction
Focusing on the mood of feeling happy and cuteness overload, most of the illustrations will be geared towards rounder shapes with expressions. The feel of the webpage should be aimed towards something minimal, yet visually appealing.
Focusing on the mood of feeling happy and cuteness overload, most of the illustrations will be geared towards rounder shapes with expressions. The feel of the webpage should be aimed towards something minimal, yet visually appealing.
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.
Takeaways
Takeaways
UX Trends and research can help a lot when done right.
UX Trends and research can help a lot when done right.
Exploring different UX trends can really lead the project in the right directions. Sometimes I’ve been stuck on how an interface should look and exploring trends and researching more usually gives me the right ideas and directions to go in.
Exploring different UX trends can really lead the project in the right directions. Sometimes I’ve been stuck on how an interface should look and exploring trends and researching more usually gives me the right ideas and directions to go in.
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
TC
TC