8 (8212) 55 18 12

Интернет-магазин детских товаров — недетские цифры.

Приступить к чтению
 Создание комфорта посетителю
 Фишки
 Удобный поиск и фильтры
 Интеграция с 1С
 Автоматизация доставки
 Интеграция с банками
 Маркетинг
 Повышение показателей
 Адаптивность
 Доступ 24/7

По данным исследовательского центра Data Insight, интернет рынок детских товаров показывает совсем “недетские цифры”. Выручка в 25,1 миллиардов рублей на Российский рынок цифра внушительная. Эти миллиарды не включают в себя продажи (покупки) через альтернативные форматы (MLM, совместные покупки, сервисы объявлений, социальные сети), а значит сумма гораздо больше.

 

Вот еще несколько показателей 2018 года рынка детских товаров: 

 

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

Наш заказчик, торговая сеть детских магазинов «Тойс», давно находится на офлайн-рынке в республике Коми. В 2017 году руководство поставило перед собой задачу обновить предыдущий сайт, который не соответствовал текущим тенденциям интернет-торговли. И на фоне крупных ритейловых магазинов «Детский мир», «Дочки-сыночки» и «Кораблик»  выглядел непрезентабельно.  

Вид прошлого сайта:

Они обратились к нам, в Nortex, с целью разработать полноценный интернет-магазин.

После ряда встреч выделили следующие задачи:

  1. Создать интернет-магазин, в котором посетитель может совершить покупку.
  2. Интегрировать с 1С.
  3. Внедрить платежные системы.
  4. Привязать доставку.
  5. Определить структуру каталога на сайте с позиции удобства для покупателей.
  6. Обновить дизайн с учетом ребрендинга.

Аналитика.

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

  • Составлен бриф вопросов.
  • Изучены многие “детские сетевые монстры” онлайн-продаж.
  • Рассмотрена под микроскопом работа компании заказчика.

Прототипы.

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

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

Дизайн.

Выше мы говорили, что заказчик ставил задачу разработать дизайн с учетом ребрендинга. Концепция и приоритет нового дизайна: обеспечивать узнаваемость бренда «Тойс» для покупателя на всех участках.

 

 



Небольшая рубрика полезного занудства от Nortex:

Знакомы с диаграммой Гутенберга? Она описывает стандартное перемещение взгляда по зонам на сайте.

Есть еще одна стандартная форма “зона F” самых горячих мест на сайте. Думаем, что она взята преимущественно из поисковиков, тем не менее обе они доказывают, что верхняя и левая зона наиболее привлекательны по визуальному восприятию.


Информации много, но главная задача интернет-магазина — продажа. Поэтому мы расположили блоки в “теплых зонах”по степени значимости для клиента. 

Попадая на первую страницу сайта посетитель с ходу видит в шапке сайта:

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

В центральной части:

  • Баннеры с сезонными товарами, с них можно перейти на необходимый раздел с товаром. 
  • Фильтры по возрасту и производителю.
  • Товар дня.

Ниже, при прокрутке:

  • Новинки.
  • Товары со скидкой.
  • Дополнительный вывод блоков по сегментам товара: Мальчикам и девочкам, для самых маленьких, спортивные и развивающие товары.
  • Фильтры по брендам.
  • Информация о компании.

Подвал сайта, где находится второстепенная информация:

  • Подписка на рассылку
  • Платежные системы
  • Дублирование информации с главного блока.

Информации много, поэтому все второстепенные блоки сделали менее заметными по отношению к главным. 

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

Что должен видеть покупатель в интернет-магазине?

Все, что поможет ему принять решение о покупке.

Каталог — выстраивается по основным группам товара. Посетителю достаточно в один клик дойти до нужного раздела. Потом он сокращает количество товаров фильтрами. На странице он может указать необходимое количество товаров: 18, 36, 54. Сверху каталога мы расположили «хлебные крошки» (навигационная цепочка каталога), чтобы посетитель имел возможность вернуться на шаг назад. 

