Мобильное приложение LOVE REPUBLIC: полноценный магазин в кармане покупательницы

Главное о кейсе

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

LOVE REPUBLIC разработали 2 приложения на кроссплатформенном фреймворке Flutter за 5 месяцев. На Flutter можно создать один код для разных IT-продуктов и управлять ими без переписывания кода. Это сэкономило 40% ресурсов разработки. Производительность приложения — 60–120 FPS. Оно работает без зависания и смотрится как модный журнал.

Благодаря инновационному подходу бренд увеличил количество установок приложения в сторах в 3 раза. Клиенты LOVE REPUBLIC высоко оценивают продукт: оценка в сторах поднялась с 3,5 до 4,8 баллов, доля покупок в приложении повысилась до 30%, конверсия в покупку увеличилась в 2 раза, на 55% увеличилось количество пользователей приложения.

Как проект изменил жизнь пользователей

До появления приложения покупательницы больше использовали для покупок веб-сайт компании, так как предыдущая версия приложения была медленной и неудобной. Например, приложение часто закрывалось в процессе оформления заказа, страницы загружались около 2 минут, в «Избранном» не отображались выбранные ранее товары, появлялись всплывающие уведомления об ошибке при поиске размера или цвета моделей. Из-за этого покупательницы ставили низкие оценки в сторах и не завершали покупки.

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

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

Благодаря интерфейсу в стиле модного журнала и быстрому ответу приложения покупательницы повысили оценки в сторах — с 3,5 до 4,8 баллов.

Бизнес-задача и ее решение

Основной задачей проекта стала разработка приложения для iOS и Android за 5 месяцев к Чёрной пятнице, чтобы увеличить конверсию в покупку в 2 раза в первый год работы приложения и развивать приложение дальше; привлечь больше пользователей в приложение и помочь им оформлять покупки за пару минут.
Для решения этой задачи LOVE REPUBLIC пригласили ИТ-компанию Surf. Мы разделили бизнес-задачи на 2 этапа: разработка и развитие.

1-й этап — разработка сразу двух кроссплатформенных приложений на Flutter и современный дизайн. Использование Flutter помогло улучшить не только скорость разработки, но и сделать само приложение быстрым (до 120 кадров в секунду). Для улучшения логики и дизайна мы дали рекомендации по интерфейсу приложения и предложили функциональность или расположение элементов с точки зрения простоты, минимализма и эффективности:

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

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

- Оформили каталог товаров так, чтобы пользователи могли масштабировать его.

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

- Оцифровали программу лояльности.

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

- Stories для просмотра новых моделей, подборок и новостей компании.

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

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

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

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

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

Крафт (мастерство), реализация, технические детали

За 2023–2024 годы LOVE REPUBLIC вместе с Surf сделали приложение, которое отвечает потребностям покупательниц. Вот за счёт чего это получилось:

- Добились высокой производительности от 60 до 120 кадров в секунду (FPS). В этом помог язык Flutter — Dart. Его производительная среда исполнения позволяет создавать сложные анимации и плавные переходы между экранами. Например, LOVE REPUBLIC разработали плагин video_player и добавили в приложение видеобаннеры на главной странице и видео в карточки товара. Теперь покупательница может быстро визуально представить, как товар будет смотреться на ней.

- Настроили DCM — инструмент для статического анализа языка Dart, на котором написан Flutter. Он помогает сохранить чистоту кода и предотвратить критические ошибки перед первым релизом. Это означает, что бренду не нужно тратить ресурсы на тестирование в дальнейшем.

- Разработали SDUI (server-driven user interface), чтобы контент-менеджеры и маркетологи компании быстро меняли блоки приложения для повышения продаж. Например, можно переставлять карточки товара или видеобаннеры на стороне бэкенда и в любой момент обновить внешний вид главной страницы без перезагрузки приложения в сторы.

- Автоматизировали полный цикл сборки для обеих платформ (Android/iOS) в Firebase/TestFlight/Google Developer Console.

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

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

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

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

- Добавили три системы аналитики в приложении Mindbox, AppMetrica, MyTracke с помощью отдельного плагина. Он автоматизирует интеграцию любого количества систем аналитики и помогает лучше анализировать поведение пользователя.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Мы глубоко погрузились в процессы заказчика со старта проекта — в бэкенд, веб, дизайн и аналитику. Регулярно встречаемся с внутренней командой LOVE REPUBLIC вне рабочих задач, чтобы лучше понимать нашего клиента: участвуем в корпоративах, тимбилдингах, проверяем, как приложение используется в магазинах. Создаём дружескую атмосферу без жёстких границ между нами и заказчиком.

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

Прочая информация о кейсе

Благодаря кроссплатформенной разработке на Flutter LOVE REPUBLIC получили приложение с производительностью 60–120 FPS и всеми необходимыми для e-commerce функциональностями, которое легко поддерживается и понятно пользователю.

Обновлённое приложение повысило конверсию в покупку, а количество установок в сторах увеличилось в 3 раза. Клиенты LOVE REPUBLIC высоко оценивают приложение — оценка поднялась с 3,5 до 4,8 баллов в среднем. Доля пользователей приложения выросла в 2 раза по сравнению с сайтом — теперь приложение используют 60% покупательниц.

Скриншоты

Комментарий заказчика

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