Проблема
Сервисный сайт должен выстроить доверие до записи: объяснить процедуры, безопасность, опыт, стоимость и только после этого повторять призыв к действию.
Кейс 032026
Kukhta Studio / адаптивный сайт услуг
Полный Figma-исходник с отдельными композициями 1440, 640 и 320 px — не уменьшенными копиями одного экрана.
Смотреть проект↗Kukhta Studio
- Тип кейса
- Дизайн адаптивного сайта услуг
- Роль
- UI/UX-дизайнер
- Период
- 2026
- Статус
- Готовый адаптивный макет в Figma
01
Проблема и решение
Решение
Сайт услуг, который соединяет сдержанный редакционный дизайн индустрии красоты с понятным путём от выбора процедуры к записи.
Моя роль
UI/UX-дизайнерПостроила сценарий от знакомства с услугами к доказательствам и записи.
02
Исследование
Разбор доверия в сервисном сценарии
Для бьюти-сервиса одной эстетики недостаточно. Я разложила путь записи на вопросы о процедуре, безопасности, специалисте, цене и ожидаемом результате.
Призыв к записи работает после доказательств, а не вместо них.
Figma-секция содержит макет настольной версии 1440 × 6077 пикселей.
Отдельно созданы адаптивы 640 × 5075 и 320 × 4674 px.
Все экраны в кейсе экспортированы из предоставленных Figma-узлов.
03
Информационная структура
Сценарий выбора услуги
Каждый блок отвечает на конкретное сомнение перед записью и подготавливает следующий шаг.
- 01Выбор процедуры→
- 02Ожидаемый результат→
- 03Безопасность и специалист→
- 04Цена→
- 05Запись
Kukhta Studio
- 01
Построила сценарий от знакомства с услугами к доказательствам и записи.
- 02
Собрала спокойный редакционный язык из типографики, фотографии и деликатной графики.
- 03
Перекомпоновала страницу отдельно для планшета и телефона.
04
Визуальная концепция
Характер проекта переведён в собственную систему подачи
Мокап не маскирует интерфейс: окружение, цвет, масштаб и тип носителя продолжают логику самого проекта.
- 01
Редакционная мягкость без салонных клише
- 02
Понятные сервисные карточки
- 03
Самостоятельная композиция для каждого брейкпоинта
05
Макеты и работа системы
Не набор картинок, а последовательность состояний
Каждый визуал привязан к этапу сценария и показывает отдельную часть решения.
06
Проверка и результат
Результат и масштаб системы
Полный Figma-исходник с отдельными композициями 1440, 640 и 320 px — не уменьшенными копиями одного экрана.
Что можно проверить
- 01
В кейсе есть ссылка на Figma-источник.
- 02
Показаны три самостоятельных адаптивных состояния.
- 03
Длинная страница включает услуги, студию, преимущества, цены, отзывы и контакты.
Границы роли
Независимый дизайн-проект · Роль: UI/UX-дизайнерАйдентика, цены, услуги и фотографии принадлежат владельцу проекта.
Кейс документирует UI/UX и адаптивный дизайн.
Результат
Сайт услуг, который соединяет сдержанный редакционный дизайн индустрии красоты с понятным путём от выбора процедуры к записи.
Открыть подтверждённый источник ↗Обсудить похожую задачу
Нужен сайт, продуктовый интерфейс или система автоматизации?
Пришлите текущую точку, задачу и ограничения — предложу маршрут от диагностики до проверяемого релиза.
Обсудить похожую задачу↗