Основные задачи

Поддерживать актуальными каталог, цены и наличие товаров

Интегрировать сайт с сервисом Мойсклад
Внедрить существующую систему лояльности

Объединить накопительную систему скидок для офлайн и онлайн магазинов
Подготовить к продвижению и рекламе

Заложить инструментарий для дальнейшего успешного продвижения сайта
Упростить для администратора управление сайтом

Сделать доступным для редактирования администратора весь контент интернет-магазина

ЭТАП 1. Проектирование

Кликабельная версия прототипа для просмотра в браузере

На этапе проектирования важно было подготовить структуру каталога, которая бы была согласована с МойСклад (программой учета склада клиента), а также предусматривала все необходимые посадочные страницы для дальнейшего продвижения сайта.

Прототипы основных типов страниц разрабатывались под десктопы (стационарные компьютеры), адаптация под мобильные устройства производилась далее на этапе верстки на усмотрение специалистов Qmedia.

Cтруктура сайта
Прототип главной страницы
Прототип каталога
Прототип категории товаров
Прототип карточки товара
Прототип раздела с новостями
Прототип раздела с брендами
Прототип страницы бренда
Прототип раздела с семинарами
Прототип страницы семинара
Прототип информационной страницы
Прототип страницы контактов
Прототип корзины товаров
Прототип регистрации в личном кабинете
Прототип формы входа в личный кабинет
Прототип личного кабинета
Прототип формы обратной связи
Прототип формы заказа в один клик
Прототип окна добавления товара в корзину

ЭТАП 2. Дизайн и вёрстка

У клиента уже существовал фирменный стиль:

логотип
фирменные цвета
шрифт

Мы использовали эти материалы для подготовки цветовой схемы и типографики.

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

Цветовая схема
Сайт на разных устройствах
Дизайн главной страницы
Дизайн категории товаров
Дизайн карточки товара
Дизайн раздела с новостями
Дизайн раздела с брендами
Дизайн страницы бренда
Дизайн раздела с семинарами
Дизайн страницы семинара
Дизайн информационной страницы
Дизайн страницы контактов
Дизайн корзины товаров

ЭТАП 3. Программирование

Для управления сайта использована система управления Evolution CMS.

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

На этапе программироания кроме базового функционала были выполнены следующие интеграции:

интеграция товаров с программой учета склада Мойсклад (обновление/добавление товаров, цен, остатков)
интеграция дисконтных карт (обновление скидок и накоплений по картам)
интеграция с платежными системами (сервис оплаты Webpay)

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