Концепт сайта для студии промышленного дизайна — Смирнов Дизайн
Чёрно-красный первый экран с полем частиц, горизонтальная лента проектов и отдельная страница на каждый кейс.
Запись прокрутки сайта от первого экрана до подвала, 0:56. Вживую сайт отвечает на прокрутку и курсор — откройте живую версию.
Что это за сайт
Многостраничный сайт студии промышленного дизайна: главная и раздел кейсов со списком и шестью страницами проектов. Главная ведёт по порядку — избранные проекты, задачи, с которыми приходят в студию, награды, условия работы, этапы и вопросы. Кнопка «Обсудить проект» стоит на первом экране, в середине страницы, в карточках этапов и в подвале, так что написать можно с любого места.
Оформление
Тёмная гамма с красным акцентом: почти чёрный фон, белый текст и сигнальный красный в заголовке, частицах и метках. Часть экранов светлая, цвета бумаги. Весь текст набран плотным гротеском Inter Tight, главный заголовок — прописными. Изображения — крупные кадры изделий.
Кому подойдёт такой подход
- Студии промышленного и предметного дизайна, инженерные бюро
- Производственные компании с портфолио серийных изделий
- Агентства, которым нужна отдельная страница на каждый проект
Что внутри
Первый экран с частицами
Поверх фотографии изделия вращается поле красных частиц и слегка наклоняется вслед за курсором. За крупным заголовком при движении мыши тянется размытое красное эхо.
Лента избранных проектов
Секция закрепляется, и шесть карточек едут вбок по мере прокрутки. Карточки наклоняются под курсором, каждая ведёт на страницу своего кейса.
Шесть задач в закреплённой сцене
Прокрутка перелистывает шесть поводов прийти за дизайном: меняются крупный заголовок, пояснение, номер и список меток справа. Экран при этом стоит на месте.
Этапы тремя карточками
Девять этапов собраны в три блока по результату: понять продукт, запустить производство, вывести на рынок. В каждом — список работ и своя кнопка «Обсудить».
Страница на каждый кейс
У каждого из шести проектов своя страница: сводка с услугами и категорией, затем задача, решение и результат с фотографиями. В конце — переход к следующему кейсу и блок «Обсудить проект».
