Антей — обновление сайта сервиса доставки в Краснодаре

1. Вводная задача от заказчика, проблематика, цели

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

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

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

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

— сценарии поиска и фильтрации заведений и продуктов;

— сценарии оформления заказа;

— логику промокодов, акций и баллов для стимулирования дополнительных покупок;

— логику работы менеджеров в существующей административной панели;

— логику работы партнёров со своими заведениями в рамках службы доставки Антей;

— сценарии использования приложения (взаимное дополнение приложения и сайта).

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

Сайт работает на технологии одностраничного приложения (single-page application, SPA) на библиотеке React. Особенность этого решения в том, что для поисковых роботов все страницы были одной страницей, и не все роботы понимают скрипты. Поэтому часть сайта могла просто выпадать с поисковых радаров Google, Яндекса и их аналогов.

Мы применили технологии генерации страниц на сервере (server-side rendering, SSR) и статичной генерации страниц (static site generator, SSG). С их помощью взаимодействие с поисковыми роботами происходит через дополнительный сервер на стороне фронта, который сообщает поисковикам содержимое и количество страниц на сайте. Технология SSG нужна для того, чтобы пользователь и поисковый робот видел заранее сгенерированный контент, а не ждал ответ от сервера. SSG реализуется в рамках SSR и позволяет сократить скорость отдачи страниц с нескольких секунд до миллисекунд.

3. Результаты сотрудничества

Индекс качества сайта (ИКС) вырос на 34,78%

Больше 70% людей заходят на сайт с мобильных устройств

Конверсия посетителей сайта в пользователей приложения составляет 41,97%