Ксения Хэирс
Мастеру нужен был сайт, который показывает реальные работы и приводит к заявке, без образа сети салонов. Мы сделали первую версию на её фотографиях: услуги и цены в ней ждут данных заказчицы и подписаны заменяемыми полями.
Задача
Цель сайта в брифе звучала так: получать заявки и показать портфолио. Настроение заказчица описала как аутентичное, но понятное с первого взгляда. Сайта до этого не было, логотипа тоже, поэтому название набрано шрифтом без придуманного знака.
Что сделали
Первый экран тёмный, с портретом, названием и двумя кнопками: обсудить запись и посмотреть работы. Ниже тёплый светлый фон, крупный заголовок на шрифте Cormorant и основной текст на Onest. Раздел «Работы» показывает один большой кадр и список миниатюр, на телефоне миниатюры идут лентой под кадром. Прайс оформлен как печатный лист с точечными линиями до цены, а контакты ведут в Telegram и WhatsApp и дают форму заявки с выбором темы: услуги или обучение.
Все фотографии принадлежат мастеру. Плавная прокрутка и переходы между блоками отключаются, если в системе включено уменьшение движения.
Что ждёт данных
Список услуг, прайс и рассказ мастера о себе пока заполнены заглушками. Мы не придумывали цены, стаж и сертификаты: поля появятся на сайте, когда заказчица пришлёт сведения.
Экраны
Технически
- React 19, TypeScript и Vite; шрифты Cormorant, Prata и Onest подключены локально.
- Плавная прокрутка на Lenis и переходы View Transitions; при уменьшенном движении они выключаются.
- Форма заявки отправляет данные на адрес из переменной окружения VITE_LEAD_ENDPOINT, Telegram и WhatsApp открываются прямой ссылкой.
- Сборка весит около 3,5 МБ вместе с 17 фотографиями.
React · TypeScript · Vite · Lenis