Badis: варианты сайта

Верхняя подборка рабочая: одна структура, одна механика показа изделия и один фирменный оранжевый. Ниже лежат ранние подборки, оставлены для сравнения.

Рабочая подборка: шторка и фирменный оранжевый

Одна механика на все четыре: разделитель между каркасной сеткой и 3D-моделью, без лишних переключателей. Один акцент #FF561E. Различаются типографика, фон и то, насколько крупно работает оранжевый.

Превью варианта «Тираж»
11. Тираж Светлая швейцарская сетка, жёсткие чёрные линейки, Golos Text. Оранжевый только на кнопках и разделителе. Самый строгий.
Превью варианта «Студия»
12. Студия Тёплая бумага, тонкие линейки, Wix Madefor и много воздуха. Оранжевый читается как акцент дорогой студии.
Превью варианта «Ночь»
13. Ночь Тёмный графит, Onest, мягкие скругления. Каркас изделия тоже оранжевый, на графите цвет горит сильнее всего.
Превью варианта «Плакат»
14. Плакат Оранжевый крупными плашками: блок этапов целиком на цвете. Узкий гротеск в верхнем регистре. Самый громкий.

Ранняя подборка: пять способов показать трансформацию

Те же кадры, но разные механики показа: ползунок, прокрутка, вкладки, шторка, автопоказ. Цвета здесь ещё старые.

Превью варианта «Сигнал»
6. Сигнал ползунок Тянете ползунок с тремя остановками, стадии перетекают одна в другую. Швейцарская сетка, сигнальный красный.
Превью варианта «Ночная смена»
7. Ночная смена прокрутка Кадр закрепляется на экране, стадии сменяются сами по мере прокрутки страницы. Тёмная технологичная тема.
Превью варианта «Глина»
8. Глина вкладки Три вкладки, переключение в один клик и с клавиатуры. Самый спокойный и предсказуемый способ.
Превью варианта «Индиго»
9. Индиго шторка Разделитель режет кадр пополам: слева сетка, справа модель. Два состояния видно одновременно.
Превью варианта «Графит»
10. Графит автопоказ Стадии сменяются сами с индикатором прогресса. Пауза по наведению, любую можно зафиксировать.

Первая подборка: пять визуальных языков

Разные композиции, палитры и типографика на одном и том же контенте.

Превью варианта «Ателье»
1. Ателье Editorial. Бумажный фон, крупная фотография в героя, терракотовый акцент, бенто-сетка этапов. Спокойный и дорогой.
Превью варианта «Цифровой цех»
2. Цифровой цех Тёмный технологичный. Рендер CLO 3D во весь экран, моноширинные подписи, лента этапов с прокруткой. Акцент на 3D.
Превью варианта «Производство»
3. Производство Швейцарская сетка. Строгая типографика, красный блок под 3D, таблица этапов, документальная съёмка цеха. Про масштаб и надёжность.
Превью варианта «Мастерская»
4. Мастерская Премиальный кинематографичный. Глубокий зелёный, янтарный акцент, мягкие скругления, аккордеон этапов. Для дорогого позиционирования.
Превью варианта «Бренд»
5. Бренд Цветовые блоки и крупный узкий гротеск. Синий разворот в героя, смещённые строки этапов. Самый молодёжный из пяти.