miyuki nozawa
menu
Home
About
Projects
Pibu
Skincare Store Website
A website to introduce a local business and expand their business.
PibuPibu
Role: Product Designer
Type: Responsive Web Design
Timeline: May - June 2024
INTRODUCTION
Background
Pibu is a family-owned Korean skincare store located in New York City. They opened their store in December 2023, and they target individuals of all genders in their 20s to 40s and offer a variety of skincare products. Their customers are mainly local residents, and they are considering the development of a website and an e-commerce platform to expand their business. They are hoping to have a website that matches to their target customers, and their aesthetic of the store.
Problems
Pibu has a clear target audience and brand aesthetic but struggles to align these with their website design. They are uncertain about the content that will encourage purchases and wish to create a unique, user-friendly website without relying on pre-made templates, ensuring they stand out from competitors.
Solutions
Developing a website to increase brand awareness and drive online sales, focusing on e-commerce for business expansion while emphasizing a user-friendly design that aligns with Pibu’s brand identity and appeals to their target audience.
Design Process
RESEARCH
RESEARCH
Competitive Analysis / Survey / User Interviews
DEFINE
DEFINE
Affinity Map / User Personas / Problem Statement / Project Goals
IDEATE
IDEATE
Feature Ideas / Card Sort / Sitemap / Task & User Flows
DESIGN
DESIGN
Wireframes / Branding / Prototyping
TEST
TEST
Usability Testing / Iterations
NEXT STEPS
NEXT STEPS
Learning / Different Approach
RESEARCH
Research Goal
Understanding which information is beneficial for users and what motivates them will enhance their desire to make purchases. These insights will encourage users to shop at Pibu, thereby increasing brand recognition and supporting business expansion.
Understanding the Competition
First, I conducted a competitive analysis to understand the structure and features of general skincare e-commerce sites. I compared two direct competitors specializing in K-beauty with one indirect competitor focusing on general skincare. Based on each site’s brand value and target audience, I identified how they present their websites.
sentisentimasksheetssephora
While all e-commerce websites share basic functionalities, each one incorporates unique features tailored to their target users. Direct competitors have fewer products but offer a simple and very user-friendly layout. On the other hand, indirect competitors, with a broader range of brands and products, use icons and other design elements to make the vast amount of information more accessible.
starKey Features
Smooth purchasing process
User-friendly and intuitive features
Strong and impactful branding
Differentiating content from others
Exploring the Experiences of Purchasing Skincare Products
I conducted a survey with 15 participants aged 25-44 to understand their interest in skincare products, the criteria they use, and how they make purchase decisions.
“I usually use Amazon or Target because I can check for discounts, view ingredient information, and read more honest reviews.”
avatar
“I have had difficulties selecting the right skincare products because I didn’t know my skin type.”
avatar
starKey Findings
Lack of knowledge about one’s skin type
is common for participants
Finding the right products for your skin
can be challenging
Trust reviews, ratings, and recommendations
are key factors when choosing skincare products
Texture, scent, and potential reactions
are hard to determine when purchasing products online
DEFINE
Gaining a Deeper Understanding of User Needs and Pain Points
I recorded key points from the surveys and user interviews on individual sticky notes and created an affinity map. Then, I categorized the information by topics and patterns.
What is most challenging when choosing skincare products?
affinity map
starKey Findings
80% of participants
prefer buying skincare products online rather than in person
Many participants
expect convenience and a wide product selection for online purchases
75% of participants
find choosing skincare products challenging
60% of participants
choose skincare products based on reviews, ratings or recommendations
Transforming Insights into Personas
After conducting research, reviewing the findings, and organizing the data, I created a persona in the early stages of the design process to deepen my understanding of specific users and user needs.
persona
Exploring and Clarifying Solutions for User Needs
To address specific user needs, I created a POV statement focused on skin type, as it is crucial for achieving the personas’ goals.
POV (Point Of View) statement
I’d like to explore ways to help people to find and understand their skin type because choosing the right skincare products becomes challenging without knowledge of their skin type.
down
Then, I took the problem into a clear question that helps find creative and practical solutions.
HMW (How Might We) question
How might we help people to effectively choose the appropriate skincare products based on their skin type?
IDEATE
Prioritizing Features that Align Business and User Needs
Considering technical aspects and stakeholder input, I brainstormed key features aligning with business and user goals. A hybrid card sort with 37 cards and 7 participants helped refine the menu structure.
avatarspeech
Reviews
Reviews
Ratings
Ratings
Filter
Filter
Search
Search
Skin type checker
Skin type checker
How to use the product
How to use the product
Side by side comparison
Side by side comparison
Detailed product info
Detailed product info
Designing the App Structure with a Sitemap
Based on the card sort results, I created a sitemap for the website structure, ensuring easy access to product categories like skin type and concerns alongside the shop section.
Mapping Out User Needs and Goals
To understand user needs and identify potential issues or confusing elements, I created a user flow.
starPurchase the right products for your skin type
user flow
DESIGN
Designing and Refining Page Layouts for Usability
After creating initial sketches, I developed mid-fi wireframes and conducted a usability test. Based on the results, I improved the designs to make them more user-friendly and easier for users to navigate.
iteration
iteration
Applying Branding in Hi-Fi Wireframes
To align the website with Pibu's established brand image, I confirmed the branding with stakeholders and incorporated the elements into the high-fidelity wireframes.
hifihifihifi
TEST
Validating and Refining Designs Based on User Feedback
I conducted usability testing with 6 participants to confirm that the high-fidelity wireframes met user goals, refining the design through repeated testing and iterations to ensure smooth functionality on both desktop and mobile.
iterationiterationiterationiteration
Final Prototype
Skincare Store Website - A website to introduce a local business and expand their business
address bar
Navigation to the skin type check page helps users choose products
Navigation to the skin type check page helps users choose products
noteAssist users who are unsure about what to purchase
noteA unique feature that sets the Pibu’s website apart from others
address bar
A skin type checker and saving function allow users to search for suitable products
A skin type checker and saving function allow users to search for suitable products
noteUsers can find the right products by knowing their skin type
noteReduce the stress of trial and error
address bar
A comparison feature simplifies product selection for users
A comparison feature simplifies product selection for users
noteEnable better product choices
noteEasily see the differences between each item at a glance
NEXT STEPS
Learning
This project gave me hands-on experience collaborating with stakeholders to design a website that helps users identify their skin type. The main challenge was balancing research with stakeholder feedback. The fast-changing cosmetics market highlights the need for continuous updates to keep the site user-friendly and support business growth.
Improvement Opportunities
Since many people seek convenience when purchasing skincare products online, the search function and checkout process need improvement. By enabling customers to quickly find the products they are looking for and reducing the hassle of entering information through card history, I can enhance customer satisfaction.
Back to Top
top