Перекресток
Яркий и узнаваемый в Могилеве бренд «ПерекрестОК» открыл свои магазины в Минске. Вместе с открытием большого гипермаркета в Минске компания решила полностью обновить свой интернет-магазин и мобильное приложение.
01
Название кейса: Торговая сеть Перекресток: разработка интернет-магазина доставки
Тематика: ретейл, доставка продуктов
Сайт проекта: p24.by
Тематика: ретейл, доставка продуктов
Сайт проекта: p24.by
Одной из основных проблем клиент видел интеграцию с товаро-учетной системой Формуляр, которая связана с кассовым оборудованием магазина. Второй сложностью, которая была поставлена перед нами — это разработка функционала зонирования доставок для различных складов, разработка интервалов и времени доставок. Также неудобство управления карточками товаров заключалось в том, что картинки товара находятся на облаке google сервисов, что создает дополнительную нагрузку на DevOps сотрудника магазина и контент-менеджеров.
Разработать абсолютно новый интернет-магазин на CMS Битрикс. Использовать только стандартные подходы в разработке крупных интернет магазинов. При разработке проекта нужно опираться на лучшие проекты в сфере фудтеха СНГ.
Сайт должен автоматически обновлять номенклатуру, цены, остатки на сайте в связке с товаро-учетной системой магазина. Корзина сайта должна иметь функционал резервирования добавленных товаров на 3 часа.
Вводная задача
02
ДИЗАЙН
Перекресток кардинально изменил подход к реализации своей продукции в онлайне.
Дизайн сайта должен быть максимально продуман, удобен, понятен и информативен.
Новый сайт должен был отразить желание компании завоевывать аудиторию в новых городах.
Сайт должен заменить собой офлайн консультанта непосредственно в магазине.
На основании первичного брифа от клиента мы собрали лучшее со всех рефов и попытались собрать это воедино. Работали с уже имеющимся бренд-буком заказчика. Сайт было решено сделать большим, ярким, понятным. Первые макеты были моментально согласованы и стало ясно, что мы попали. Попали в концепцию, которую видел у себя в голове Заказчик. Яркой особенностью и фичей сайт стала анимированная малая корзина, которую можно в любой момент свернуть.
Главная страница
03
Внутренние страницы
04
Вопрос-ответ
Акции и скидки
Вакансии
Новости
Доставка и оплата
Страница 404
Контакты
Статьи
Страница статьи
Страница новости
О сервисе
Проект мы сверстали довольно быстро. Отчасти, такая скорость верстки зависела от продуманного дизайна, который был одновременно лаконичен и функционален. Небольшие трудности доставила система переключения складов, которая должна быть удобна как для уже зарегистрированных пользователей, так и для первого покупателя.
Для удобства использования помимо десктопной версии сайта были разработаны адаптивы для мобильных устройств.
05
Адаптивные страницы
Меню
06
Мы использовали наше классическое продуманное меню, где пользователь видит сразу 3 уровня каталога и может быстро найти нужную категорию.
07
Каталог товаров содержит классный фильтр на AJAX, функционал тегированных ссылок, модуль управления баннерами.
К реализации каталога мы также подошли основательно, имея опыт разработки проектов Veska и Гиппо-маркет.
Карточка товара представлена в виде отдельной страницы и попап-окна, которое содержит весь функционал карточки.
Каталог
Карточка товара
Оформление заказа - основная задача любого интернет-магазина. Пользователю должно быть максимально удобно. Из таких мелочей и складывается впечатление о компании. У нас получилось спроектировать систему оформления заказа таким образом, чтобы она была удобна как для авторизованных пользователей, так и для неавторизованных, также как и для тех, кто уже заказывал на сайте либо кто делает заказ впервые.
Мы сделали одношаговое оформление заказа и предусмотрели:
- выбор способа доставки: мы разработали сложный модуль доставки с выводом зон покрытия;
- выбор даты и времени доставки;
- интерактивный прогресс-бар с расчетом суммы до бесплатной доставки;
- несколько способов оплаты;
- сопутствующие товары в корзине.
Способ получения заказа
Оформление заказа
Корзина
Спасибо-страница
08
Удобство оформления заказа
09
Страница заказа
На сайте реализован классический личный кабинет пользователя: профиль, адреса доставки, избранное, история заказов.
Личный кабинет
Избранные товары
История заказов
Интересная работа!
10
После того как каталог был наполнен и синхронизирован, мы взялись за функционал зон и интервалов доставки по складам. Был сложный процесс отладки, консультаций, подбора наиболее оптимального решения данной задачи. Однако задача была решена, иного варианта мы не видели.
На этапе наполнения каталога программисты были увлечены задачей, так как это было что-то новое. Не типовая система обновления номенклатуры, цен и остатков. Было интересно решать нетиповые задачи, привносить в проект Заказчика что-то свое. В этом клиент доверился нашей экспертности, что облегчило процесс согласования тех или иных подходов к решению поставленных задач.
Интеграции, без которых сайт не мог бы быть запущен:
- Интеграция с товаро-учетной системой Формуляр.
- Интеграция с БелТрансСпутник для передачи заказов в сервис доставки.
- Интеграция с системой комплектования заказа.
- Интеграция с мобильным приложением для интернет-магазина.
А еще мы сделали отдельный сервис «Зоны доставки»
Модуль управляет большим набором элементов, которые влияют на возможность заказать доставку в тот или иной район в режиме онлайн:
- загруженность комплектовщиков;
- загруженность водителей;
- лимит по заказам в час и др.
Сергей, team-lead проекта в момент сдачи задачи по поиску менеджеру Роману
Не поиск, а дыня!
Крутейший поиск на Elasticsearch
Поиск мы реализовали на основе своего поискового модуля на базе Elasticsearch. Это действительно очень быстрый функциональный поиск, который ищет что угодно, учитывает ошибки и свойства.
Результаты поиска
А ещё мы разработали крутое мобильное приложение!
Р24. Доставка — это современное мобильное приложение доставки, которое у вас всегда под рукой. Особенно удобным его делает то, что данные из вашего личного кабинета автоматически синхронизируются с сайтом, что максимально упрощает оформление заказа как в самом приложении, так и на сайте.
11
Итоговые результаты
6
5
4
Создан модуль управления лейблами
Наш модуль позволяет массово загружать необходимые лейблы на карточку товара, что позволяет легко управлять маркетинговыми акциями внутри компании.
Разработан функционал брендированных страниц
Странички бренда представляют собой карточки, на которых размещается информация о бренде для ознакомления пользователей и выводятся товары, которые связаны с этим брендом.
Теперь информация о каждой акции очевидна, понятна и доступна в любой момент времени. Карточка акции имеет свое описание, а также товары, привязанные к этой карточке, что позволяет ознакомиться с предложением и сразу же добавить данный товар в корзину.
Разработка страниц акций
3
2
1
Защита от лжепокупок
Сайт прост с точки зрения авторизации, что добавляет удобство для пользователя, но снижает степень защиты от недобросовестных покупателей, которые кладут товар в корзину и не забирают заказ. Это в свою очередь создает нагрузку на склад и блокирует товары к покупке для других пользователей. Такую проблему мы смогли решить при помощи функционала резервирования. Через три часа после добавления товара в корзину такой товар удаляется из нее и снова становится доступным к покупке для других пользователей.
Нам удалось сохранить и оптимизировать все процессы внутри компании
Процесс наполнения номенклатуры товаров, создание новых карточек и добавление их на сайт стали проще и понятнее. Добавление новых фич помогло расширить инструментарий для отдела маркетинга.
Сайт теперь автономен, процесс обновления каталога не зависит от администратора, работает в фоновом режиме и не требует ручного управления, хотя и имеет такую возможность.
Интеграция с УТ Формуляр
12
А еще сайт, как и все наши интернет-магазины, очень быстрый. Вы же знаете, что мы делаем самые быстрые сайты на 1С-Битрикс в СНГ? Как мы это делаем читайте здесь!
Запуск сайта для компании Перекресток 24 позволил ей выйти на новый уровень удобства сервисов доставки продуктов. Обилие функционала и настроек сайта позволяет Администраторам, контент-менеджерам и прочим заинтересованным лицам гибко настраивать свой интернет-магазин и применять современные подходы к маркетингу. Доработка сайта, а также его техническая поддержка продолжается и по сей день.