лендинг для студии лазерной эпиляции

Мёд

Объем работ:
  • Главная посадочная страница
Технические задачи:
  • формы захвата
Срок разработки:
  • 2 месяца
Дата публикации сайта:
  • июнь 2022

Задача

Разработать современный минималистичный и эстетически приятный сайт с легко считываемыми блоками услуг и прайсом

О проекте

Мёд – сеть студий лазерной депиляции. На сайте необходимо создать понятную структуру для выбора услуги и онлайн-записи, рассказать о принципах работы студии. Качественный подход к услугам и забота о посетителях – главные принципы студии, что отметило большое количество постоянных посетителей.

Анализ и структура

Принимая во внимание аудиторию, поведенческие модели, сравнительный анализ конкурентов и иные факторы – проектирую интерфейс.

Двигаясь от общего к частному, предполагая характер болей и возражений, которые могут возникнуть у аудитории формирую гипотезу такой последовательности подачи контента и особенностей сервиса, которые бы сработали на угнетение возражений:
Согласовав прогресс по идее структуры, создаю низкодетализированный концепт будущего проекта с копирайтом и ux-редактурой, наполняя проект смыслом и логикой:

Дизайн решения

Чтобы отстроиться от конкурентов, использующих в основном розовый цвет
в дизайне, я выбрала бежевые оттенки, близкие к тонам кожи, а также фирменный цвет, который является акцентом в дизайне и символизирует чистоту и стерильность, близкую к медицинской. Фотографии и типографику дополнят простые линии, а мягкость и заботу отражу в закругленных углах фото и в формах.
{наброски первого экрана}
макет сайта студии эпиляции
главный экран сайта студии эпиляции
сайт студии эпиляции
студия эпиляции
{дизайн-концепты}
макет сайта студии эпиляции
макет сайта студии эпиляции
После обсуждения дизайн-концептов заказчик выбрал первый вариант, отметив, что попадание в его ожидания было настолько полным, что он не планирует дальше вносить правки.
{цветовые решения}
пастельный цвет сайта
акцент на сайте
пастельные цвета сайта

Анимация

Для восприятия фото является довольно весомой единицей, поэтому анимация сайта простая и не сразу считываемая - при скролле фото увеличиваются только в целевых блоках: услуги и формы – чтобы акцентировать на них внимание
{анимация страницы}
{pop-up}
Мы не хотели представлять прайс услуг студии в виде pdf-файлов поскольку они не адаптированы под разные виды устройств, а скачивание большого файла занимает время. Для удобства восприятия прайса на сайте разработаны попапы с удобной структурой на мужскую\женскую эпиляцию. 
попап на сайте
{страница 404}
страница 404
{мобильная версия}
Награды
Сайт попал в подборку лучших проектов, созданных в рамках фреймворка Tilda Publishing.
{MADE ON TILDA}
Сайт доступен по ссылке – studio-med.su
НАД ПРОЕКТОМ РАБОТАЛИ
  • Марина
    Дизайн и верстка
  • Сережа
    Проджект и UX
  • Тимофей
    Код
Made on
Tilda