Интернет-магазин для крупнейшей сети алкогольных магазинов "Ароматный Мир"

Разработка портала для алкогольного холдинга «Ароматный мир»

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

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

Процесс покупки по предзаказу получается длиннее, чем в обычном интернет-магазине. Он состоит из:

• Поиска товара в сети
• Изучения продукции и знакомства с аналогами
• Предварительного заказа на сайте
• Похода в офлайн магазин
• Оплаты покупки
• Этот подход стал популярным на рынке алкоголя.

Чтобы не отставать от конкурентов, получить приток новых клиентов и расположить к себе покупателей, компания «Ароматный мир» решила разработать сайт.

Рассказываем, как «1С-Битрикс: Управление сайтом» помог винному супермаркету наладить продажи в интернете.

О компании

Бренд «Ароматный мир» появился на рынке продажи алкогольных напитков в октябре 1998 года.

Он прошел путь от одного магазина формата «кэш энд керри» до крупнейшей в России сети специализированных винных супермаркетов.

Ассортимент винмаркетов включает 16 тыс. наименований алкогольной продукции.

«Ароматный мир» – это 460 винных супермаркетов в Москве, Санкт-Петербурге и других городах России.

О ситуации

Первый сайт у «Ароматного мира» появился в 2008 году. На нем была информация о компании и каталог продукции.

К 2017 году руководство компании приняло решение по развитию digital-канала. Из-за этого пришлось полностью переработать сайт и устранить недостатки:

• Информация редко обновлялась
• Не все товары из ассортимента магазинов были на сайте
• Страницы долго грузились
• Часто возникали ошибки
• Дизайн устарел

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

Цели проекта

• Создать интернет-магазин лучше, чем у конкурентов
• Подготовить сайт к высоким сезонным нагрузкам
• Обеспечить «бесшовную» коммуникацию с клиентом и в интернет-магазине, и в супермаркетах

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

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

В любых взаимоотношениях в бизнесе должна быть «химия» — особенно важно иметь ее при работе с ключевыми партнерами, на которых завязан успех digital-проекта. В данном случае все это определило положительный выбор «1С-Битрикс» и команды «Adinadin».

Выбор платформы

Разработка началась в 2017 году. Проект создан на платформе «1С-Битрикс: Enterprise».

Преимущества этого решения:

• Готовая и надежная платформа для разработки
• Масштабируемая система
• Удобный и гибкий функционал
• Способность выдерживать большие нагрузки
• Техническая поддержка от вендора

Решение

КОРРЕКТНАЯ ИНФОРМАЦИЯ О ЦЕНАХ, СКИДКАХ И АДРЕСАХ МАГАЗИНОВ

В сети «Ароматный мир» 460 супермаркетов: в Москве и Московской области, Санкт-Петербурге и Ленинградской области и в Центральном федеральном округе. В каждом магазине установлены свои цены, скидки и остатки.

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

А дальше покупатель может уточнить детали: перейти из карточки продукта в раздел «товар доступен в магазинах». Там пользователь видит точную информацию: остатки и цены в конкретных магазинах. Он может выбрать выгодную цену и уточнить, сколько бутылок осталось в супермаркете.

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

Найти подходящий супермаркет можно:

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

ПЕРЕВОД С ЯЗЫКА ПОЛЬЗОВАТЕЛЯ НА НАЗВАНИЯ ОТ ПРОИЗВОДИТЕЛЕЙ

Интернет-магазин продает 16 000 наименований алкогольных напитков.

Чаще всего, покупатели ищут товар по названию. И пишут его на свой лад.

• Никто не вводит «Kriek» в поиск — ищут «крик»
• Вино «Chardonnay Torresella» называют «шардоне торесала» или «тареселла»

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

Такой подход помогает:

• Пользователю — быстро и без ошибок найти товар
• Магазину — разговаривать с покупателем на одном языке и увеличивать конверсию

Мгновенный поиск

