Online Shop

Children's Books Online Shop - Abazhurchik.by

Задача: разработать новый сайт для существующего интернет-магазина детских книг "Абажурчик" на 2500 товаров
Children's Books Online Shop - Abazhurchik.by

Tools are being used in this project

OpenCart 2.3

В качестве основной CMS

Bootstrap 4

в качестве основы для верстки (sass)

MySQL

Использовалась для хранения данных

Webpack

для сборки, минификации проекта

jQuery

для реализации интерактивных частей сайта

Gallery

Few words about the project

Анализ и начало работы

До начала работы нашей студии интернет-магазин "Абажурчик" уже работал на протяжении 2 лет. Однако сайт был выполнен не надо должном уровне и в следствии этого посещаемость была близка к паре человек в сутки, а заказов не было вообще..

Вот так выглядел сайт интернет-магазина до нашего участия:

До: главная страница интернет-магазина
До: главная страница интернет-магазина
До: один из блоков главной страницы с товарами ИМ
До: один из блоков главной страницы с товарами ИМ
До: страница категории интернет-магазина
До: страница категории интернет-магазина
До: страница карточки товара
До: страница карточки товара
До: и страница оформления заказа
До: и страница оформления заказа

Отсутствие посетителей и заказов являлось прямым следствием того, как был выполнен сайт. Допущены все смертные грехи, которые могли быть допущены.

Перед бюро VVVVVV же стояла задача разработать такой сайт для "Абажурчика", каким он должен быть. Аккуратным, понятным и продающим.

Дизайн и разработка

Мы разработали 5 концептов для заказчика, чтобы определиться с вкусовыми моментами. Все примеры можно посмотреть в карусельке выше.

Заказчик оказался обладателем отличного вкуса и чувства стиля и выбрал вариант достаточно быстро. Сразу после этого мы разработали прототипы всех будущих страниц интернет-магазина

Разработка интернет-магазина в процессе
Разработка интернет-магазина в процессе

Работа над конверсией

В рамках работы над конверсией мы внедрили множество решений, которые способны повысить как общую конверсию в продажи, так и средний чек.

Например, расположение элементов в карточке товара спроектировано таким образом, что посетитель при сканировании будет "проходить" большое количество релевантных товаров. Таким образом мы улучшаем поведенческие факторы и конверсию в продажи

Сканирование страницы посетителем повышающее конверсию
Сканирование страницы посетителем повышающее конверсию

При добавлении товара в корзину, пользователю предлагаются смежные релевантные товары. С помощью такого решения мы можем повышать средний чек.

Отметим, что апсейл делать лучше всего именно в этом моменте воронки продажи

Добавление товара в корзину и апсейл
Добавление товара в корзину и апсейл

Архитектура и функциональность

В качестве основы использован ocStore 2.3 с большим количеством изменений и оптимизации.

Наиболее важные технические особенности:

  • товар дня с возможностью настройки
  • автоматические выборки "лучших", релевантных и прочих товаров
  • удобная система блога и новостей
  • быстрое оформление в 1 клик
  • обратный звонок
  • автоматические уведомления для пользователей о товарах
  • мощная и тонкая система фильтров для товаров
  • "живой поиск"
  • "бесконечная загрузка" для товаров
  • системы апсейлов
  • системы отзывов и рейтингов для магазина и товаров
  • мощная, гибкая и простая админ-часть для управления магазином
  • система купонов, сертификатов и скидок
  • автоматические скидочные модули для повышения конверсии
  • удобный шаблонизатор для настройки транзакционных писем
  • идеальная адаптивная версия
  • SEO-оптимизация и подготовка всех частей сайта