Сайт и приложение для сети супермаркетов SAS

sas.am Супермаркеты сети SAS стабильно входят в топ-3 крупнейших и самых популярных розничных сетей Армении наряду с сетями «Ереван Сити» и «Нор Зовк». На сайте и в приложении — 30 тысяч товаров, готовая еда собственного фуд-корта, торты SAS Sweet и цветы с доставкой.

Проект включал

Аналитика и проектирование
UX/UI-дизайн сайта и приложения
Frontend и backend
Интеграции с 1С и сервисами
Тестирование и поддержка

Команда

Project-менеджер
Бизнес-аналитик
Дизайнеры
Frontend-разработчики
Backend-разработчики
Тестировщики

Заказов

около 1 млн в год

Магазин работает

с 2009 года

Задача: развивать и удерживать лидерство онлайн-супермаркета в регионе — чтобы покупатель за минуты собирал заказ, а бизнес уверенно обрабатывал пиковые потоки через операторов, сборщиков и водителей.

Две витрины с одной корзиной

У SAS два магазина в одном: продукты и готовая еда собственного фуд-корта. Логотипы в шапке переключают витрину и фирменный цвет, а адрес, корзина и оплата остаются общими.

Синий — Supermarket, зелёный — Food Court. Блюда фуд-корта собирает другой склад, поэтому при их добавлении сайт предупреждает об этом и пересчитывает корзину, а не теряет её.

30 000 товаров по полочкам

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

Для тех, кто читает состав, есть отдельные витрины: без глютена, без лактозы, без сахара, органика. Рядом — собственная марка SAS Product и «минимаркеты» брендов внутри магазина.

Умный поиск на трёх языках

Одно и то же слово в Армении пишут кириллицей, латиницей и по-армянски. Поиск находит кофе по запросу kofe и сразу раскладывает выдачу по категориям с количеством товаров.

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

Бренд, цена, страна в пару касаний

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

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

Сыр по 300 граммов — и сразу нарезанный

В продуктовом многое продаётся на вес: сыр, мясо, овощи. Цена показана и за килограмм, и за выбранный вес, шаг меняется прямо в карточке, а галочка «Нарезать» уходит сборщику вместе с заказом.

Остаток считается по складу, закреплённому за адресом покупателя: человек видит то, что ему действительно привезут. Под кнопкой — сколько вернётся на ClubCard с этой покупки.

Из рецепта сразу в корзину

Рецепты работают как готовый продуктовый набор: у блюда есть цена, время и сложность. Кнопка «Добавить в корзину» кладёт все ингредиенты разом — для пасты со шпинатом это девять позиций.

Если какого-то продукта на складе меньше, чем нужно, количество подстроится под остаток, а не сломает заказ. Покупатель приходит за идеей ужина, а уходит с готовой корзиной.

Ещё 2 000 драм — и доставка за 700

Шкала сверху показывает, сколько осталось добрать до дешёвой доставки: до 5 000 драм доставка по Еревану стоит 1 500, дальше — 700 или 900 в зависимости от расстояния до склада.

К каждому товару можно оставить комментарий. У блюд фуд-корта виден состав, у весовых — отметка «Нарезать». Пакет добавляется в заказ автоматически.

Ближайший склад и точное время

Адрес выбирают на карте или из сохранённых. От него зависят склад, остатки и время доставки: «как можно скорее» или конкретный 10-минутный слот — на сегодня и на следующие дни.

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

Платят так, как привыкли в Армении

ArCa, Idram, Telcell, FastShift, Apple Pay и банковские карты — все популярные способы в одном списке. Оплатить онлайн можно сразу, как магазин примет заказ.

Для Telcell достаточно номера телефона, сохранённую карту можно выбрать в одно касание, а экраны «Заказ принят и ожидает оплаты» и «Спасибо за покупку» не дают потеряться между шагами.

Четыре шага до двери

Каждый заказ в «Моих заказах» — это шкала из четырёх шагов: принят, собирается, в пути, доставлен. Отмена подсвечивается красным, а неоплаченный заказ получает отдельный статус с кнопкой «Оплатить».

Внутри заказа — состав, детали доставки, набор одноразовой посуды для блюд фуд-корта и сохранённые карты. Вкладки «Активные», «Завершённые» и «Отменённые» раскладывают историю по полкам.

Забытая корзина напомнит о себе

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

Связь, язык и курс — прямо в шапке

Под адресом доставки — ряд компактных кнопок: позвонить в магазин, сменить язык и валюту, включить тёмную тему или проверить курс. Каждая раскрывается шторкой поверх экрана, и покупатель не уходит из каталога.

Номера колл-центра и мессенджеры доступны из любого раздела — страницу контактов искать не нужно. Язык и валюта выбираются в одном списке, а во вкладке Exchange — калькулятор и курсы покупки и продажи 10 валют, они обновляются каждый день.

Тёмная тема в синем и зелёном

Тёмная тема перекрашивает всё приложение — от каталога до оформления заказа. Акцентный цвет зависит от магазина: в Supermarket кнопки синие, в Food Court — зелёные.

Переключатель Light / Dark стоит прямо в шапке, рядом с выбором валюты. Режим можно сменить в любой момент — корзина, адрес и выбранный магазин сохраняются.

Под витриной — 1С, склады и курьеры

Сайт и приложение работают на одном ядре 1С-Битрикс и обмениваются данными с 1С: каталог, цены, остатки по складам и бонусные карты. Заказ сам уходит в учёт и логистику.

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

Что в итоге

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