LOVE REPUBLIC: Приложение для fashion-бренда увеличило конверсию в покупку в 2 раза

LOVE REPUBLIC — lifestyle-бренд женской одежды и аксессуаров. У компании 167 магазинов в 4 странах. С 2009 года LOVE REPUBLIC задаёт тренды моды в России. С 2022 года помогает покупательницам делать шопинг быстрым через мобильное приложение. В нём есть все удобные возможности для покупательниц: масштабируемый каталог одежды, обуви и аксессуаров; карточки с видео для детального просмотра товара в каталоге; видеобаннеры и сториз на главной странице приложения для перехода к специальным коллекциям; персональные рекомендации на основе предыдущих просмотров и покупок; оформление карты лояльности; добавление товара в избранное или в раздел для отложенной покупки; встроенный плагин Яндекс Карт для выбора адреса доставки или самовывоза из магазина; upsale-скидки при оформлении заказа на самые востребованные товары.

В 2022 году приложение LOVE REPUBLIC не соответствовало новой концепции бренда компании. Пользователи просили улучшить приложение, чтобы оно стало настоящим магазином в кармане и они могли легко заказывать любимую одежду. До ребрендинга и обновления приложения пользователь не всегда мог найти нужный товар в каталоге или завершить покупку.

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

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

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

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

Для решения этой задачи LOVE REPUBLIC пригласили ИТ-компанию Surf.

За полгода команда Surf разработала обновлённое приложение для LOVE REPUBLIC и достигла основных целей проекта:

- Сделали редизайн приложения на основе разработанного LOVE REPUBLIC UI kit, чтобы усилить позиции бренда и увеличить продажи.

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

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

- Провели анализ рынка, чтобы привлечь больше покупателей и проработали пользовательские сценарии, чтобы ничто не отвлекало покупателей от процесса шопинга.

- Запустили новую версию приложения на iOS и Android в сжатые сроки с использованием кроссплатформенного фреймворка Flutter, с помощью которого сэкономили время на разработку и бюджет до 40%.

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

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

Во время исследования отметили, что основной тренд в fashion-среде в 2022 году — контент и визуал приложения. Фотографы и стилисты изначально выставляют кадр и модель так, чтобы изделие выглядело органично в мобайле, а покупатель мог реалистично оценить, как одежда будет сидеть на нём. Это помогло клиенту создать контент для покупательниц.

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

— Оформили главный экран без визуально тяжёлых и долго грузящихся элементов.

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

— Улучшили этап оформления заказа, чтобы пользователь видел наличие товара в разных магазинах. Теперь пользователь оформляет заказ за 3 шага.

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

Разработали сразу 2 кроссплатформенных приложения на iOS и Android с помощью Flutter. Технология позволяет:

— Сэкономить до 40% времени и денег на разработке. Это возможно благодаря созданию единой кодовой базы, которая в дальнейшем «раскатывается» сразу на двух платформах — iOS и Android.

— Сократить Time-to-Market приложения. Flutter помогает вывести приложения на рынок в 2 раза быстрее нативных за счет быстрой проверки работы приложения и соответствия его стандартам со стороны AppStore и Google Play. Это значит, что пользователи смогут быстрее познакомиться с продуктом, а бизнес — быстрее начнёт получать и увеличивать прибыль.

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

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

1. Создали и внедрили в приложения облегчённый плагин Яндекс Карт yandex_mapkit_lite. Он помогает легко добавлять адрес доставки или показывает магазин на карте. 

Оригинальный плагин Яндекс Карт больше весит и дольше откликается на действия пользователя. Мы убрали из оригинала ненужные компоненты и благодаря этому добавили меньше веса в сборку. Теперь карты работают в телефоне пользователя быстрее, чем с оригинальным решением. Это уменьшает время пользователя на оформление заказа в приложении.

2. Внедрили сканер штрих-, QR- и Datamatrix-кодов. Разработали собственный плагин mobile_scanner и благодаря лёгкой адаптации Flutter реализовали сканирование в приложении в несколько раз быстрее, чем при нативной разработке.

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

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

4. Интегрировали deep linking — переходы с внешних ресурсов не просто в приложение, а на конкретный товар. 

Это работает так: пользователь видит рекламу, заходит по ссылке и сразу видит все характеристики модели. Такая механика упрощает навигацию в приложении, а при размещении рекламы в интернете повышает конверсию в покупку. 

Мы обеспечили безопасность таких ссылок с помощью связи приложений с официальным сайтом LOVE REPUBLIC. В разработке мы использовали AutoRoute — навигационный пакет Flutter, который позволяет легко создавать deep linking и использует генерацию кода для упрощения настройки маршрутов.

5. Внедрили push-уведомления и rich-push от Mindbox. Благодаря им приложение напоминает пользователю о незавершённом заказе или об этапах доставки. Помимо этого, оно присылает рассылки с новыми товарами или персональной подборкой.

6. Добавили три системы аналитики в приложении Mindbox, AppMetrica, MyTracke с помощью плагина https://pub.dev/packages/analytics. Он автоматизирует интеграцию любого количества систем аналитики. Например, мы видим, что пользователь посмотрел конкретный товар. Разработанный нами плагин отмечает эту информацию и отправляет ее во все системы аналитики.  Это позволяет фиксировать поведение пользователя сразу в трёх системах без ручной работы.

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

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

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

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

— Upsell в корзине. Когда остаётся только оформить заказ, покупательница получает «горящие» предложения со скидками по аналогии с товарами на кассе в магазинах.

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

За 5 месяцев мы разработали обновлённое приложение для LOVE REPUBLIC. Проект успел выйти в релиз к Чёрной пятнице, одной из самых масштабных распродаж в году. Благодаря этому выросло число онлайн-заказов — за первые 3 часа распродажи получили 300 заказов. За 2023-2024 годы компания вместе с Surf продолжили развивать приложения и получили следующие результаты:

- Разработали приложение без критичных ошибок, которые были в прежней версии с высокой производительностью до 120 FPS.

- Увеличили конверсию в покупку в 2 раза, общую долю покупок через приложение до 30%, количество уникальных пользователей — на 27%.

- Количество скачиваний приложения превысило 20 тысяч к концу 2023 года.

- Сократили расходы на разработку на 40% за счёт кроссплатформы Flutter.

В 2024 году приложение LOVE REPUBLIC заняло 1-е место в номинации «Торговля и доставка» на премии в области кроссплатформенной разработки CrossConf Awards.

LOVE REPUBLIC стали бронзовым призёром на Tagline Awards 2024 за лучшее ритейл-приложение.

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