Концепт сайта для студии дизайна интерьера — BŪRO
Пустая комната в 3D по прокрутке наполняется мебелью, а портфолио студии листается как бумажная книга.
Запись прокрутки сайта от первого экрана до подвала, 0:51. Вживую сайт отвечает на прокрутку и курсор — откройте живую версию.
Что это за сайт
Сайт студии дизайна интерьера полного цикла: главная и две отдельные страницы — книга проектов и лента общественных интерьеров, которые встроены в главную и листаются прямо в ней. Первый экран проводит по пяти этапам работы внутри трёхмерной комнаты, дальше идут жилые проекты, разбор одного дома и услуги. Ближе к концу — приглашение на показ интерьера в виртуальной реальности, в финале — кнопка заявки на дизайн-проект.
Оформление
Первый экран тёмный: бетонные стены, дощатый пол и сад за панорамным остеклением в 3D. Ниже страница светлеет до оттенка бумаги с почти чёрным текстом. В заголовках тонкий гротеск Inter соседствует с антиквой Cormorant Garamond, подписи набраны мелко и вразрядку.
Кому подойдёт такой подход
- Студии дизайна интерьера и архитектурные бюро
- Девелоперы и строители частных домов
- Мебельные бренды и салоны с большим портфолио
Что внутри
3D-комната на первом экране
Пока сцена загружается, комната рисуется линиями, как чертёж. Затем по прокрутке она наполняется мебелью, а подписи ведут по пяти этапам работы — от планировки до авторского надзора.
Проекты и один дом крупным планом
Сетка из одиннадцати жилых проектов — квартиры, дома и яхта. Следом закреплённая сцена про один дом: три кадра сменяются вместе с главами об архитектуре, материалах и свете.
Книга проектов
Трёхмерная книга листается вместе со страницей, перетаскиванием листа или стрелками. На разворотах — проекты с площадью, числом комнат и коротким рассказом, как в печатном портфолио.
Услуги в горизонтальной ленте
Четыре панели о работе со студией сдвигаются вбок, пока посетитель листает вниз. Сразу за ними — кадр на весь экран с приглашением на показ интерьера в виртуальной реальности.
Лента общественных интерьеров
Десять проектов — офисы, бутики, кафе и музей — идут волнистой полосой карточек. Карточка открывает описание и факты о проекте, а переключатель превращает ленту в список.
