Все работы

Студия косметологии

Лазерная эпиляция и РФ-лифтинг. Состав комплектов и цены разложены, как экспонаты в музейной витрине, у каждой цифры подписан источник.

Показать живую версию

Бизнес настоящий, поэтому название и ссылку открываем только с согласия владельца. Живую версию покажем на созвоне.

Первый экран: Студия косметологии
Что это
Лендинг
Где
Санкт-Петербург
Год
2026
Стек
Next.js, React, TypeScript

Задача

Студия в Петербурге делает лазерную эпиляцию и микроигольчатый РФ-лифтинг. Всё, что о ней можно было найти, уместилось в один пост в Telegram-канале: услуги, зоны, комплекты на 8 и 12 процедур и цены шли одним сплошным текстом. Из такого поста трудно понять, сколько стоит конкретная зона и что входит в цену.

Что сделали

  • Музейная витрина. Каждая услуга выставлена как экспонат: номер, состав, цена и подпись, откуда взята цифра. Слева, как в каталоге выставки, меню разделов.
  • Схемы вместо чужих фото. Фотографии процедур из интернета нельзя выдавать за работы студии, поэтому мы нарисовали схемы: как импульс действует на фолликул, карту зон и прогрев тканей. Под каждой схемой честно написано, что это иллюстрация.
  • Что входит в цену. Отдельный блок разбирает цену «под ключ» и прямо говорит, чего в публикации нет: подготовки, противопоказаний, интервалов. Это нужно уточнить у мастера, и сайт так и пишет.
  • Ответы с пометками. В вопросах у каждого ответа метка: подтверждено публикацией или уточняется у мастера.

Как сделано

Next.js и TypeScript, все иллюстрации в SVG. Основной шрифт Manrope, заголовки набраны Playfair Display с курсивом. Анимации появления блоков выключаются, если в системе включено уменьшение движения.

Экраны

Витрина схем-иллюстраций: фолликул и импульс, карта зон, поле прогрева
Протокол: что входит в цену и что уточнить у мастера
Первый экран на телефоне