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

Тип сайта: интернет-магазин

Тематика: оптовая продажа детских игрушек

CMS: OpenCart

Задачи

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

 

Как выглядел предыдущий сайт

Предыдущий beles.com.ua

Общие требования

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

Проект мы решили выполнить на основе системы управления Open Cart, функционал которой был очень сильно доработан.

Проектирование

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

 

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

 

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

 

На основе маркетингового исследования нами были разработаны и утверждены прототипы будущего сайта.

Прототип главной beles.com.ua

Прототип страницы "Условия работы" beles.com.ua

 

Прототип каталога beles.com.ua

 

Разработка дизайна

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

Каким должен быть дизайн сайта, продающим детские игрушки оптом? Многие разработчики и владельцы бизнеса слишком увлекаются тематикой, забывая, что их аудитория – это не дети, а взрослые бизнесмены. Т.о. в дизайне необходимо передать тематику сайта, но в то же время он должен быть достаточно серьезным и удобным бизнес-инструментом.

 

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

Разработка дизайна beles.com.ua

 

Технические и маркетинговые решения

  • 1С  (не стоит писать, наверное, т.к. 1С попал под запрет)
  • Мультисклады
  • Корзина
  • Выгрузка каталогов для Prom.ua и Яндекс.Маркет.
  • Модули просмотренных и похожих товаров, отложенные товары
  • Сохранение фильтров в ЛК пользователя
  • Поиск товаров по сайту с автокомплитером и по складам
  • Мультиязычность (украинский и русский языки интерфейса)
  • Мультивалютность

 

Синхронизация данных на сайте с внутренней базой компании

Была настроена быстрая и бесперебойная синхронизация сайта с внутренней базой, по которой в двухстороннем порядке синхронизируются такие данные:

  • товарные категории и сами товары
  • остатки и цены на товары
  • заказы и новые зарегистрированные клиенты

 

Мультимагазин

Для каждого из 6 складов по Украине работает своя витрина с актуальными для каждого склада остатками и ценами. Пользователи сайта также получают доступ к ценам и другой актуальной информации по товарам для каждого склада в отдельности, за каждым пользователем закрепляется свой менеджер.

 

Также для удобства пользователей сайт разработан мультиязычным (украинский, русский языки интерфейса) и мультивалютным (все цены можно видеть в гривне и в долларах).

 

Выгрузка каталогов для Prom.ua и Яндекс.Маркет

Для удобства постоянных клиентов была реализована функция выгрузки товаров для Prom.ua и Яндекс.Маркет. Благодаря этому, постоянные клиенты магазина могут быстро, не тратя свое время, залить на свои площадки новые товары, которые они приобретают в Beles для дальнейшей перепродажи.

 

Сохранение фильтров в личном кабинете пользователя

Подавляющее большинство покупателей на сайте – это постоянные клиенты, которые часто заказывают товары, имеющие общие характеристики и параметры. Для более быстрого поиска этих товаров покупатели пользуются фильтрами на сайте. Чтобы покупателям не пришлось каждый раз устанавливать нужные фильтры, была реализована функция, которая позволяет сохранять установленные наборы фильтров. Таким образом, при нажатии всего одной кнопки пользователь магазина видит все товары категории, подпадающие под нужные ему параметры.

 

Поиск по сайту с автокомплитером

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

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

Корзина

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

Перед оформлением  покупатель может отредактировать свой заказ и оставить комментарий к каждой конкретной позиции в заказе.

При этом, независимо от длины списка товаров, форма оформления заказа всегда остается на виду у покупателя.

Корзина BELES.COM.UA

SEO-оптимизация перед релизом

Подготавливать сайт для успешного продвижения мы начинаем еще с первых этапов разработки, когда SEO-специалистами была составлена рекомендованная структура каталога и URL-адресов для нового сайта.

 

Работы, которые были выполнены “сеошником”:

  1. Провели комплексный аудит сайта для выявления всех необходимых доработок по внутренней и внешней оптимизации
  2. Составили KW-Research
  3. Разработали seo-структуру для проекта, согласно поисковым запросам
  4. Составили ТЗ для копирайтеров (по технологии LSI, работа с высококачественным контентом)
  5. Составили техническое задание по работам для внутренней оптимизации:
    1. качественные заголовки (title) и описания (description) страниц;
    2. проработка заголовков уровней H1-H3;
    3. внутренняя перелинковка между категориями.
  6. Провели оптимизацию карточек товара под низкочастотные запросы
  7. Составили качественные технические файлы robots.txt и sitemap.xml, организовали корректное внутреннее распределение веса страниц
  8. Провели работы по внешней ссылочной массе:
    1. работа с крауд-маркетингом;
    2. работа с сайтами СМИ (крупнейшие сайты Украины);
    3. работа с тематическими сайтами.

Немного статистики

  • 11 человек работали над сайтом
  • более 70 часов заняли разработка и согласования ТЗ, маркетинговое исследование и прототипирование сайта
  • 32 макета разработано в рамках выбранной концепции дизайна
  • 840 часов – бюджет программистов на работу
  • 76 часов затрачено SEO-специалистом и программистом на организацию “переезда”
  • 11 месяцев длилась вся разработка сайта

Результаты

Новый сайт оказался более удобным, современным и дал посетителям новые инструменты для работы, которые упростили и ускорили их работу с сайтом.

 

Также, грамотный подход при разработке привел к значительному росту позиций в ТОПе поисковых систем и рост целевого органического трафика из Google и Яндекса:

Значительный рост позиций в ТОПе Google:

Рост позиций BELES.COM.UA

Рост органического трафика из поисковых систем практически в 2 раза в течение трёх месяцев:

Рост органического трафика BELES.COM.UA