Peore

UI/UX Project

Website design for skin care products business.

About Project

Project Topic: Skincare products
Project Type: Website
User Targets: All people of different genders and ages

Brand Name: Peore is a combination of the two words "Peony" that is the name of a flower used to make skincare products, and "Pure" that means not mixed or adulterated with any other substance or material.

Team

4 Members

My Role

Product definition and strategy
User and competitor research
Information architecture
Visual design
Mid-fidelity wireframes and prototypes
High-fidelity designs and asset creation
Usability testing and validation
Providing direction to the design team

Tools

Design Process

We know what our user needs

Discover

Problem

Uncertainty of product quality in online shopping.
Product price uncertainty.
Insufficient information about products in online shopping.
Lack of quick access to the product in online shopping.
Uncertainty of possibility of refunding the purchased product.
Inability to test the product in online shopping.

Solution

Sending a sample of a product along with the product that is purchased for the first time in order to test and ensure about possibility of returning the product.
Sending a sample of each product that the user has selected along with the product that they bought.
Free consultation.
Packaging with relevant appearance and color for ladies and gentlemen.
Having a product review on the site with the possibility of sending photos and videos.
Enabling feedback to the brand and site.
Ability to compare all products of the site.
Having the proper size for traveling.
Vegan products.
Peore website also offers eco-friendly gift packaging and gift cards.

Discovery and Research

The following survey and interview were designed to indicate the largest group of skin care products users ,their needs and pain points we already knew our product covers vast range of users but we need to know who are our major users and what are they desires which was completely discovered by survey and interview moreover, we validated our previous data and anticipated problems and needs.

Survey

The most important survey results

Age: 60% between 30 and 40 years
Consumption of skincare products: 55% Usually and 20% Sometimes.
Important points: brand, price and vegan ingredients of products.
In-person or online shopping: 61% prefer in-person shopping.
Importance of counseling: 58% buy with counseling.
Product purchase basis: doctor's advice, introduction of acquaintances and reviews inside the sites.
Reason for using skin care products: Prevention of skin diseases and aging.
Purchasing from a specific brand: 52% buy from a specific brand.
The most important factor for choosing a brand: the product quality.

Interview

Results of Interview questions: The most important factors in order of priority

The result
Expiration date
Consulting
Product type
Product material
Smell
Payment on the spot
Review
After-sale services
Price

In interviews, we found out that people care more about the quality of the product than anything else, and if they are satisfied with a product, its price does not matter much.

Our Challenge of research results

According to Survey results, 43% of participants prefer to shop in-store, and 28% of them choosed Online shopping.

Here is the reasons of choosing buy in-person:

Get advice from the seller,doctor or the person in charge at the pharmacy.
Seeing, testing and smelling the product personally.
Ensuring about receiving a high quality and approved product.

And these are the reasons to buy online:

Possibility of buying from reputable brands.
Easy purchase process.
Variety of products available on the sites.
The posibility of not restrictions comparing between existing products on the site.
Time saving.
Being safer in corona period.
The possibility of buying original products.
The possibility of product and its compounds researching.
Using other customers opinions by their reviews in the site.

Despite the higher percentage of in-person purchases, there were only three reasons, therefore we decided to cover these three cases as well.

Competitive analysis

In the competitive analysis process, we examined similar sites in terms of content, color, type-face, provide services method, and the type of services and products. In the process, many sites were reviewed, but among them, only 9 sites were more specialized in skincare. We found their weakness through competitive analysis and tried to cover them in our site.

Values Proposition

We provide buyers of skincare products possibility of buying high quality products, testable, returnable, consulting, and comparing products via using herbal and high quality raw materials, sending a tester along with the product, providing consulting services, and comparison conditions.

Moodboard

Define

Persona

To focus on large group of our users, their major and determinative needs and our values we created a persona based on our research and analysis then we consistently and clearly remember whom with what features and needs we are designing for.

Ideate

Task flow

Design

Wireframe

Color Choosing Challenge

To choose the color-palette, I decided to use skin color tones, I also thought about using peony flower colors, but due to the feminine pink, magenta and purple color tones, I decided to use only skin color tones; moreover our brand claims that the products are suitable for both men and women, which it should be taken into account in choosing the color; and that our subject is skincare, so the best option could be a variety of skin tones.

Choosing the proper color tone and the amount of use was a challenge in itself, because the colors with the least changes in their tone and the amount of use evoked the powder cream and it would changed the mind direction. Finally, by tests, we received very positive user`s feedback about the color of the project.

Style Guide

Test

Iterations

In the first usability test, we realized that the hero image looked more like a cosmetic product, while the possibility of consulting on the site was not clear. That's why I changed the hero image.

In the second usability test, users said that it conveyed them a sense of health and medical website, so I changed the hero image again and brought the values proposition to the hero in a specific purpose as well.

In the last usability test, on the product page, users felt that they had entered the home page again due to the large image at the top of the page.

Ideas that were removed in the design path

Articles related to skin care: There was no need for this item to be on the site by users in the search path.
Sending empty cans of products for recycling: was removed due to the idea of reusing containers and users' uncertainty.
Using recycling costs to treat butterfly patients: Due to the elimination of the process of receiving empty containers, this item was also removed.
Another idea that came up was to use a percentage of the purchase amount for this section: which is also due to the fact that users in developing countries, unfortunately, often support charitable projects, but not at the cost of paying more, and this mentality exists. The idea was also discarded because the product was priced more expensive.
Percentage discount on face-to-face consulting: this idea was also dropped due to lack of economic advantage for the business.
The possibility of consulting a doctor: This idea was removed due to financial issues for the business, then the idea was raised that the consultation is free for the first time and next time
Products for men: With further research, I realized that men's products are not different from women and there is no need to separate the two.
Create a daily skin program and send notifications: because our product is not an application was removed.