Карточка товара — описание товара, характеристики и отзывы товара. 

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

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

Сравнение — покупатель может легко сравнивать товары, при этом не перелистывать и не перезагружать страницы. Он просто добавляет товар до 4 видов в сравнение и видит все характеристики в одном месте.

Легкость поиска и выбора

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

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

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

Поиск и фильтрация

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

Выделили основные фильтры для всех категорий товара: 

  • Цена 
  • Производитель
  • Возраст

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

Сортировка

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

Маркетинг на сайте

Накопительная бонусная система — посетителю с каждой покупкой начисляется 5% от стоимости товара. Бонусами можно оплатить последующие покупки вплоть до 100% цены. У покупателя растет лояльность к интернет-магазину и он будет туда возвращаться. Все бонусы отображаются в личном кабинете.

Промокод — для тех посетителей, кто любит скидки “здесь и сейчас”. На сайте контент-менеджер может сделать несколько видов промокодов:

  • Одноразовый — выдаются единоразово, за что и как их выдавать фантазией не ограничивает.
  • Временный — действуют определенный срок.
  • Постоянный — действует во все времена и на все случаи жизни.

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

Страница акций и скидок.
На странице расположена информация о текущих и постоянных акциях, которые проходят в офлайн магазине. Которыми покупатель может воспользоваться при самовывозе и оплате на кассе.

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

Скидки в каталоге.

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

Покупатель принял решение о покупке.

Сам процесс заказа оформляется в три шага:

1 ШАГ: Работа покупателя в корзине.

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

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

2 ШАГ: Выбор доставки.

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


3 ШАГ: Оплата Товара.

  • Оплата наличными в пунктах самовывоза и при получении.
  • По безналичному расчету настроена оплата через Сбербанк.
  • Оплата бонусами товара, которые у него накопились с предыдущих покупок.


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

Интеграция

Настроена интеграция с 1С:

  • Остатки на складах.
  • Карточки с изображением, описанием и характеристиками товара.
  • Цена. 
  • Цена со скидкой.

Другие модули:

  • Принимается оплата через Сбербанк.
  • Рассчитывается автоматически стоимость доставки для служб Деловые линии, СПСР, Почта России.
  • Отправляются сообщения в группу ВКонтакте через виджет.

Адаптивность

Этот пункт один из самых важных. Статистика показывает что покупки через телефон растут и достигают уже 75 %. Поэтому мы уделяем особенное внимание верстке мобильной версии.

Финал

В отличие от простого лендинга или сайта-визитки, интернет-магазин стоит на уровень выше по сложности исполнения и его содержания. Потому что для такого типа сайтов вопросы интеграции, изменения контента и обновлений становятся постоянными. Как мы и говорили в самом начале, торговля смещается в интернет. И интернет-магазины детских товаров показывают внушительные цифры. Поэтому заказчик получает реальный канал сбыта и доход 24/7 круглый год. Важно понимать: как и с обычным магазином, нужно работать над этим каналом. Улучшать технологии, смотреть за аналитикой, растить сотрудников (которых нужно меньше, чем в физической рознице).  Поэтому на перспективу развития мы заложили возможность расширения функций и автоматизации.

По старой доброй традиции желаем Компании Тойс дальнейшего процветания, а его клиентам получать детские улыбки! 

Сайт: toysik.ru

Участники проекта:
Менеджер проектов: Владимир Рупышев
Ведущий разработчик: Щанов Юрий
Разработчик: Коковкин Александр
Верстальщик: Михаил Кокин
Дизайнер: Яцков Андрей

NORTEX: заказать интернет-магазин.
 

Время прочтения:
Время прочтения 11.0 мин

Для авторов

Хотите стать со-автором блога, рассказать аудитории о новинках в мире веб и все что с ним связано? Тогда присылайте ваши материалы и мы опубликуем их.

Стать автором

Обсуждение