DOMINO - магазин канцтоваров
DOMINO — оптовый интернет-магазин канцтоваров в Хабаровске и Благовещенске.
Задача
Разработать Интернет-магазин для оптовых продаж канцтоваров с многоуровневым каталогом, фильтром и акциями с подборками товаров.
Инструменты
Сайт был разработан на CMS OpenCart.
Дизайн
В дизайне использованы фирменные цвета компании, отрисованы иконки для контактов, преимуществ и главных категорий каталога в векторном формате, чтобы можно было размещать их в любом размере и цвете без потери качества.
На главной странице расположены карусели с подборками товаров, слайдер с акциями, текст о магазине и преимущества.
Каталог разделён на категории и подкатегории. На страницах каталога выводятся категории, входящие в открытую категорию, блок фильтров по ценам, цвету и другим характеристикам, соответствующим товарам данной категории. Список товаров содержит товары их всех вложенных категорий, его можно сортировать по наименованию, ццене и стоимости.
На странице товара можно посмотреть все фотографии, прочитать подробное описание и ознакомиться со всеми характеристиками. Добавить товар в корзину и список избранного можно как со страниц каталога, так и со страницы саомго товара.
Прямо из корзины можно оформить заказ или получить коммерческое предложение, заполнив необходимые данные.
На странице "Контакты" расположена карта с отмеченным на ней адресом магазина и форма обратной связи.
Акции оформлены в виде карточек с баннером, названием и датой окончания. На странице со списком акций можно переключаться между вкладками с разными типами акций.
На странице акции размещена подробная информация об акции, а также список товаров, проходящих по данной акции, который можно фильровать по категориям. Товары можно добавить в корзину прямо с этой страницы.
Вёрстка
Шапка сайта в десктопной версии остаётся вверху экрана при прокрутке страницы, что даёт пользователю постоянный доступ ко всем разделам сайта в любом месте. Для экономии места при прокрутке страницы шапка уменьшается по высоте, скрывая наименее важные элементы. А для быстрого возврата к началу страницы в правом нижнем углу экрана расположена соответствующая кнопка.
При разработке сайта мы следовали принципу адаптивной вёрстки, таким образом весь контент смотрится одинаково удобно и красиво при любом разрешении экрана.
