Магазин электротехники М21: Энерджи

Посмотреть сайт: nrj.by

Задача: разработать интернет-магазин электротехнического оборудования с нуля.

Решение: при создании сайта с нуля первым этапом дизайнер рисует прототипы будущих страниц. На прототипах схематично размечается расположение и структура блоков, картинок, кнопок и других важных элементов. После утверждения прототипов дизайнер начинает работу над макетами, в которых уже отрисовывает дизайн, основываясь на прототипах и данных из заполненного брифа. В дизайне сайта "М21: Энерджи" использованы фирменные цвета и их оттенки, подобраны сочеающиеся цвета для акцентирования. Для сайта также отрисованы иконки в стиле логотипа магазина в векторном формате, что позволяет использовать их в любом разрешении без потери качества и перекрашивать в любой цвет. На главной странице выведены популярные категории в виде отдельных баннеров.

В каталоге можно вывести товары сеткой или списком. Также товары можно сортировать по цене и алфавиту. В левой части страницы каталога расположен блок фильтров для более точного поиска товаров по параметрам и цене.

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

На сайте реализована система отзывов. Пользователь может почитать отзывы других покупателей и оставить свой.

Для соискателей на сайте размещаются вакансии. Пользователь может ознакомиться с каждой вакансией и отправить своё резюме.

Для сайта также была отрисована страница ошибки 404, на которой дизайнер обыграл девиз компании.

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