К содержимому
Tvorum.
КонцептСалон красоты2026

Lumière — концепт сайта для салона красоты

Сайт-визитка для бутик-салона в Одессе, построенный как один день света: прокрутка — это время с 08:00 до 21:00, а запись к конкретному мастеру на свободное окно занимает меньше минуты.

Это концепт, а не клиентский проектКонцепт-проект студии: демонстрация дизайна и функционала для ниши. Так мы видим сильный сайт для салона красоты: структура, дизайн, тексты и функционал. Закажите — и ваш сайт станет следующим кейсом.

Lumière — концепт сайта для салона красоты — главный экран
Ниша
Салон красоты
Тип сайта
Сайт-визитка
Год
2026
Формат
Концепт студии

01 / Задача

Какую задачу решает сайт

Салон красоты живёт записями, а записи чаще всего теряются между директом, телефоном и мессенджерами. Клиентка в 23:00 хочет записаться на маникюр, но администратор ответит только утром — и она уже записалась в другое место. Ещё три типичные боли ниши:

  • «Цену уточняйте у администратора» — человек не видит ни стоимости, ни длительности и откладывает решение;
  • выбор мастера — в салон ходят «к Марте», а не «на маникюр», поэтому важно видеть мастеров, их уровень и цену именно у них;
  • сезонные продажи — подарочные сертификаты перед праздниками могут давать заметную долю выручки, но обычно продаются только на ресепшене.

Сайт должен был работать на три цели: записи 24/7 без участия администратора, средний чек (прозрачный прайс Top/Senior, комплексы и ритуалы) и возврат гостей — через клуб лояльности и сертификаты, которые приводят новых клиенток.

02 / Решение

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

Идея — «красота, которая ловит свет». Вся страница — это один день в салоне с окнами на запад: прокрутка двигает часы от рассвета (08:00) до ночи (21:00), фон плавно меняется от утреннего крема к пудровому закату и графитовому вечеру, а у каждой секции есть свой час. На десктопе за временем следит вертикальная «линия солнца», на мобильном — часы в шапке. Это запоминается и одновременно напоминает главное: салон работает ежедневно до 21:00, а онлайн-запись — круглосуточно.

Эстетика. Пудровый, кремовый, шампань и графит; Cormorant для заголовков и цен, Manrope для интерфейса. Сквозной мотив — арка старого одесского окна: в ней фото героя, мастера, работы и даже знак бренда. Первый экран оживает без тяжёлого видео: медленный ken burns по фото и отсвет арочного окна, который мягко «дышит» на заголовке, будто свет проходит сквозь штору.

Запись, которая продаёт. Уже на первом экране — карточка «ближайшее свободное окно» с реальным слотом. Виджет записи ведёт «мастер → услуга → дата и время → контакты», цена автоматически учитывает уровень мастера (Top +20%), занятые слоты и выходные недоступны, а справа собирается «билет» визита. После подтверждения запись можно добавить в календарь (.ics). Каждая услуга в прайсе, карточка мастера и работа в портфолио («Хочу так же») открывают запись с уже заполненными полями.

Дополнительные деньги. Конструктор сертификата с живым превью карты (номинал или ритуал, дизайн, имя, пожелание, доставка Новой Почтой) и калькулятор клуба, который показывает, сколько бонусов гостья получит за год и на какую услугу их хватит. Доверие — без выдумок: вместо отзывов — принципы работы, стерилизация, условия отмены и честный FAQ.

03 / Функционал

Что есть на сайте

  • Онлайн-запись в 4 шага: мастер → услуга → слот в календаре → контакты, с валидацией и маской +380
  • Карточка «ближайшее свободное окно» на первом экране с переходом сразу к записи
  • Прайс по категориям (волосы, ногти, лицо, брови) с длительностью и ценами Top/Senior
  • Мастера с уровнями Top и Senior и записью к конкретному специалисту
  • Портфолио с фильтром, лайтбоксом, свайпом и кнопкой «Хочу так же»
  • Конструктор подарочного сертификата с 3D-превью карты и тремя дизайнами
  • Клуб лояльности с калькулятором бонусов за год
  • Scroll-driven «день света»: часы, смена палитры секций и theme-color
  • Экспорт записи в календарь (.ics) и подтверждение в Telegram, Viber или SMS
  • Адаптив от 390 px: бургер-меню, плавающая кнопка записи, нижний лайтбокс

04 / Экраны

Как сайт выглядит на компьютере и телефоне

Lumière — концепт сайта для салона красоты — главная страница полностью
Главная страница полностью — листайте внутри рамки
Lumière — концепт сайта для салона красоты — мобильная версия
Мобильная версия

Технологии

Стек

Технологии подбираем под задачу: быстрая загрузка, удобное редактирование контента и интеграции с вашими сервисами.

  • HTML5
  • CSS Grid/Flex
  • Vanilla JS
  • Онлайн-запис: майстер → послуга → слот у календарі
  • Scroll-driven «годинник дня» (requestAnimationFrame)
  • Конструктор подарункового сертифіката з живим прев’ю
  • Калькулятор бонусів програми лояльності
  • Портфоліо з фільтром і лайтбоксом (клавіатура, свайп)
  • Експорт запису в календар (.ics)
  • IntersectionObserver-анімації
  • Готовий до інтеграції з CMS

Палитра

Цвета концепта

  • Цвет #f3e9df
  • Цвет #ebd3ce
  • Цвет #d9c4a3
  • Цвет #a0705f
  • Цвет #2a2729

Портфолио

Другие работы

Все работы
  • Dent Atelier — концепт сайта для стоматологии — главный экран
    КонцептСтоматология2026

    Dent Atelier — концепт сайта для стоматологии

    Сайт-визитка для премиальной клиники в Киеве с идеей «стоматологического ателье»: спокойная роскошь, запись к врачу прямо с первого экрана и калькулятор, который снимает главный вопрос — «сколько это будет стоить».

    Концепт-проект студии: демонстрация дизайна и функционала для ниши.

  • PULSE — концепт сайта для фитнес-клуба — главный экран
    КонцептФитнес-клуб2026

    PULSE — концепт сайта для фитнес-клуба

    Сайт-визитка для круглосуточного фитнес-клуба в Харькове, построенный как пульсометр: чем дальше листаешь — тем выше пульс, а каждый раздел — новая зона нагрузки, которая подводит к записи на бесплатную пробную тренировку.

    Концепт-проект студии: демонстрация дизайна и функционала для ниши.

  • Torque Garage — концепт сайта для автосервиса — главный экран
    КонцептАвтосервис2026

    Torque Garage — концепт сайта для автосервиса

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

    Концепт-проект студии: демонстрация дизайна и функционала для ниши.

0 ₴ · 24h

Хотите такой же — но под ваш бизнес?

Оставьте контакт — за 24 часа покажем бесплатный прототип главной страницы: в стиле этого концепта или в совсем другом.

  • Прототип за 24 часа — бесплатно
  • Фиксированная цена, без «доплат» в процессе
  • Запуск от 5 дней
  • Гарантия и поддержка после сдачи
Где ответить?

Без спама. Нажимая кнопку, вы соглашаетесь с политикой конфиденциальности.