Прототипы дизайна — одностраничник поставщика

«Живая» серия: реальные фото (Unsplash/Pexels, свободные лицензии), минимум текста, шрифты ≥17px, асимметричные секции. Собраны по чек-листу из исследования UX/UI. Плейсхолдер-бренд «ЭлектроСнаб», контакты/цены/БИН — заглушки.

Финальный вариант (по мудборду: каркас RS + фото Hilti)

Live 5 Финалист

«Каталог» — светлая база, список с фото

Каркас RS Components: строки категорий с товарными фото, спокойный синий акцент, много воздуха. Плюс фото-полоса «в деле» как у Hilti. Один большой реальный кадр в hero, обычный деловой текст без чипсов и «01/02/03».

Живые варианты (предыдущие итерации)

Live 4 Отклонён: мрачно

«Петроль» (направление Codex-референсов + не-ИИ шрифты)

Serif-заголовки PT Serif + Golos Text в тексте, палитра «петроль и медь», продукт-фото в hero и фото-мозаика категорий, полоса Алматы, тёмный CTA-блок «Есть список продукции?». Без mono-подписей и «01/02/03».

 Live 1 Фото-редакционный

«Со склада»

Hero на реальном фото кабельных барабанов с быстрой формой, мозаика категорий из настоящих снимков, блок «С кем говорите». Тёплая база, один синий CTA, шрифт Golos Text.

 Live 2 Документальный индастриал

«В поле»

Сплит-hero с фото монтажа на опоре, категории списком-индексом с миниатюрами, HTML-таблица «Частые позиции» (структура цен), navy + красный CTA.

 Live 3 Крупный план

«Арт-дирекшн»

Разбросанные фото-«отпечатки» с наклоном, неравномерная bento-сетка ассортимента, секция-«спецификация» с зоной перетаскивания файла. Графит + янтарь (CTA с обводкой по WCAG).

Ранние черновики (отклонены: мало жизни, нет фото)

Вариант 1: графит + синий

Инженерный минимализм

SVG-заглушки вместо фото, плотный микрокопирайт.

 Вариант 2: navy + красный

Индустриальный стандарт

Конвенция отрасли, но без реальных изображений.

 Вариант 3: графит + янтарь

Сигнальный янтарь

Смелая палитра, тёмные секции, заглушки вместо фото.