04 · БУТИК-ОТЕЛЬ · ГОСТЕПРИИМСТВОСвободен

Alba

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

Этот концепт продаётся один раз. Покупатель получает все исходники и эксклюзив: после старта проекта мы убираем работу с витрины и не используем её в других сайтах.

— РАЗБОР ПО СЕКЦИЯМ

Какустроен сайт.

Hero — рассвет над крышами Петербурга, заголовок печатается по скроллу
01 · Hero

По скроллу заголовок печатается по буквам, а три кадра сменяют друг друга: рассвет → виды на каналы → терраса. Поверх — медленный zoom и снятие предрассветной сини.

Bento — «жизнь в особняке»
02 · Bento

Асимметричная сетка: лид-плитка с aurora-mesh, фото с подписями, цифры-статы, плитка «Белые ночи». Spotlight следует за курсором.

Номера — карточки с ценами
03 · Номера

Десять номеров карточками: фото с hover-zoom, метраж, цена за ночь с завтраком, кнопка брони.

Галерея атмосферы — горизонтальный скролл
04 · Атмосфера

Горизонтальная галерея на пин-скролле: кадры идут вбок, пока листаешь вниз — от лобби до крыши.

Предложения — сезонные пакеты
05 · Предложения

Сезонные тарифы со стеклянными карточками и spotlight: раннее бронирование, три ночи у воды, пакет «Белые ночи».

Скриншоты не передают анимацию и скролл-режиссуру. Откройте живое демо в новой вкладке.

— О КОНЦЕПТЕ

Концепт под небольшой отель, бутик-гостиницу или гостевой дом, который продаёт атмосферу, а не строчку в агрегаторе. Hero — кинематографичная сцена: по мере скролла заголовок печатается по буквам, а три кадра сменяют друг друга от рассвета к террасе. Дальше bento-стена «жизнь в особняке» (номера, терраса, ресторан, спа, цифры) с aurora-подсветкой и spotlight за курсором, карточки номеров с ценами, горизонтальная галерея атмосферы, сезонные предложения, отзывы гостей и блок прямого бронирования. Тёплая палитра midnight-ink, латунь и cream, серифные дисплеи Cormorant. Прямую бронь подаём как выгоду: дешевле, чем на площадках, без комиссии.

— ДЛЯ КОГО
Бутик-отель или гостевой дом, уставший платить комиссию агрегаторам
Мини-отель в историческом центре с упором на атмосферу
Загородный отель или глэмпинг премиум-сегмента
Апарт-отель, которому нужен собственный прямой канал брони
— ЧТО ИНТЕРЕСНОГО
→Hero-сцена на скролле: заголовок печатается по буквам, три кадра кроссфейдят от рассвета к террасе (pinned GSAP, scrub)
→Bento-сетка «жизнь в особняке»: асимметричные плитки с aurora-mesh, фото, цифрами и spotlight за курсором
→Карточки номеров с ценами и hover-zoom, горизонтальная галерея атмосферы на пин-скролле
→Блок прямого бронирования: даты, гости, тип номера — готов под модуль Bnovo / TravelLine / Контур.Отель
→Sticky-CTA на мобильном, кастомный курсор, magnetic-кнопки, Lenis smooth-scroll
→prefers-reduced-motion из коробки: на «без анимаций» сайт статичен и читаем
→Статический экспорт — грузится быстро даже с тяжёлой графикой
— ЧТО ВХОДИТ ПРИ ПОКУПКЕ
✓Адаптация всех секций под ваш отель: фото, номера, цены, тексты
✓Подключение модуля бронирования (Bnovo / TravelLine / Контур.Отель / Яндекс.Путешествия)
✓Подключение домена (.ru / .com), SSL, robots, sitemap, IndexNow
✓Форма заявки на email или Telegram-бот, если модуль брони не нужен
✓Карта проезда, контакты, юр-страница политики обработки ПДн
✓Schema.org Hotel + OG-image для красивой ссылки в мессенджерах и поиске
✓Подключение Яндекс.Метрики с целями (бронь, звонок, маршрут)
✓Эксклюзив: после старта проекта концепт уходит с витрины

Забрать
«Alba» себе.

↗ Живое демоhotel.digitalimpuls.ru
— ДРУГИЕ КОНЦЕПТЫ