Большинство покупателей не знают, какой напиток они хотят. И перед покупкой перебирают по 5-10 вариантов.

• При выборе вина кто-то ограничивается цветом и содержанием сахара
• Искушенные покупатели ищут напиток по сорту винограда или аромату

Интернет-магазин подстраивается под вкусы каждой категории пользователей. Они могут настроить фильтр по всем свойствам товара.

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

На сайте «Ароматного Мира» фильтр выдает результаты меньше чем за 0,01 секунды.

Для этого разработчики используют технологию VueJS.

• Она быстро выдает результат
• Снижает нагрузку на сервер

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

Поддержка современного формата изображений WebP

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

• Интернет-магазин работал быстро
• Пользователи не покидали сайт и продолжали покупки

Для этого разработчики использовали формат изображения WebP. Он «весит» до 10 раз меньше, чем JPEG/PNG.

Основной минус — этот формат поддерживают только современные версии браузеров. Поэтому сайт «Ароматного мира» использует и WebP, и JPEG/PNG:

• Если покупатель пользуется современным браузером, сервер подставляет для загрузки WebP
• Если старую — JPEG/PNG

В результате у 60% аудитории интернет-магазина объем загрузки страницы сократился в 3 раза.

Программа лояльности

«Ароматный Мир» начал поощрять постоянных покупателей с 2000-ых годов.

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

• Теперь данные о картах и их владельцах обрабатываются отдельным сервисом
• Активировать карту можно в интернет-магазине
• При этом на дисконтный сервер передается актуальная персональная информация
• Предусмотрены механизмы защиты — одну карту можно привязать только к одному аккаунту

Интеграция с офлайн-магазинами

Пользователи хотят видеть в интернет-магазине актуальную информацию. Для этого на сайте настроена синхронизация по ценам и остаткам с офлайн-магазинами.

Сайт получает информацию из ERP-системы и касс в режиме реального времени.

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

КОМАНДА ADINADIN ПРОДОЛЖАЕТ РАБОТАТЬ НАД ПРОЕКТОМ.

В планах:

• Продолжить оптимизацию внутренних процессов
• Расширить функционал сайта
• Проводить АБА-тесты
• Создать PWA-приложение

«Мы очень ценим активную позицию коллег из Adinadin по решению задач проекта и максимально прислушиваемся ко всем рекомендациям, которые нам дают. На мой взгляд, у нас получилось выстроить качественные партнерские взаимоотношения с командой. И это позволяет дальше успешно развивать проект. Планы громадные и мы рады, что идем в тесной связке с digital-агентством «Adinadin».

О разработчике

Digital-агентство Adinadin — золотой сертифицированный партнер«1С-Битрикс», участник программы крупных внедрений.

Ключевая компетенция — реализация технически сложных E-commerce проектов.

Компания разрабатывает интернет-магазины, веб-сервисы, корпоративные порталы, мобильные приложения.

Digital-агентство Adinadin занимается комплексом работ: это техническая поддержка проектов 24/7 по SLA, интеграция с «1С: Предприятие» и «Битрикс24», а также SEO, аналитика и продвижение.

Среди клиентов: группа компаний «Металл Профиль», сеть винных супермаркетов «Ароматный мир», интернет-магазин спортивной одежды ZASPORT.

«Ароматный мир» получил конкурентоспособный интернет-магазин:

• Страницы загружаются до 2 секунд
• В ассортименте 16 000 товарных позиций, пользователь легко может подобрать напиток по вкусу
• Данные в интернет-магазине синхронизируется с 460 офлайн-супермаркетами
• Сайт интегрирован с 7 внешними системами: 1С, «ERP Домино», Mindbox, RetailCRM, AnyQuery, «Дисконтная система», «Онлайн-кассы».

В результате внедрений и оптимизации работы сайта рост канала онлайн-бронирования вырос более чем в 2 раза в 2018 году. В следующем году «Ароматный мир» планирует удвоить этот показатель.