Klever — Beauty Salon Website Redesign

Klever — Beauty Salon Website Redesign — Изображение №1 — Интерфейсы на Dprofile
Klever — Beauty Salon Website Redesign — Изображение №2 — Интерфейсы на Dprofile



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



Klever — Beauty Salon Website Redesign — Изображение №3 — Интерфейсы на Dprofile



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.




Klever — Beauty Salon Website Redesign — Изображение №4 — Интерфейсы на Dprofile



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.




Klever — Beauty Salon Website Redesign — Изображение №5 — Интерфейсы на Dprofile



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.




Klever — Beauty Salon Website Redesign — Изображение №6 — Интерфейсы на Dprofile



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.




Klever — Beauty Salon Website Redesign — Изображение №7 — Интерфейсы на Dprofile




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:




Klever — Beauty Salon Website Redesign — Изображение №8 — Интерфейсы на Dprofile



UI Design — Service list


The main idea is to use inpidual color for every service:




Klever — Beauty Salon Website Redesign — Изображение №9 — Интерфейсы на Dprofile
Klever — Beauty Salon Website Redesign — Изображение №10 — Интерфейсы на Dprofile



UI Design — Service landing page

Service page reflects its own color as well:




Klever — Beauty Salon Website Redesign — Изображение №11 — Интерфейсы на Dprofile



UI Design — Contacts page

The first screen is map, the second - medical license scans:




Klever — Beauty Salon Website Redesign — Изображение №12 — Интерфейсы на Dprofile

Оценить

Добавить в коллекции...

От автора