best-hoods.ru

Мы считаем, что дизайн должен быть функциональным, поэтому перед тем, как делать редизайн, мы учли основные проблемы на предыдущей версии страницы, посмотрели конкурентов и отрисовали прототип новой страницы.

Старый дизайн представлял собой страницу в 1 экран высотой и плохо показывал ассортимент продукции. Изображения товаров на главной были небольшими и обладали малой наглядностью для посетителей. Не было видно цен у товаров, иконки на главной плохо идентифицировались.

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

Посетителя лучше сразу сориентировать в ассортименте продукции: для этого отлично подходит продуктовый блок с кратким описанием категорий при наведении курсора и переходом на страницу раздела.

В старом варианте эти разделы сделаны в виде слайдера без подписей и цен и дают плохую наглядность посетителям. Мы предложили размещать большое фото вытяжек в интерьере, а сбоку вывести превью товара с ценами и названиями.Сохраняем тот же стиль превью карточек, как на текущем сайте, чтобы главная страница сильно не выбивалась из основного стиля.

Новая верстка адаптирована под мобильные устройства, т.к. на сайте большой трафик пользователей планшетов и телефонов.Упрощаем первый экран на телефоне - убираем слайдер с иконками и оставляем список категорий в аккордеонах, чтобы посетитель сразу сориентировался в навигации.