Разработка интернет-магазина косметики и парфюмерии
- Заказчик
- Моя Оптима - крупный ритейлер в 36 городах России. Специализация - бытовая химия, косметика, хозяйственные товары.
- Задача
- Разработать омниканальный интернет-магазин с актуальной информацией по остаткам.
С чего все началось?
У клиента есть 2 интернет-магазина. Есть интернет-магазин iOptima: его ассортимент - уходовая и декоративная косметика, аксессуары для волос, маникюра и макияжа. Недавно с нашей помощью появился интернет-магазин Моя Оптима: ассортимент бренда - это косметика более бюджетного сегмента, бытовая химия, хозяйственные товары и товары для дома.
Клиент приходил к нам и с первым интернет-магазином на технические доработки. Пофиксили баги и разработали для него свой поисковой компонент, сэкономив деньги на ежемесячную оплату поиска Diginetica. Сотрудничеством остались довольны все, поэтому за вторым интернет-магазином тоже пришли к нам. Цель проекта - разработать отдельный интернет-магазин для разграничения позиционирования брендов.
Задачи проекта:
1. Разработка омниканального интернет-магазина.
Омниканальные интернет-магазины умеют подтягивать историю коммуникаций с пользователем - звонки, чаты, электронные письма, источники визита. Омниканальный подход помогает вести статистику продаж по каждому покупателю, тестировать новые маркетинговые гипотезы и формировать персонализированную программу лояльности.
2. Интеграция сайта с корпоративными системами.
У нашего клиента ERP-система SAP и CRM-система MindBox.
3. Реализация актуального отображения остатка в оффлайн-магазинах.
Концепт магазина - удобство получения заказа. Зашел на сайт, проверил наличие - после работы забрал товар. У клиента много точек продаж, поэтому покупателям комфортно выбрать ближайшую и забрать заказ по пути домой. Поэтому важно сделать информацию по остаткам актуальной, чтобы не было конфликтных ситуаций с оффлайновыми покупателями.
4. Проработка доставки.
Функционал доставки должен учитывать возможности самовывоза из магазина/пункта выдачи, доставку курьером. Изначально курьерская доставка не оговаривалась в техническом задании, но разработка проекта пришлась на пандемию. Мы приняли решение о срочном внедрении быстрой курьерской доставки до двери, чтобы уменьшить убытки клиента и обеспечить безопасность покупок.
5. Разработка личного кабинета пользователя.
Кабинет нужен для просмотра актуальных/архивных заказов, их движения. Данные личного кабинета влияют на персонализированную программу лояльности пользователя.
Что мы сделали?
1. Провели брифинг заказчика, написали техническое задание.
По заданию и анализу конкурентов подготовили прототипы сайта. После согласования прототипов реализовали дизайн.
Прототипы рисуем в Moqups, дизайн делаем в Figma. Обе программы удобны встроенным комментированием: заказчик, дизайнер, проектный менеджер или разработчик оставляют комментарии прямо на макете.
По опыту работы с прошлым интернет-магазинов клиента, решили вести разработку по принципу Mobile First. Mobile First - разработка веб-ресурсов с акцентом на мобильную/адаптивную версию.
Почему Mobile first важен?
- В прошлом интернет-магазине клиента мобильный трафик превалирует над дестопным. Мы не сомневались, что ситуация повторится. Оказались правы.
- С каждым годом количество мобильного трафика растет. По отчету SimilarWeb, с 2017 по 2019 год рост мобильного трафика составил 30,6%. По отчету WebCanape, в доле интернет-трафика 50,1% составляет трафик с мобильных телефонов, около 53% всех запросов в интернете делают через телефон.
- Поисковые системы лучше ранжируют сайты, адаптированные к мобильным девайсам. Google официально ввел Mobile First-индексацию с 1 июля 2019 года: рейтинг страницы в поисковой выдаче напрямую зависит от мобильной версии. Яндекс 2 февраля 2016 года ввел алгоритм “Владивосток”: алгоритм учитывает адаптированность сайта к мобильным устройствам. В мобильной выдаче адаптированные сайты в приоритете.
По данным Яндекс.Метрики за период 30 января 2020 года - 29 января 2021 года, доля мобильного трафика в интернет-магазине составила 69,8% против 28,8% десктопного и 1,34% планшетного трафика.
2. После согласования прототипов и дизайна приступили к разработке.
Создали сайт на базе 1С-Битрикс “Управление сайтом”. В CMS встроен функционал корзины, платежных систем, личного кабинета пользователя, расчета стоимости доставки. Удобно управлять скидками, заказами, каталогом. Готовый встроенный функционал сокращает время на разработку и бюджет клиента соотственно. Однако стандартного встроенного функционала не хватало, поэтому в каждый модуль мы внесли кастомные доработки. Например, время и стоимость доставки рассчитывается исходя из города. Этого нет в стандартном функционале.
Каталог интернет-магазина.
Раздел в интернет-магазине.
3. Разработали личный кабинет пользователя.
В личном кабинете хранится информация по актуальным и архивным заказам клиента, есть избранные товары. Каждую покупку из истории заказов можно повторить в 1 клик. Это удобно для регулярных покупок.
В личном кабинете можно создавать личные списки покупок пользователей.
4. Интегрировали сайт с SAP ERP.
В России известным приближенным аналогом к SAP ERP является 1С. SAP хранит операционные данные, прогнозирует продажи, ведет учет складских запасов. Интеграция с SAP позволила выгружать информацию о товарах: остатки, стоимость, наличие в магазинах. Полученная информация направляется в промежуточную базу данных (ПБД). Из ПБД измененная информация переходит в Битрикс.
5. Интегрировали сайт с MindBox CRM.
MindBox CRM - это программа для автоматизации маркетинга. Она собирает и хранит пользовательские данные, формирует по каждому клиенту единый профиль; реализует email-рассылки, СМС-рассылки, рассылки в мессенджерах, PUSH-оповещения. Формирует программу лояльности: персональные и массовые скидки, промокоды. Отличный маркетинговый инструмент для решения бизнес-задач.
6. Интегрировали сайт с онлайн-кассой.
У Битрикса есть стандартный модуль онлайн-кассы для Сбербанка, подключались через него.
7. Адаптировали сайт под мобильные устройства.
На мобильных телефонах и планшетах верстка не искажается. Спустя несколько месяцев запустили для магазина кроссплатформенное мобильное приложение для IOS & Android.
8. Разработали собственный поисковой компонент.
Разработали и подключили компонент поиска на базе Elastic Search. Поиск структурно показывает информацию о популярных запросах, хранит историю поиска, распознает ошибки, исправляет неверную раскладку клавиатуры, понимает синонимы и адаптируется под адаптивную версию сайта.
На странице поисковой выдачи сделали фильтрацию.
9. Интегрировали со службами доставок.
Подключили популярные службы доставки PickPoint, QIWI, Халва, СДЭК, DPD. В карантин запустили безопасную курьерскую доставку до двери.
Что получил клиент?
1. Актуальная информация по остаткам.
Клиенты видят свежую информацию по товарным остаткам во всех магазинах сети. В карточке товара его наличие отображается в штуках. Это упрощает оффлайн-покупку: пользователь заходит на сайт, находит нужный товар, смотрит его наличие в ближайшем магазине у дома и забирает по пути с работы.
2. Новый маркетинговый инструмент.
Интеграция с MindBox CRM позволяет собирать статистику по пользователям и их заказам, настраивать PUSH-уведомления и вести персонализированную программу лояльности по каждому клиенту. На основе информации о пользователе автоматически формируются персонализированные предложения. Они улучшают конверсию в покупку.
Программа лояльности включает начисление бонусов, возможность получения скидок (скидки - только для участников программы лояльности), персонализированную подборку товаров. Подборка товаров автоматически собирается на основе истории покупок клиента.
Авторизация клиентов в программе происходит по номеру телефона.
3. Персонализация интернет-магазина.
В личном кабинете пользователи собирают свои подборки товаров или добавляют в корзину уже существующие, делятся ими; отслеживают появление отсутствующих товаров, в отдельном разделе сравнивают товары по свойствам и просматривают историю заказов или статус доставки актуальных.
4. Создание собственного расширенного поиска.
До создания нашего поискового решения, клиент тратил порядка 600 000р./год на сервисный поиск. Теперь никаких ежемесячных плат за поиск нет.
Технологический стек проекта:
- 1С-Битрикс
- PHP
- MySQL
- SAP
- MindBox
- ElasticSearch
Если Вам нужен похожий интернет-магазин - напишите нам на почту info@astarus.com. Мы ответим в течение 2 часов. Спасибо за внимание!