АНОНС ДОСТИГНУТЫХ РЕЗУЛЬТАТОВ: 

С клиентом работаем почти 2 года.

По результатам работы:

В более 2 раза выросли общие суммарные продажи в интернете и в торговых точках.

Открыто 2 офлайн магазина (расширение сети с 2 до 4 магазинов): один открыт в городе Санкт Петербурге и один в регионе Крым.

Создано 2 интернет магазина: сначала мы создали принципиально новый современный адаптивный интернет магазин на новом движке shop script 7 и опубликовали на старый домен http://reddragon-spb.ru/. После года сотрудничества зарегистрировали новый домен http://reddragon-crimea.ru/ (для региона Крым) и опубликовали на него похожий по дизайну интернет магазин на тот, который мы разработали для компании еще год назад, но принципиальным отличием для него стало то, что работают два интернет магазина с одной базы товаров (базы данных), а отличаются они контактами и ассортиментом товара (таковы были пожелания заказчика).

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

ИСХОДНЫЕ ДАННЫЕ 

Компания имела торговую сеть из 2 магазинов в Санкт – Петербурге и один интернет магазин под регион Санкт – Петербург. 

Цели 

Основная цель: Увеличить продажи, конверсию.

Для достижения данной цели мы согласовали и установили 2 основных задачи. 

Задачи: 

1) сделать новый продающий сайт интернет магазина.

2) продвижение и развитие интернет магазина.

+3) после более года работы внедрение нового интернет магазина для региона Крым. Его развитие и продвижение. 

Создание нового интернет магазина для Санкт Петербурга. И дальнейшее его продвижение и развитие (часть 1) 

Проблематика (предыстория): 

Первоначально заказчик обратился к нам за юзибилити аудитом, по причине того, что сам заметил с помощью средств аналитики (Яндекс Метрика), как клиенты оставляют заказ в корзине и уходят с сайта. Клиент попросил выяснить данную причину, почему посетители редко покупают именно через сайт. По результатам аудита мы предоставили отчет и подробные рекомендации, а именно, какие ошибки существуют на сайте и как их можно исправить, тем самым улучшить продажи с сайта. В результате, заказчик согласился с нашими рекомендациями, и ввиду нерентабельности (дорабатывать в старом сайте необходимо было много всего), решил заказал у нас создание нового интернет магазина. 

Наши действия и выбранная стратегия 

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

2) Получили/рассчитали основные бизнес показатели: 

УТП (уникальное торговое предложение - преимущество);

аналитику продаж со старого сайта (ROMI или ROI);

ознакомились с LTV (суммарная прибыль, получаемая магазином от конкретного покупателя за весь его жизненный цикл);

установили средний чек покупки;

список компаний конкурентов;

и другие действия. 

2) Провели опрос среди сотрудников компании и узнали, что нравилось/не нравилось на старом сайте, чего не хватает, и другие действия.

3) Ознакомились с ассортиментом продаваемой продукции.

4) Вместе с заказчиком составили подробный бриф на разработку нового интернет магазина. 

СОЗДАНИЕ НОВОГО ИНТЕРНЕТ МАГАЗИНА В РОДНОМ РЕГИОНЕ САНКТ-ПЕТЕРБУРГ. ПРОДВИЖЕНИЕ И РАЗВИТИЕ (ЧАСТЬ 1) 

Начало работы:

0 этап: Обработка и сбор дополнительных данных для разработки. 

Останавливаться на данном этапе мы не будем. Так как он содержит коммерческую тайну нашей веб студии. 

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

1 этап: Проектирование. 

Первая и самая важная цель любого сайта - "продавать". 

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

2 этап: Разработка уникального дизайна и логотипа. 

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

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

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

Забегая вперед, конверсия интернет магазина значительно выросла после внедрения нового интернет магазина, при той же посещаемости, значит сделаем вывод - новый дизайн работает. 

3 этап: Верстка и программирование 

