Разработка кроссплатформенного мобильного приложения на Flutter

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

Мы давно сотрудничаем с Novex.

В 2021 году мы перезапустили интернет-магазин заказчика с 1С-Битрикс на Symfony, что в два раза ускорило работу сайта и повысило конверсию заказов в три раза.

При этом по данным аналитики, более 60% клиентов Novex пользуются мобильной версией сайта. Чтобы облегчить их взаимодействие с магазином, повысить лояльность и вовлеченность пользователей, заказчик принял решение создать отдельное мобильное приложение.

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

Решение

Единый бэкенд для сайта и мобильного приложения

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

Для того, чтобы не разрабатывать несколько приложений (отдельно под iOS и Android), выбрали для работы Flutter.

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

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

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

Интеграция с Mindbox

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

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

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

Кроме того, Mindbox работает и с данными офлайн-покупок, поэтому все бонусные баллы со всех заказов в сети Novex всегда актуальны.

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

Возможности, которые даёт мобильное приложение покупателям

1. Выбор способа доставки

У сети Novex обширная сеть магазинов в нескольких городах, при этом:

• есть склады, с которых можно заказать доставку товаров;
• есть склады-магазины, из которых можно заказать доставку, оформить самовывоз или просто зайти по дороге домой.

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

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

2. Голосовой поиск

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

3. Поиск товара в магазине по штрих-коду

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

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

4. Бонусная карта и баллы

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

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

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

С приложением всё стало намного легче и удобнее!

5. Оценки и отзывы о товарах

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

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

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

На основании оценок и отзывов складывается рейтинг того или иного товара – это позволяет пользователю быстрее ориентироваться в каталоге при выборе из нескольких вариантов.

6. Уведомления от Novex

Пользователи нашего приложения могут настроить, какие уведомления от Novex они хотят получать и как: на email, через пуш-уведомления в приложении или SMS-оповещениями.

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