Перейти к содержимому
КировЧАПАЕВА 67 · ПН–ПТ 10–16
8 (8332) 21-11-40подберём по фото детали Войти КОРЗИНА 0 ₽
Почта не подтверждена — чеки и статусы заказов на неё не уйдут.

Четыре варианта главной страницы

Сайт один и тот же — каталог, корзина, кабинет и подбор по технике работают во всех вариантах. Различаются первый экран, порядок разделов и тон текста. Оформление переключается отдельно, ярлык — в левом нижнем углу.

Вариант 1

Спокойная

Вторая редакция. Первый экран объясняет, куда попал человек, и сразу даёт схему подбора — на телефоне она видна без прокрутки. Заголовки обычными словами, товары в две колонки, уровни цен списком.

  • отвечает на «непонятно, где я оказалась»
  • высота на телефоне уменьшена с 13 264 до ~9 600 px
  • шапка 143 → 98 px
Вариант 2

Как в магазине

Ближе к нынешнему motaki.ru по составу и порядку разделов. Формулировки заказчика: «Выбери свою технику, ткни в узел на схеме…» и крупная фраза «Наведи на узел — покажем, что есть на складе». Телефон крупно на первом экране.

  • меньше выдумки, привычный порядок блоков
  • светлое оформление как основное
  • вернулся раздел «Вопрос-ответ»
Вариант 3

Как у Росско

Собран по образцу rossko.ru, который дизайнер привела как пример понятного сайта запчастей: белый фон и красный акцент, широкий поиск в цветной шапке, плитки разделов, лента преимуществ, крупные цифры и форма бесплатного подбора.

  • оформление «Маркет» меняет весь сайт, а не только главную
  • поиск — главный инструмент, он в шапке во всю ширину
  • добавлена заявка «подберём деталь бесплатно»
Вариант 4

Чертёж архив

Первая редакция: вся страница как технический чертёж — рамка, штамп, нумерованные листы 01–06. Оставлена для сравнения. Замечания к ней: непонятно, куда попал пользователь, на телефоне мешанина, тон слишком агрессивный.

  • из неё выросла идея подбора по точке на схеме
  • показывает, от чего отталкивались остальные варианты

Оформление

Семь тем: одна и та же вёрстка перекрашивается целиком, включая каталог, карточку товара и кабинет. Переключатель — ярлык в левом нижнем углу любой страницы.

Готово