• Верстка шаблона с использованием микроразметки;
• Адаптация по все типы браузеров и мобильных устройств;
• Размещение контактной информации и логотипа;
• Вывод системы публикации новостей на сайте;
• многоуровневый каталог товаров с удобными фильтрами;
• Публикация слайдера на главной странице и всплывающей фотогалереи;
• Форма обратной связи (заказ обратного звонка);
• Настройка фильтров сортировки товаров на сайте;
• живой поиск с подгрузкой товаров в поисковой строке;
• мобильная версия сайта;
• другие действия; 

4 этап: Внедрение фишек. 

• возможность купить в один клик;
• предзаказ товара (если нет в наличии);
• предпросмотр товара;
• возможность сравнить несколько выбранных товаров, добавить в избранное;
• возможность увидеть недавно просмотренные товары:
• вывод блоков: перекрестные продажи, рекомендуемые товары;
• другие действия; 

5 этап: Администрирование и настройка. 

• подключение и настройка популярных платежных систем: робокасса, яндекс деньги и т.д.
• настройка уведомлений по почте и по смс о заказе;
• экспорт товаров в Яндекс.Маркет;
• другие действия; 

6 этап: Перенос товаров со старой версии интернет магазина. 

7 этап: Тестирование. 

тестирование и мелкие доработки; 

8 этап: Сдача проекта.

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

Как поменялся внешний вид интернет магазина (сравнение до и после внедрения новой дизайн-концепции): 

Внешний вид магазина (до внедрения): 

Посмотреть, как выглядел раньше старый сайт интернет магазина вы можете на нашем канале: видео опубликовано 7 апр. 2016 г и называется "#10 ошибок сайта которые убьют ваши продажи (Юзабилити анализ сайта) Batobiz Group". 

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

Внимание ! Если после просмотра данного видео вы вдруг частично увидели ошибки, которые встречаются на ваших сайтах, обращайтесь, будем рады помочь и вам сначала разобраться в проблеме, а потом решить ее (скрытая реклама:-). 

Внешний вид нового интернет магазина (после внедрения).  

Интернет магазин адаптирован под мобильные устройства и гаджеты Современный сайт обязательно должен быть адаптирован для просмотра как экране компьютера или моноблока, так и на планшете, в смартфоне или в другом популярном мобильном гаджете или устройстве (см. рис.1).

Рис 1. Интернет магазин адаптирован под мобильные устройства и гаджеты

Функциональность и доступность Главное мы смогли совместить в данном проекте. Функциональность - интернет магазин имеет множество необходимых полезных опций. Доступность - ваши клиенты купят все необходимое сидя за обеденным столом с друзьями ). Пример для сайта по продаже продуктов питания (рис. 2).

  Рис. 2 Функциональность и доступность
 

Дизайн концепция. Стиль сайта. 

---

Стиль Минимализм. Для сайта мы использовали сочетание ярких, сочных и теплых цветов и оттенков (см. рис. 3).

Рис. 3 Дизайн концепция. Стиль сайта.
Удобный поиск по каталогу товаров. Быстрый выбор. Мы создали максимально удобный и интуитивно понятный поиск по каталогу товаров. Замеренные показатели конверсии это подтверждают. Продажи со страниц категорий значительно увеличились (см. рис. 4).

Рис. 4 Удобный поиск по каталогу товаров. Быстрый выбор.

Более подробно о построении правильной структуры дизайна сайта, блоков, расположению меню и всего остального мы уже рассказывали на примере кейса "КЕЙС СОЗДАНИЕ ИНТЕРНЕТ-МАГАЗИНА: РОСТ ПРОДАЖ В 3 РАЗА ДЛЯ МАГАЗИНА ПО ПРОДАЖЕ ПРОДУКТОВ ПИТАНИЯ" от 23 ноября 2016, если вам интересно смотрите по ссылке http://cases.cmsmagazine.ru/cases/3264/. Принципиальных различий нету. 

Развитие и продвижение нового интернет магазина 

Наш перечень выполняемой работы по этапам внедрения: 

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

1) Построили новую структуру URL адресов вложенности категорий, подкатегорий и карточек товара на сайте, на основании структуры сайтов конкурентов по «нише» и ассортимента товара на самом сайте. 

