Кейс разработки интернет-магазина shop.modus-vivendi.com.ua

responsive-showcase-mockup

О проекте

Modus Vivendi – производитель эксклюзивной модельной обуви. С 1999 года Modus Vivendi успешно работает с оптовыми клиентами, поставляя товар высочайшего качества в магазины Украины, ближнего и дальнего зарубежья – от районных центров Харьковской области до торговых центров столицы Австралии. В 2014 году впервые предложил новую коллекцию своим розничным клиентам напрямую по небывало выгодным ценам от производителя. Заказчик обратился к нам за разработкой, так как мы успешно сотрудничаем уже на протяжении 4 лет.

Цели и задачи проекта

Основной бизнес задачей ModusVivendi™ был выход на розничный рынок, так как большое количество клиентов заинтересовано в покупке обуви не оптовыми партиями, а для себя. К клиенту было огромное количество обращений розничных покупателей, и вот спустя 4 года он решил выйти на розничный рынок. Задачи, которые были поставлены перед агентством:
  1. Разработка простого и понятного интерфейса.
  2. Оптимизация проекта для продвижения в поисковых системах на этапе разработки сайта (SEO).
  3. Учет и ведение склада на сайте.
  4. Привлечение новых клиентов через рассылки, посредством пользователям промокодов предоставляющих скидку.
  5. Настройка аналитики продаж (Google E-commerce).

Выбор платформы

Для разработки розничного магазина ModusVivendi™ была выбрана платформа UMI.CMS версии Commerce. Выбор пал на данную систему еще в 2012 году, когда студия Fresh IT переносила старый сайт клиента с Joomla на UMI.CMS. Обоснование перехода на эту систему управления сайтом описано в статье “Почему мы разрабатываем интернет-магазины на UMI.CMS?“

Реализация проекта

Набросав план работ по проекту мы приступили к разработке сайта. Одним из сложных этапов работы была разработка дизайна. Разрабатывать дизайн мы планировали адаптивный, для экранов с разрешением:
  • 480;
  • 768;
  • 960;
  • 1280 и выше.
Помимо главной страницы сайта были реализованы все основные страницы:
  • Каталог товаров
  • Карточка товара
  • Быстрый просмотр
  • 404
  • Оформление заказа

Каталог товаров

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

Карточка товара (быстрый просмотр)

Мы ушли от классической карточки товара, а загружаем все через быстрый просмотр. Это мы сделали для того, чтобы уменьшить глубину переходов и не напрягать пользователя перезагрузкой страниц. В окно быстрого просмотра выполнено как полноценная карточка, пользователю показывается фото, характеристики, преимущества работы и недавно просмотренные товары. Также мы дополнили быстрый просмотр быстрой навигацией “Вправо”/”Влево”. Конечно, мы не оставили в стороне и поисковую машину. Для того, чтобы количество страниц не уменьшалось, мы даем роботу перейти на карточку товара: fastvievexp

Оформление заказа

Разумеется, если весь дизайн адаптивный, про корзину и форму оформления заказа забывать нельзя. Форма оформления заказа всем привычна, нет лишних полей – зачем напрягать пользователей? На странице корзины есть волшебная кнопка “Активировать купон”. Этой волшебной кнопкой мы гордимся больше всего. Она связывает корзину с разработанным модулем “Купоны”. На нем мы остановимся подробнее.

Оформление заказа

Специально для сайта клиента студией Fresh IT был разработан модуль “Купоны”. Данный модуль работает в связке со стандартным модулем “Интернет-магазин, Скидки” и “Пользователи”. Он позволяет администратору сайта генерировать купоны (промокоды) для менеджеров, за которыми привязаны определенные группы пользоваталей. Работать с ним очень просто: 1. Создать пользователя и привязать его к определенному типу пользователей, в нашем случае – это “Организатор совместных покупок” 11 2. Нужно сгенирировать список купонов для пользователя, после этого система сообщат пользователю о статусе выполнения. 12 13 3. Пользователю нужно зайти в свой личный кабинет и посмотреть, какой количество купонов ему доступно: 14 Кроме этого, за каждый активированный пользователем купон, организатор получает балы. Если вы заинтересовались данным модулем, вы можете связаться с нами отправив письмо на [email protected], мы подробнее опишем принцип его работы и дадим опробовать в работе.

Склады

Ко всему прочему заказчик захотел управлять складами у себя на сайте. Мы также решили и эту задачу 🙂 Для этого в каждый объект мы добавили поле “Склады”, с размерами и количеством единиц в наличии. При оформлении заказа товар списывается со склада и в реальном времени пользователь может увидеть актуальное количество:06storage1 Если менеджер отменяет заказ или удаляет его, товар возвращается на склад:06storage2

Аналитика

И этот вопрос мы не оставили в стороне. На сайте клиента подключены:
  • Аналитика продаж, Google e-commerce
  • Настроены цели добавление товара в корзину
  • Воронка продаж

Что в итоге?

И этот вопрос мы не оставили в стороне. На сайте клиента подключены:
  • Аналитика продаж, Google e-commerce
  • Настроены цели добавление товара в корзину
  • Воронка продаж

    Обсуждение закрыто.

Закажите продвижение сайта

Заявка отправлена!

Наши менеджеры ответят на все Ваши вопросы. Мы перезвоним вам в течении часа.