Четыре варианта главной страницы
Сайт один и тот же — каталог, корзина, кабинет и подбор по технике работают
во всех вариантах. Различаются первый экран, порядок разделов и тон текста.
Оформление переключается отдельно, ярлык — в левом нижнем углу.
Вариант 1
Спокойная
Вторая редакция. Первый экран объясняет, куда попал человек, и сразу даёт
схему подбора — на телефоне она видна без прокрутки. Заголовки обычными словами,
товары в две колонки, уровни цен списком.
- отвечает на «непонятно, где я оказалась»
- высота на телефоне уменьшена с 13 264 до ~9 600 px
- шапка 143 → 98 px
Вариант 2
Как в магазине
Ближе к нынешнему motaki.ru по составу и порядку разделов. Формулировки
заказчика: «Выбери свою технику, ткни в узел на схеме…» и крупная фраза
«Наведи на узел — покажем, что есть на складе». Телефон крупно на первом экране.
- меньше выдумки, привычный порядок блоков
- светлое оформление как основное
- вернулся раздел «Вопрос-ответ»
Вариант 3
Как у Росско
Собран по образцу rossko.ru,
который дизайнер привела как пример понятного сайта запчастей: белый фон и красный акцент,
широкий поиск в цветной шапке, плитки разделов, лента преимуществ, крупные цифры
и форма бесплатного подбора.
- оформление «Маркет» меняет весь сайт, а не только главную
- поиск — главный инструмент, он в шапке во всю ширину
- добавлена заявка «подберём деталь бесплатно»
Вариант 4
Чертёж архив
Первая редакция: вся страница как технический чертёж — рамка, штамп,
нумерованные листы 01–06. Оставлена для сравнения. Замечания к ней: непонятно,
куда попал пользователь, на телефоне мешанина, тон слишком агрессивный.
- из неё выросла идея подбора по точке на схеме
- показывает, от чего отталкивались остальные варианты
Оформление
Семь тем: одна и та же вёрстка перекрашивается целиком, включая каталог,
карточку товара и кабинет. Переключатель — ярлык в левом нижнем углу любой страницы.