Style Nx App

UI/UX Designer
Consumer Mobile App

Project Overview
In this project, the aim is to design an interface to aggregate and present information or any kind of data to solve a problem. Based on my own story and research, I am designing an app, StyleNx, that presents aggregated information of a list of hairstylists based on geo-location, ratings/reviews and availability. Using this app, customers can find top rated hair stylists based on their need and location, and will be able to schedule appointments without any hassle. Customers will also be able to rate the stylists based on their work and experience which will further enhance choice and experience for them.

Audience
User who are looking for a haircut at a new location, are in hurry and need a quick haircut appointment. User who want top rated hairstylists and nearest hairstylist.

Design layout and development
The app is focused more on the information a user can get from what he/she is looking for. Taking that into consideration the look and feel is clean with the minimal use of colour. The design focus leans towards user experience. Typeface used is Heebo which gives a bold look and helps in making a style statement.

Prototype Link

PAIN POINTS
  • Not able to find near-by stylist
  • No proper booking process
  • Rate/review individual stylist
  • GOALS
  • Search
  • Hair stylist based on Geo-location and their availability

  • Book
  • Appointments without any hassle

  • Review
  • Rate individual hair stylist for public view

  • Additional Feature
  • Save hair styles to build your inspiration board

    Style-app-process

    Style-app-process

    App purpose and benefits

    The app I am proposing is a data (an organization involved in compiling information from detailed databases on individuals and selling that information to others) and a review aggregator (a website that aggregates reviews of movies or other products or services) which aims to Better understanding between clients and stylist and improve the client experience and provide a better platform for stylists as well.

    The app I am designing further would be from my part of the pain points of the story.

    StyleNx Process Book

    Style-app-process

    Flows

    The flows describe the movement of the StyleNx from one task to another as user goes through the app. The flow moves between a screen, interaction and backend and then back to the next screen. The flows also show cause and effect for turning the pain points into brag points as per Breakdown of interactions and views planned for the proof of concept.

    See all Flows

    Style-app-process

    User Test, Findings and Refine

    Usability testing is a technique used in user-centered interaction design to evaluate a product by testing it on users. This can be seen as an irreplaceable usability practice, since it gives direct input on how real users use the system. 10 users were tested using a paper prototype, 7 users were familiar with the premise and purpose of the app before testing.

    Read full Report

    Style-app-process

    Revised app flow

    Final Design app flow after User Testing

    Read full Report

    Style-app-process

    Style-app-process

    Visual Design

    A Style Tiles was created for design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web. It helps form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.

    Read full Report Prototype Link