top of page

Lito Nail & Eyelashes

litobanner.png
UIUX Design
User Research

SUMMARY

Lito Nail is a responsive UIUX design project we worked with a real client: Lito Nail & Eyelashes, which is a nail salon currently located in Convoy, La Jolla. Here're the demos: Desktop Version    Mobile Version

  

Team Member             

Duration           
Skills

Tools              

Youyuan Cao, Franklin Moirao, Yuhan Wang, Hyerim Park
10 weeks

Client Survey, User Interview, Creative Brief, Competitive Analysis, Persona, Paper-prototype, Mood Board
Site Architecture, Wireframimg

AdobeXD
Photoshop
Sketch

MY ROLE

Working in a team of 6 people, I participated the client survey, user research and finalized design brief. I mainly designed the color scheme, Gallery page and About Us page. I also took photos of the store, products for website.

DESIGN PROCESS

After deep Client Survey, User Research with ten customers, we finalized our Creative Brief.
 
                                                   
                                                    Site objective:  to attract new customers and give a web presence.
                                                    Client wants to show:
   
Personalized nail experience
High-quality nail products
Japanese style nail service
                                                    Client wants visual perspective:
                                                                                       Simple and Elegant
  Home page
  • Black and white scheme color to show elegant and simple
  • Clearly stands out Lito Nail's specialty
  • Easy steps to make an appointment and check out services
  • Special offers and Endorsement
lito2.png
lito6.png
nail1.png
lito5.png
About page
Introduce the nail products and professional team to show trustworthy of Lito Nails store.
  LookBook
  • LookBook shows you a collection of past nail polish work
  • Find your idea work using filter function
  • Clean and organized
lito4.png
lito8.png

Client Survey

We had a two-hour long interview with our client, asking questions about the business goal, customer groups, service and market promotion. We also asked personal preference and specific content, functionality the client wish to have for the website.
See complete Client Survey
We summarized the following:

User Objectives

1. The main purpose of the website is to for promulgation; namely, the website should be informative and attractive for potential customers

 

2. The general feeling of the website should be elegant and clean

3. The website will propagate an idea that nail style shows one’s life style: a fancy nail style can change your daily life Design objectives.

Design Objectives

1. There will be separate pages for each services while putting most emphasis on nail art, a home page, a special offer page and a setting page

 

2. Many information will be put on the homepage: store intro, menu, promoting video, services summary, contact info. We need to make sure to organize them well so that all these information do not seem overwhelming

 

3. We’re thinking about putting workers’ certificates in the detailed page of each service to increase credibility

User Research

After conducting user interviews with ten users who has been to Lito Nail and have done their nails, we complied and categorized the data into 3 personas who might use the Lito’s website. See complete User Research
Screen Shot 2019-08-21 at 4.49.48 PM.png
Screen Shot 2019-08-21 at 4.50.04 PM.png
Screen Shot 2019-08-21 at 4.50.13 PM.png

Competitive Analysis

We did competitive analysis on four websites, including three nail salon stores and CHANEL since the client herself personally like the overall feeling of it. The competitive analysis explored around branding, functionality, site architecture, navigation and content. See complete competitive analysis here
Screen Shot 2019-08-22 at 10.18.37 AM.pn
Screen Shot 2019-08-22 at 10.15.38 AM.pn

Design Brief

Screen Shot 2019-08-22 at 10.28.54 AM.pn

MoodBoard

Screen Shot 2019-08-18 at 5.56.48 PM.png

Sketches

Screen Shot 2019-08-22 at 10.31.22 AM.pn
First draft quick sketch

Prototypes

After paper prototype, we mainly used AdobeXD for wireframe and different iterations of prototype. 
See wireframing and functionalities
See final prototype demo here: Desktop Version    Mobile Version
bottom of page