From the very beginning
Klever won “the best Beauty Salon” award in 2021 (the 4th award for all time).
They have changed the logo and brand identity thus it’s time for website redesign as well.
Current (old) website has lots of text pages – such a “SEO approach” was popular here 10 years ago.
The Client’s new vision – only main info to demonstrate the high level of their services, masters, awards etc.
New Logo & Colors
Mood board
New logo and main colors are ready, mood board contains mainly websites - atmosphere, typography, first screen presentation. As a result, we agreed that website should have big and quality photos (probably someday we will make a promo video for a main page) some from stocks but mostly their own. The main accent – text and titles.
UX research
Based on the Client’s feedback the new website should has:
— the list of services
— price list
— interior photos
— benefits
— easy booking
Based on competitors’ research, additionally:
— visible contacts with address – many people prefer nearby salons.
— Medical license – important! It is a benefit and means that beauty salon has qualified masters.
— Service page looks like a landing page – all information on one page, no need to find information anywhere else. Thus prices also here.
Mockups as a result
— Homepage with full screen slider (benefits, special offers), contacts, medical license (link in menu + bottom).
— Contacts page with interactive map and scans of medical license.
— Service list & Service page with overview, anchor menu, prices, masters, portfolio, testimonials, gift certificate & contacts. Later during the test, we decided to add the fixed menu with links to all services.
UI Design — 3 concepts of home
1 and 2. The main idea is Faces. It makes the website “live” and give us emotions. In both cases there’re no contacts – user should click “Contacts” link or open the menu.
3. The winner concept, slider rotates photos of interior & awards to provide an atmosphere, all contacts are visible right here right now. Booking is available by the phone, text in WhatsApp or booking widget from any page:
UI Design — Service list
The main idea is to use individual color for every service:
UI Design — Service landing page
Service page reflects its own color as well:
UI Design — Beauty Salon long page
Since they've opened the new salon, a new page becomes actual:
UI Design — Contacts page
The first screen is map, the second - medical license scans:
Website is available online https://salon-klever.ru/
Thank you for watching!
I'll be happy to work on your project!
Feel free to contact me
