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
Competitive Analysis / Survey / User Interviews
Competitive Analysis
Survey
User Interviews
DEFINE
Affinity Map / User Personas / Problem Statement / Project Goals
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.
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.
Key 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.”
“I have had difficulties selecting the right skincare products because I didn’t know my skin type.”
Key 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?
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.
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.
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.
Reviews
Ratings
Filter
Search
Skin type checker
How to use the product
Side by side comparison
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.
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.
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.
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.
Final Prototype
Skincare Store Website - A website to introduce a local business and expand their business
Navigation to the skin type check page helps users choose products
Assist users who are unsure about what to purchase
A unique feature that sets the Pibu’s website apart from others
A skin type checker and saving function allow users to search for suitable products
Users can find the right products by knowing their skin type
Reduce the stress of trial and error
A comparison feature simplifies product selection for users
Enable better product choices
Easily see the differences between each item at a glance
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.