Примечание! Как выглядела старая структура URL сайта до внедрения нового интернет магазина вы можете на веб ресурсе http://web.archive.org перейдя по ссылке http://web.archive.org/web/20160304191612/http://reddragon-spb.ru/product/lapsha-vermishel (копия от 4 марта 2016 года) 

Формирование URL: 

а) На примере категории "Лапша, вермишель": 

Старый URL:

http://reddragon-spb.ru/product/lapsha-vermishel 

Рекомендованный новый URL:

http://reddragon-spb.ru/lapsha-vermishel/ 

б) Вложенность товаров на примере товара "Лапша рисовая AROY-D 3 мм": 

Старый URL:

http://reddragon-spb.ru/product/lapsha-vermishel/risovaya-lapsha/01383-lapsha-risovaya-aroy-d-3-mm 

Рекомендованный новый URL:

http://reddragon-spb.ru/lapsha-vermishel/risovaya-lapsha/lapsha-risovaya-aroy-d-3-mm/ 

Внимание ! После смены адресов страниц на новые мы настроили 301 редирект со всех старых страниц сайта на соответствующие новые страницы.

 2) Сделали общую оптимизацию страниц сайта. 

Выбранная стратегия - продвижение по трафику. 

Страницы для оптимизации: 

• Главная
• Категории более 100
• Подкатегории (свыше 500)
• Страницы под пользовательские запросы (свыше 10000 - создавались клиентом по нашим рекомендациям)
• Карточки товаров
• Информационные страницы 

Выполняемая работа: 

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

Внутренняя оптимизация: 

Прорабатывали теги и метатеги: 

Title

H1

H2

H3

Ит.д. 

Структурирование и форматирование текстов: 

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

И многое другое. 

3) Улучшение страниц категорий, на примере страницы http://reddragon-spb.ru/lapsha-vermishel/. 

Добавили блоки: 

Сортировки: (блок 1) 

• Новые и популярные
• Названию
• По цене (от высшей к низшей - от низшей к высшей)
• Хиты продаж
• Оценка покупателей
• Дата добавления
• В наличии 

Быстрый выбор (приземляющие страницы): (блок 2) 

Типы лапши: 

