Лендинг барбершопа: BROMID

Задача

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

Решение

Формат - типографический плакат: тёмный фон, тёплый белый текст, один горчичный акцент, заголовки капслуком на весь экран. Характер бренда несёт типографика и ч/б съёмка, а не стоковые улыбки.

• Первый экран - постер «Стрижка. Борода. Порядок.» и одна кнопка записи. Без слайдера.
• Прайс свёрстан как меню: услуга, пунктирный заполнитель, цена. Арифметика сходится: комплекс «стрижка + борода» дешевле суммы позиций на 300 ₽.
• Калькулятор визита считает итог по прайсу и сам подставляет комплекс, когда он выгоднее выбранных услуг.
• Запись без звонка: каждая кнопка «Записаться» ведёт к форме на той же странице, повторяется она в шести местах - на любом экране действие под рукой. Телефона на странице нет намеренно: он и был узким местом. Настоящая запись в Telegram живёт в отдельном проекте - боте BROMID, он показан рядом в связанных.
• FAQ - аккордеон, счётчики в блоке цифр оживают при прокрутке.

Детали, которые легко не заметить

• Маска телефона смотрит на язык браузера: русскоязычным - формат +7, остальным - +1. Валидация по числу цифр, ошибки текстом под полем.
• Согласие на обработку персональных данных - обязательный чекбокс со ссылкой на отдельную страницу политики.
• Юридическая гигиена демо: страница-дисклеймер «барбершопа BROMID не существует», сноска про Meta в футере, X-Robots-Tag: noindex - страница не конкурирует в поиске с реальным бизнесом.
• prefers-reduced-motion отключает счётчики и reveal-анимации; аккордеон и бургер с ARIA-атрибутами, итог калькулятора объявляется через aria-live.
• Ни сборки, ни зависимостей: страница открывается с диска двойным кликом.

Что внутри

11 секций от постера до контактов, 12 ч/б фотографий в двух-трёх размерах с ленивой загрузкой, прайс на 8 услуг и калькулятор визита. Страница открывается с диска двойным кликом - без сборки и зависимостей.