Барбершоп — одна из тех ниш, где сайт решает больше, чем кажется. Человек гуглит «барбершоп рядом», видит десятки вариантов, и выбирает глазами. У кого-то страничка в Яндекс.Картах с тремя фото, а у кого-то — стильный лендинг с портфолио, ценами и кнопкой записи. Куда пойдёте?
Мы сделали демо-лендинг для барбершопа «Gentleman». Тёмная тема, золотые акценты, Playfair Display в заголовках, анимации при скролле. Вот что из этого получилось и как повторить.
Почему именно барбершоп
В России барбершопы растут как грибы. По данным Яндекса, запрос «барбершоп» стабильно в топе по городам-миллионникам. Но у большинства из них нет нормального сайта — только страница в 2ГИС и группа ВКонтакте.
А барбершоп — это как раз тот случай, когда визуал продаёт. Тёмные тона, кожа, дерево, латунь — вся эта атмосфера должна быть на сайте. Не в тексте «мы лучшие», а в картинке, в шрифте, в цвете.
Что внутри лендинга
Мы не делали просто «красивую страничку». Каждый блок на лендинге решает задачу:
- Hero — атмосферное фото интерьера с slow zoom-анимацией. Заголовок «Место, где мужчина чувствует себя мужчиной» задаёт тон.
- О студии — история, три цифры (6 лет, 4200 клиентов, 3 барбера), фото инструментов. Клиент понимает, что это серьёзное место.
- Услуги — карточки с фото: стрижка, бритьё, борода. Время и цена на каждой. Никаких сюрпризов.
- Портфолио — три фото работ. Fade, slick back, текстурный кроп. Клиент видит результат до визита.
- Прайс — семь позиций с dotted-линиями. Честно и наглядно.
- Отзывы — слайдер с тремя реальными отзывами. Не «лучший барбершоп», а конкретика.
- Форма записи — имя, телефон, выбор услуги. Заявка приходит в Telegram.
Дизайн: почему тёмная тема
Барбершоп — это не салон красоты с розовым. Здесь другая энергетика. Тёмный фон (#1A1714), золотые акценты (#C9A96E), кремовый текст (#F5EDE0). Шрифт Playfair Display для заголовков — классический, с засечками, как вывеска старого барбершопа.
Добавили grain-текстуру — лёгкий шум поверх всей страницы. Это сразу создаёт ощущение плёнки, аналоговости. Не цифровой конструктор, а что-то с характером.
Анимации — не ради красоты. Блоки плавно появляются при скролле, фото увеличиваются при наведении, счётчики «считают» от нуля. Это удерживает внимание и делает сайт живым.
Как повторить
Весь лендинг собран через чат с AI. Ни одной строчки кода вручную. Вот что нужно сделать:
- Открыть Smart-AI24 и написать: «Создай лендинг для барбершопа».
- Описать свой барбершоп: название, услуги, стиль, который нравится.
- AI сгенерирует изображения, напишет тексты, соберёт вёрстку с анимациями.
- Проверить, поменять что не нравится, опубликовать.
Полный рецепт с промптом — на SEO-странице: Как сделать сайт для барбершопа. Скопируйте и вставьте в чат — получите свой лендинг.
Посмотреть демо
Демо-лендинг барбершопа Gentleman: site-builder.smart-ai24.ru/demo/barbershop/.
Попробуйте открыть на телефоне — сайт адаптивный, все анимации работают, форма записи доступна. Если захотите такой же для своего барбершопа — просто напишите в чат.