Mobile App Design
U X & U I
![01 Vertical Device1.png](https://static.wixstatic.com/media/f4eb91_c35e657bbf3c426f832101d010373209~mv2.png/v1/fill/w_712,h_456,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/01%20Vertical%20Device1.png)
![cucci_-02.jpg](https://static.wixstatic.com/media/f4eb91_d70d41086f954106a2e2bd701769ccb1~mv2.jpg/v1/fill/w_311,h_524,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/cucci_-02.jpg)
CUCCI
![perfect 365-01.jpg](https://static.wixstatic.com/media/f4eb91_c6a6cc68521a43fe9bb0f756395c3b73~mv2.jpg/v1/crop/x_22,y_898,w_8312,h_10972/fill/w_408,h_524,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/perfect%20365-01.jpg)
MAKE UP
![make up_-01.jpg](https://static.wixstatic.com/media/f4eb91_0b4a56149b4e4d2a856478399cb36b38~mv2.jpg/v1/crop/x_0,y_0,w_2607,h_3887/fill/w_355,h_524,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/make%20up_-01.jpg)
PERFECT 365
CASE STUDY
![colour-01.png](https://static.wixstatic.com/media/f4eb91_76f8e159df784374be116216ca4f7a52~mv2.png/v1/fill/w_600,h_265,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/colour-01.png)
The app that helps users to find the makeup they would like to wear and the cosmetics they want to purchase, at the same time, they can obtain the enjoyment from it. Besides, it is a useful platform for influencers to promote themself and imitate connection between followers and makeup artists.
There are 6 main sections in this app, including welcome page, homepage, search page, makeup page, login & share page, profile page.
​
![](https://static.wixstatic.com/media/f4eb91_8e31f989891f4a0597627caeebc785bb~mv2.jpg/v1/fill/w_980,h_654,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/f4eb91_8e31f989891f4a0597627caeebc785bb~mv2.jpg)
WELCOME
PAGE
It shows the 3 primary products category in the welcome page. It can help the users to have a rough idea of this app.
HOME PAGE
​
​
Users can easily find makeup, search, website, notification, cart functions. And also, the top seller product (lipsticks) is shown on the top page with a button of try on to start the app using. This button also links to the makeup page.
![home.png](https://static.wixstatic.com/media/f4eb91_b05fd645eb414163899c6f42568c0c1e~mv2.png/v1/fill/w_851,h_1000,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/home.png)
MAKEUP PAGE
Several ways can jump to this page. User can start with the lipstick trial button, photo makeup or live makeup. In this page, they allow choosing the look which is made by makeup artists or customizing their own styles.
​
When they finish the makeup, the button of about look will show what the products are, so the users can click the products they like, then transfer to the online store to purchase.
![](https://static.wixstatic.com/media/f4eb91_679d78a631224a2aad7cbb7c7a9beb7c~mv2.png/v1/fill/w_980,h_812,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/f4eb91_679d78a631224a2aad7cbb7c7a9beb7c~mv2.png)
Search
Smart search reduces user time through narrow down the scope or word combination. Searching name in the influencer category, users are able to wear their makeup look and browse social media.
![](https://static.wixstatic.com/media/f4eb91_d9dfc37a147a423cb3e85117865b86fd~mv2.png/v1/fill/w_648,h_432,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/f4eb91_d9dfc37a147a423cb3e85117865b86fd~mv2.png)
LOGIN & SHARE
![login share副本.png](https://static.wixstatic.com/media/f4eb91_c1064834c5e04b4e9fd2caef1772a9a3~mv2.png/v1/fill/w_1606,h_669,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/%20login%20share%E5%89%AF%E6%9C%AC.png)
This function appears when users want to save the makeup look or want to share this somewhere. It is improper to ask users to register or login at the beginning, which easily make them quit.
![iPhone 11 Pro Copy 11.png](https://static.wixstatic.com/media/f4eb91_e14fa85c6e264708bba8d8af44b33ad0~mv2.png/v1/crop/x_0,y_84,w_371,h_373/fill/w_159,h_160,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/iPhone%2011%20Pro%20Copy%2011.png)
PROFILE PAGE
I created a profile to store information about cart, order, favours and setting so that they are able to check and update their personal information.
![profile.png](https://static.wixstatic.com/media/f4eb91_a30ea8d7baf24068816804f2d5823b50~mv2.png/v1/crop/x_237,y_223,w_726,h_965/fill/w_495,h_658,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/profile.png)