About
Belle is a local company that sells beauty products. Belle had made wonderful sales revenue since its' existence in 2017. The company's sales growth is achieved only over physical sales. After Covid-19 hit, shops are closed and people are not allowed to roam around freely like they used to. The business income of Belle has drastically dropped.
It is time to venture further into the business world by creating an online platform that could help reach and attract more potential customers and at the same time, increase the growth of Belle. In this project, we will create a mobile app design since it is the most preferred when shopping online.
Problem Statement
Those who need to use makeup products for self-beauty or their work such as makeup artists, would want to test the product on themselves before purchasing them. However, after the Covid-19 hit, make up products are forbidden to try on in effort to reduce the spread. In addition to the increase in online shopping during this time, many people are comfortable to purchase from home as little effort was needed to create one. [[covid restriction]]
Goals
To create a smart and life-changing experience solution for the restriction on trying on makeup products, which allows a better picture of the look of the product when used on oneself. On top of that, creating an online shopping experience that is satisfied by users is important.
User Research: Pain Points
- After Covid-19 hit, people are forced to purchase online for some period of time. While some may find the products look great on online display and are excited to try it on themselves once their purchase has arrived, and the other find it difficult to trust the online display since the lighting may be different and due to various face complexions.
- People find it easier to shop online since there are many businesses that offer online shopping platform in effort to reduce high effort, time and cost to go to a physical store and make a purchase. Providing an app design that requires less time to make a purchase, appealing and simple yet informative is important when creating an online business platform.
- To gain more confidence in purchasing the item and the end result of the product would be as what they'd hoped, people find it helpful to know the verdicts of others who have purchased the product. It gives a sense of security when purchasing online.
User Research: Personas
Prototypes | After usability testing
Prototypes | Before usability testing
Low-fidelity prototype
High-fidelity prototype
Usability Study
In this usability study, we invited five participants to join and share their thoughts on the mobile app. The parameter of the usability study is as follows:
User Journey Map
Images below are the user journey maps from three participants.
To view it clearer, you may click the button below.
The following image is our findings from the usability study.
Commonly, there were three findings found from the unmoderated usability study.
Before usability study
After usability study
Previously, user can't find the voucher code.
We've added the voucher code in the promotion campaigns news section.
Also, little circles are added to indicate more content available.
Before usability study
After usability study
Previously, users were confused whether the item has been added to cart.
Once user clicks on 'Add to cart', the button will change to 'Added to cart'
Before usability study
After usability study
Previously, users were confused if the camera icon is functional.
We've added circle around the icon to indicate it is functional.
Before usability study
After usability study
User mentioned how empty it felt and the exit button is too big when using the camera function. We've added the product name and made the exit button smaller.
Before usability study
After usability study
Previously, user suggested to add description
(e.g: fast delivery) when rating a product.
We've added them as suggested.
To view the full high fidelity prototype, click the button below