• Вьетнамская вермишель (http://reddragon-spb.ru/lapsha-vermishel/vetnamskaya-vermishel/)
• Гречневая лапша (http://reddragon-spb.ru/lapsha-vermishel/grechnevaya-lapsha/)
• Карри лапша (http://reddragon-spb.ru/lapsha-vermishel/karri-lapsha/)
• Китайская лапша (http://reddragon-spb.ru/lapsha-vermishel/kitayskaya-lapsha/)
• Лапша Кимчи (http://reddragon-spb.ru/lapsha-vermishel/lapsha-kimchi/)
• Лапша Рамен (http://reddragon-spb.ru/lapsha-vermishel/lapsha-ramen/)
• Лапша Соба (http://reddragon-spb.ru/lapsha-vermishel/lapsha-soba/)
• Лапша Сомен (http://reddragon-spb.ru/lapsha-vermishel/lapsha-somen/)
• Лапша Удон (http://reddragon-spb.ru/lapsha-vermishel/lapsha-udon/)
• Лапша Фунчоза (http://reddragon-spb.ru/lapsha-vermishel/lapsha-funchoza/)
• Лапша Ширатаки (http://reddragon-spb.ru/lapsha-vermishel/lapsha-shirataki/)
• Лапша быстрого приготовления (http://reddragon-spb.ru/lapsha-vermishel/lapsha-bp/)
• Лапша для вока (http://reddragon-spb.ru/lapsha-vermishel/lapsha-dlya-voka/)
• Лапша по корейски (http://reddragon-spb.ru/lapsha-vermishel/lapsha-po-koreyski/)
• Лапша со вкусами (http://reddragon-spb.ru/lapsha-vermishel/lapsha-so-vkusami/)
• Лапша тонкая (http://reddragon-spb.ru/lapsha-vermishel/lapsha-tonkaya/)
• Лапша широкая (http://reddragon-spb.ru/lapsha-vermishel/lapsha-shirokaya/)
• Пшеничная лапша (http://reddragon-spb.ru/lapsha-vermishel/pshenichnaya-lapsha/)
• Рисовая лапша (http://reddragon-spb.ru/lapsha-vermishel/risovaya-lapsha/)
• Соевая,бобовая лапша (http://reddragon-spb.ru/lapsha-vermishel/soevayabobovaya-lapsha/)
• Суп-лапша быстрого приготовления (http://reddragon-spb.ru/lapsha-vermishel/sup-lapsha-bystrogo-prigotovleniya/)
• Тайская лапша (http://reddragon-spb.ru/lapsha-vermishel/tayskaya-lapsha/)
• Яичная лапша (http://reddragon-spb.ru/lapsha-vermishel/yaichnaya-lapsha/)
• Японская лапша (http://reddragon-spb.ru/lapsha-vermishel/yaponskaya-lapsha/) 

Фильтр для детских колясок: (блок 3) 

Цена (ползунок выбора от и до руб.) 

Тип лапши: 

• Пшеничная
• Рисовая
• Гречневая
• Яичная
• Фунчоза
• Соевая,бобовая лапша
• Быстрого приготовления
• Японская лапша
• Лапша Ширатаки
• Суп-лапша
• Лапша со вкусами
• Лапша сублимированная 

По блюду: 

• лапша рамен
• лапша кимчи
• лапша сомен
• лапша удон
• лапша сеутанг
• лапша Соба 
• Лапша со вкусами: 
• морепродуктов
• говядины
• карри 

Лапша по размеру: 

• тонкая
• широкая 

Изготовитель:

• Япония
• Китай
• Южная Корея
• Вьетнам
• Россия
• Таиланд
• Сингапур 

Вес упаковки (кг):  (ползунок выбора от и до кг) 

Упаковка: 

• пластиковая банка
• бумажный пакет/стакан
• картонная коробка/ тетрапак
• пластиковая коробка/тарелка/стакан
• герметичный пакет
• бумажный пакет
• пластиковая коробка 

Живой поиск по сайту (блок 4)

Ниже (на рис. 5) приводим скрин расположения новых блоков на странице категории. 

Рис. 5 Cкрин расположения новых блоков на странице категории. 

4) Улучшение страниц карточек товара, на примере страницы http://reddragon-spb.ru/lapsha-vermishel/risovaya-lapsha/lapsha-risovaya-aroy-d-3-mm/. 

Добавлены блоки: 

Блок 1: 

Для каждого товара мы заполнили: 

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

Блок 2: 

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

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

Блок 3: 

Товарные рекомендации на основании аналитики продаж, то есть на основании статистики продаж товаров, которые покупают вместе с данным товаром («перекрестные продажи»). 

Блок 4:

Кнопка "купить в 1 клик".

Блок 5:

Возможность распечатать страницу с товаром. 

Добавление товара к сравнению и в избранное.

Блок 6:

Публикация страницы в популярные социальные сети: Вконтакте, Facebook и другие.

Ниже (на рис. 6) приводим скрин расположения новых блоков на странице карточки товара.

 Рис. 6 Cкрин расположения новых блоков на странице карточки товара.  

5) Технологические решения (фишки).

 Приводим несколько технологичных решений, которые мы реализовали при развитии интернет магазина: 

а) Товары-комплекты. 

на примере рецепта "Сукияки", карточки товара http://reddragon-spb.ru/retsepty/sukiyaki/ 

С первого виду это обычная карточка товара. Есть описание, картинка товара.

Главная отличительная особенность - это наличие блока "В комплект набора входит:", где опубликованы 7 товаров (вместе с количеством).

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

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

Ниже (на рис. 7) приводим скрин расположения блока "В комплект набора входит:". 

Рис. 7 Cкрин расположения блока "В комплект набора входит:" на карточке товара-комплекта. 

б) Дисконтные карты. 

Для постоянных покупателей интернет магазин дает скидку.

Мы предложили и реализовали специальные "Дисконтные карты", к которым в админке магазина привязаны бонусы на покупку новой продукции со скидкой для каждой группы клиентов отдельно, в зависимости от общего количества покупок. 

6) Репутация в интернете: 

Регистрация интернет магазина в популярных сайтах каталогах, отзовиков.

Мотивация людей оставлять отзывы на сторонних ресурсах за скидки на будущие покупки. 

Первые результаты (анализируем и делаем выводы): 

1) После внедрения нового интернет магазина в более 2 раза выросли общие суммарные продажи в интернете и в торговых точках.

К сожалению клиент отказал нам в возможности публикации скринов внутренней статистики.

2) Через 2 месяца работы по оптимизации и развитию нового интернет магазина заказчик открыл 3й офлайн гиперамаркет (торговую точку) в городе Санкт Петербурге. Таким образом общее количество магазинов в торговой сети стало 3 магазина. 

СОЗДАНИЕ НОВОГО ИНТЕРНЕТ МАГАЗИНА ДЛЯ РЕГИОНА КРЫМ. ПРОДВИЖЕНИЕ И РАЗВИТИЕ (ЧАСТЬ 2) 

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

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

Наши действия и выбранная стратегия

1) Подобрали, согласовали и зарегистрировали новый домен http://reddragon-crimea.ru/ (для региона Крым)

2) Опубликовали на него похожий по дизайну интернет магазин на тот, который мы разработали для компании "Красный Дракон" еще год назад, но принципиальным отличием для него стало то, что работают два интернет магазина из одной админки: с одной базой товаров (базой данных), и отличаются  контактами и ассортиментом товара (таковы были пожелания заказчика) (см. рис. 8).

 Рис. 8 Новый интернет магазин для региона Крым. 

Схематически это выглядит следующим образом (см. рис. 9):

Рис. 9 Инфографика +2 новых магазина и +1 интернет магазин для Крыма. 

Продвижение и развитие нового интернет магазина http://reddragon-crimea.ru/ 

Продвижение начали 2 месяца назад.

1) Сайт добавили во все поисковые системы.

2) Новый домен  http://reddragon-crimea.ru/(сайт магазина) привязали к региону Крым (региональная привязка).

3) Нам пришлось частично переоптимизировать страницы категорий, подкатегорий и карточек товара, путем подстановки названия текущего региона (города) в метатегах и текстовом описании. 

Работа по продвижению продолжается. Вторым большим этапом работы станет публикация нового домена в региональных каталогах, тематических площадках, сайтах отзовиков. Все это требуется для продвижения и повышения доверия (репутации) нового домена в глазах покупателей из Крыма. 

Продолжение следует. 

Итоги работы на данный момент: 

С клиентом работаем почти 2 года. 

По результатам работы: 

В более 2 раза выросли общие суммарные продажи в интернете и в торговых точках.

Открыто 2 офлайн магазина (торговые точки): один открыт в городе Санкт Петербурге и один в регионе Крым.

Создали 2 интернет магазина: сначала мы создали принципиально новый современный адаптивный интернет магазин на новом движке shop script 7 и опубликовали на старый домен http://reddragon-spb.ru/. Занимались продвижением и развитием. После года сотрудничества зарегистрировали новый домен http://reddragon-crimea.ru/ (для региона Крым) и опубликовали на него похожий по дизайну интернет магазин на тот, который мы разработали для компании еще год назад, но принципиальным отличием для него стало то, что работают два интернет магазина с одной базы товаров (базы данных), а отличаются они контактами и ассортиментом товара (таковы были пожелания заказчика). 

Хотите расширить бизнес ? Начните с создания нового интернет магазина.  

Рекомендация от клиента и Диплом 6 место Рейтинг Рунета 2016

---

 

  Кейс создание, продвижение и развитие интернет магазина продуктов питания и товаров из Азии для Красный Дракон разработка от веб студии Batobiz Group.

Перейти на сайт