Книжный магазин Alfavit.eu
Посмотреть сайт: alfavit.eu
Задача: Разработать интернет-магазин для продажи книг, раскрасок и настольных игр на русском языке в Европе.
Платформа: CMS OpenCart.
Решение: сразу после подписания договора дизайнер приступил к разработке прототипов. Прототипы представляют собой схематичное расположение блоков на будущем сайте без учёта дизайна, они рисуются для основных страниц, таких как:
- ● главная;
- ● каталог;
- ● карточка товара.
После внесения правок и утверждения прототипов дизайнер приступил к рисованию дизайн-макетов будущих страниц. Дизайн выполнен на светлом фоне для комфортного просмотра каталога товаров, а в качестве основного акцента выбран оранжевый цвет из логотипа, он используется для кнопок, стикеров на товарах и других интерактивных элементов.
После утверждения дизайна макеты переходят к программисту, который начинает разрабатывать сайт. В качестве системы управления контентом была выбрана OpenCart, т.к. она ориентирована на интернет-магазины. Каталог товаров разделён на категории и подкатегории, которые доступны с главной страницы и по ссылкам в меню, которое раскрывается при клике на кнопку с "бургером".
В каталоге можно настроить отображение выводимых товаров таблицей или строками и отсортировать товары по популярности, по наличию, по дате поступления, по цене и году выхода. В каталоге пользователю доступна удобная гибкая панель с фильтрами, позволяющими максимально детально отфильтровать товары по желанию покупателя. В шапке сайта пользователь может выбрать удобную ему валюту, в которой на всём сайте будут отображаться цены.
Страница товара содержит подробное описание с характеристиками и мини-галерею с изображениями товара. На странице товара можно добавлять товар в избранные и в корзину, указав при этом количество и способ доставки. Под описанием расположены 2 блока с похожими товарами и ранее просмотренными.
В корзине пользователь может откорректировать список покупок, изменив количество необходимого товара или удалить лишние, ввести промокод на скидку и здесь же без труда оформить онлайн-заказ, заполнив необходимую информацию.
Все страницы адаптированы под малые экраны, чтобы их удобно было просматривать с мобильных устройств.