Ароса маркет
Продукты питания в розницу
arosa-market.ru
2020

Основной деятельностью компании АРОСА является оптовая поставка продуктов питания для более чем 4000 ресторанов, гостиниц, комбинатов питания и розничных магазинов России и стран СНГ. Также с недавнего времени продукты продаются напрямую потребителю через интернет.

На данный момент компания включает в себя три отделения: в Москве, Санкт-Петербурге и Сочи, и более 500 сотрудников в штате.

  • Разработка
  • Интеграция
  • Консалтинг
  • UI/UX
Задача

Запустить интернет-магазин и мобильное приложение за месяц

  1. 01

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

  2. 02

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

Решения

Выделенная команда с резервом

Организация оперативного взаимодействия со специалистами 1С

Оптимизация согласований дизайна

Беспрерывная работа

Технологии

  • 1C Битрикс D7 ORM
  • Laminas (ex Zend Expressive)
  • ReactJS
  • Vue
  • React Native
  • Codeception
  • Docker

Успеть за месяц

График запуска проектаГрафик запуска проекта
  1. 01

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

  2. 02

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

  3. 03

    Это помогло нам при разработке дизайна блоков с товарами, а также при разработке логики работы с некоторыми типами товаров. Но самым важным фактором стала возможность работать над интеграцией с 1С параллельно с разработкой сайта.

Проект АРОСА МАРКЕТ стал для меня своеобразным вызовом. Организация работы разных людей над одним проектом, включая команды заказчика и сторонних компаний, всегда сложна. Нам нельзя было допустить накладок и требовалось обеспечить бесшовность процесса разработки. Благодаря высокой квалификации всех участников процесса всё получилось.

Александр Медведев
Александр Медведев
Руководитель проекта

Удобнее, чем ходить в магазин

Одним из факторов выбора в пользу покупки продуктов онлайн является удобный, продуманный интерфейс, который начинается с работы наших UI/UX специалистов.

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

Каталог

Каталог Arosa Market
Мобильный каталог
Фильтр и навигация
Удобный фильтр и навигация по каталогу
Карточка списка товаров
Кратность отгрузки при увеличении количества товара
Остаток товара
Остаток товара на миникарточке
Уведомление о поступлении
Уведомление о поступлении в продажу

Карточка товара

Карточка товара
Мобильная карточка
Пищевая ценность
Показали пищевую ценность и состав продукта по БЖУ
Блок доставки
Ближайшая доставка
Блок ближайшей доставки показывает ближайшее время доставки товара

Корзина и оформление заказа

Корзина
Мобильная корзина
Стоимость доставки
При оформлении наглядно показали стоимость доставки в разные зоны
Оформление заказа
Магазин реализован с использованием платформы 1С-Битрикс, однако основная логика разрабатывалась на фреймворке Laminas (Zend Expressive). Это обеспечивает гибкость и скорость работы, при этом управлять скидками, промокодами, службами доставки, способами оплаты и динамическими контентными блоками можно в знакомой административной панели.

Сервисное приложение АРОСА-Курьер

Приложение АРОСА-Курьер
  1. 01

    Мы разработали API для мобильного приложения «Курьер», обменивающегося с сайтом информацией о пользователях и заказах. Подробная спецификация была описана в Open API, что дало возможность быстро просматривать и проверять работоспособность методов.

  2. 02

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

Экран заказаСостав заказаОплата картой
Схема работы курьерского приложения

Развитие без потерь

Дизайн-система

Для стандартизации UI и логики работы была создана дизайн-система. Все элементы сайта собраны в одной библиотеке, и изменения применяются ко всем ранее разработанным макетам. Это упрощает включение в работу нового дизайнера и помогает команде работать быстрее.

Инфраструктура

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

Мы минимизируем вероятность возникновения проблем, выстраивая оптимальную инфраструктуру для развития: используем Docker-контейнеры, настраиваем CI/CD и делаем подключение новых разработчиков к проекту быстрым и предсказуемым.

Результаты
  1. 01

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

  2. 02

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

  3. 03

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

Комментарий клиента

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

Виктор Кудрявцев
Виктор Кудрявцев
Руководитель проекта
Посетить сайт

Другие кейсы

Давайте обсудим ваш проект

ВАМ ОТВЕТИТ:
  • Николай Резун - Генеральный директор
    Николай Резун
    Генеральный директор

Отправляя заявку вы соглашаетесь на обработку персональных данных

Мы на Workspace