Разработка интернет-магазина косметики и парфюмерии Моя Оптима

У клиента есть 2 бренда. Бренд "iOptima": ассортимент - уходовая и декоративная косметика, аксессуары для волос, маникюра и макияжа. Ассортимент бренда "Моя Оптима": косметика более бюджетного сегмента, бытовая химия, хозяйственные товары и товары для дома. У первого бренда был свой интернет-магазин, у второго нет. Цель проекта - разработать интернет-магазин бренда "Моя Оптима" для разграничения позиционирования.

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

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

Прототипы рисуем в Moqups, дизайн делаем в Figma. Обе программы удобны встроенным комментированием: заказчик, дизайнер, проектный менеджер или разработчик оставляют комментарии прямо на макете.

По опыту работы с прошлым интернет-магазинов клиента, решили вести разработку по принципу Mobile First. Mobile First - разработка веб-ресурсов с акцентом на мобильную/адаптивную версию.

Почему Mobile First важен? 

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

2. С каждым годом количество мобильного трафика растет. По отчету SimilarWeb, с 2017 по 2019 год рост мобильного трафика составил 30,6%. По отчету WebCanape, в доле интернет-трафика 50,1% составляет трафик с мобильных телефонов, около 53% всех запросов в интернете делают через телефон.

3. Поисковые системы лучше ранжируют сайты, адаптированные к мобильным девайсам. Google официально ввел Mobile First-индексацию с 1 июля 2019 года: рейтинг страницы в поисковой выдаче напрямую зависит от мобильной версии. Яндекс 2 февраля 2016 года ввел алгоритм “Владивосток”: алгоритм учитывает адаптированность сайта к мобильным устройствам. В мобильной выдаче адаптированные сайты в приоритете.

По данным Яндекс.Метрики за период 30 января 2020 года - 29 января 2021 года, доля мобильного трафика в интернет-магазине составила 69,8% против 28,8% десктопного и 1,34% планшетного трафика. 

Создали сайт на базе 1С-Битрикс “Управление сайтом”. В CMS встроен функционал корзины, платежных систем, личного кабинета пользователя, расчета стоимости доставки. Удобно управлять скидками, заказами, каталогом. 

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

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

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

Каждую покупку из истории заказов или списков можно повторить в один клик. 

В России известным приближенным аналогом к SAP ERP является 1С. SAP хранит операционные данные, прогнозирует продажи, ведет учет складских запасов. Интеграция с SAP позволила выгружать информацию о товарах: остатки, стоимость, наличие в магазинах. Полученная информация направляется в промежуточную базу данных (ПБД). Из ПБД измененная информация переходит в Битрикс.

MindBox CRM - это программа для автоматизации маркетинга. Она собирает и хранит пользовательские данные, формирует по каждому клиенту единый профиль; реализует email-рассылки, СМС-рассылки, рассылки в мессенджерах, PUSH-оповещения. Формирует программу лояльности: персональные и массовые скидки, промокоды. Отличный маркетинговый инструмент для решения бизнес-задач. 

У Битрикса есть стандартный модуль онлайн-кассы для Сбербанка, подключили платежи через него. 

Подключили популярные службы доставки PickPoint, QIWI, Халва, СДЭК, DPD. В карантин запустили безопасную курьерскую доставку до двери.

На мобильных телефонах и планшетах верстка не искажается. Спустя несколько месяцев запустили для магазина кроссплатформенное мобильное приложение для IOS & Android.

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

На странице поисковой выдачи сделали фильтрацию. 

1. Актуальная информация по остаткам.

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

2. Новый маркетинговый инструмент.

Интеграция с MindBox CRM позволяет собирать статистику по пользователям и их заказам, настраивать PUSH-уведомления и вести персонализированную программу лояльности по каждому клиенту. На основе информации о пользователе автоматически формируются персонализированные предложения. Они улучшают конверсию в покупку.

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

Авторизация клиентов в программе происходит по номеру телефона.

3. Персонализация интернет-магазина.

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

4. Создание собственного расширенного поиска.

До создания нашего поискового решения, клиент тратил порядка 600 000р./год на сервисный поиск. Теперь никаких ежемесячных плат за поиск нет.

Технологический стек проекта:

- 1С-Битрикс,

- PHP,

- MySQL,

- SAP,

- MindBox,

- ElasticSearch.