A walkthrough of my mobile app redesign for Magic salon.
Project type:
App Redesign
Role:
Sole UI/UX Designer
Tools:
Figma, Adobe Illustrator, Adobe photoshop
Introduction - The Problem
I was a magic client for about four years. A good experience overall, but I never really enjoyed using their app, it just didn’t look trustworthy. For some reason, the design always made me think about those pop-up ads you’d get surfing the internet in the 2000’s.
It gives the feeling of untrustworthy and cheap. When making an appointment, the process is a bit unusual and you can see the prices of the services you want only at the end of the process, which can be a bit annoying. There is a reviewing system but it only uses stars, written reviews from the clients are not an option, unfortunately. Also, you can't make an appointment without signing up, which can also be improved.
That being said, I’ve decided to take it into my own hands and redesign the app to a more sleek, luxurious and appropriate for the theme design. I also want to make an UI that would make the process seamless.
Ideation
Competitor Analysis
G-bar
Pros:
- The user can see the overall time the service might take and the full price.
- The user can leave comments when booking. Clear indication for clickable elements.
Cons:
- You can’t book an appointment if you don’t have an account.
Mero
Pros:
- The user can see reviews from previous clients
- The user can see the price and the time the service would take.
- The user can choose from a list of specialists for the selected service.
Cons:
- There are only reviews of the salon itself, not the specific artist that honoured the appointment
- Can't book appointment without registration
Visual inspiration
Color palette
Design
My goal, design-wise, was achieving a more modern, clean look for the app, as well as for the brand identity, including colors, fonts, style.
My goal, design-wise, was achieving a more modern, clean look for the app, as well as for the brand identity, including colors, fonts, style.
For the logo, I went for a serif customized font, the small sparkle in the middle of the letter “g” esspecially for the luxurious, modern, more serious, professional look, also mentaining closeness to the idea of “magic”.
Userflow
New features
The user can see the overall time the service takes and the price.
The user can see the overall time the service takes and the price.
When selecting the artist, the client can read reviews from previous clients.
No need for registration to make an appointment, just complete contact info.
