Концепт сайта для студии промышленного дизайна — FORMA
Три «тома» на тёмном первом экране называют путь изделия от эскиза до серии, а этапы работы въезжают карточками по прокрутке.
Запись прокрутки сайта от первого экрана до подвала, 0:40. Вживую сайт отвечает на прокрутку и курсор — откройте живую версию.
Что это за сайт
Одностраничный сайт для студии, которая проектирует изделия от эскиза до серийного образца. Страница по порядку отвечает на вопросы до первого разговора: как идёт работа, что входит в услуги, какие изделия уже сделаны и сколько длится проект. Кнопка «Обсудить задачу» стоит на первом экране и в блоке сроков, а в финале собраны заявка и мессенджеры.
Оформление
Первый экран тёмный, с оранжевым свечением и тремя обложками: графитовой, оранжевой и светлой. Дальше страница светлая, с чёрным текстом и одним сигнальным оранжевым акцентом. Заголовки набраны крупным гротеском Manrope, подписи — моноширинным JetBrains Mono, изделия сняты на светло-сером фоне.
Кому подойдёт такой подход
- Студии промышленного и предметного дизайна
- Конструкторские и инженерные бюро
- Разработчики приборов и контрактные производства
Что внутри
Три «тома» на первом экране
На тёмном фоне стоят три нарисованные обложки: «Эскиз», «Чертёж» и «Серия». Они называют стадии работы и приподнимаются при наведении.
Этапы карточками
Экран закрепляется, и четыре карточки по очереди въезжают сбоку с лёгким поворотом: исследование, дизайн-проект, конструирование и производство.
Работы с годом и статусом
Изделия показаны крупными вертикальными фото в две колонки со сдвигом. Под каждым указано, что сделала студия, год и отметка о серии или наградах.
Цитаты на оранжевом экране
Секция залита акцентным оранжевым и закрепляется на месте, а крупные карточки с цитатами едут вбок, пока посетитель листает вниз.
Сроки на трёх проектах
Три карточки с проектами из портфолио: у каждой срок работы, список этапов и кнопка заявки. При наведении карточка наклоняется вслед за курсором.
