Концепт сайта для строительной компании — Level House
Готовый дом стоит в закреплённом кадре во весь экран, этапы стройки едут лентой вбок, а проекты собраны в список с ценами.
Запись прокрутки сайта от первого экрана до подвала, 0:44. Вживую сайт отвечает на прокрутку и курсор — откройте живую версию.
Что это за сайт
Одностраничный сайт для компании, которая проектирует и строит загородные дома под ключ. Страница открывается названием во весь экран и готовым домом крупным планом, затем показывает три проекта, стройку по этапам и список типовых проектов с ценами. Кнопка первого экрана и каждая строка списка открывают мессенджер, а финальный блок напоминает о сумме, зафиксированной в договоре.
Оформление
Светлая гамма: тёплый светло-серый фон, почти чёрный текст и один акцент цвета лиственницы с фасадов. Заголовки набраны крупным гротеском Inter Tight, подписи — моноширинным IBM Plex Mono. Фото и визуализации домов идут крупно, а в тёмных экранах снимок занимает всё окно.
Кому подойдёт такой подход
- Строительные компании и застройщики частных домов
- Архитектурные бюро и студии интерьеров
- Производители модульных домов, бань и домокомплектов
Что внутри
Название во весь экран
После короткой заставки со счётчиком буквы названия выезжают снизу и занимают весь первый экран. Под ними — одна фраза о деле и две кнопки.
Готовый дом в закреплённом кадре
Прокрутка останавливается на снимке дома с высоты: кадр медленно отъезжает, а поверх него строка за строкой появляются название проекта, площадь и цена.
Стройка горизонтальной лентой
Шесть этапов от проекта до отделки и участка едут вбок, пока посетитель листает вниз. У каждого этапа свой кадр и короткое пояснение.
Проекты списком с ценами
Типовые проекты стоят строками с площадью и ценой. При наведении рядом с курсором всплывает фото дома, а нажатие открывает мессенджер с названием проекта.
Дом изнутри кадр за кадром
В закреплённой сцене четыре кадра выставочного дома перетекают друг в друга: кухня-гостиная, свет через кровлю, спальня и участок, у каждого своя подпись.
