Мобильное приложение LOVE REPUBLIC

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

Годы проекта: 2022. Продолжаем развивать проект и в 2024.
Технология: Flutter.
Виды работ: бизнес-аналитика, тестирование, кроссплатформенная разработка.

О клиенте

Melon Fashion Group (MFG) — российский fashion-ритейлер и производитель женской одежды. В группу компаний входят такие бренды, как ZARINA, Befree, LOVE REPUBLIC, sela и IDOL. Каждый бренд компания развивает для разной аудитории и подбирает отдельную продуктовую команду, которая разрабатывает концепцию и позиционирование бренда.

У LOVE REPUBLIC большие объёмы производства, поэтому компания устраивает тендеры и заказывает ткани у поставщиков из 10 регионов. Материалы поставляются на фабрику в Санкт-Петербурге. LOVE REPUBLIC перестроила её на базе бывшей советской фабрики. Здесь дизайнеры одежды разрабатывают новые модели и тестируют их, а затем передают в пошив. Отсюда компания поставляет одежду в магазины по всей России.

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

В 2022 году многие европейские компании, которые задавали тренды в моде, ушли из России. Группа компаний MFG увидела возможность занять лидерскую позицию в fashion-ритейле. Покупатели стали более требовательными к моделям, качеству и атмосфере магазинов, поэтому магазины LOVE REPUBLIC начали готовиться к обновлению.

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

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

Задача клиента

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

Его выкидывало из приложения.
Приходилось ждать загрузки страницы около 2 минут.
В «Избранном» не отображались выбранные ранее товары.
Появлялись всплывающие уведомления об ошибке при поиске размера или цвета моделей.

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

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

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

Отдел электронной коммерции искал команду разработчиков, тестировщиков и аналитиков, чтобы решить эти задачи.

Наша задача

Компания LOVE REPUBLIC обратилась к нам по рекомендации коллег из холдинга — мы уже работали с MFG на другом проекте. Бэкенд и дизайн приложения разработала внутренняя команда компании, а мы должны были:

Разработать фронтенд приложения на современных технологиях и улучшить интерфейс на основе готовой концепции дизайна компании.
Изучить отзывы покупателей и разработать под их запросы интуитивно понятные механики выбора моделей и оформления заказов.
Упростить и ускорить путь пользователя к покупке.
Уложиться в сжатые сроки — у нас было 5 месяцев до Чёрной Пятницы, к которой компании нужно было выпустить приложение.

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

Как мы решали задачи

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

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

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

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

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

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

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

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

Сделали редизайн приложения, чтобы усилить позиции бренда и увеличить продажи

LOVE REPUBLIC пришла к нам с готовым UI-kit для редизайна. С момента релиза первого приложения прошло уже 3 года. Пользователи ожидали увидеть в приложении привычные им функциональности и быстро совершать покупки, а не перезагружать приложение или заново искать товар. Поэтому бренд хотел не только сделать редизайн приложения, но и реализовать в нём новые возможности, которые помогли бы увеличить число продаж через этот канал.

Мы собрали команду из разработчиков и тестировщиков, чтобы разработать дизайн и само приложение на iOS и Android. Мы должны были завершить работу над проектом за 5 месяцев, так как компания хотела выпустить приложение точно к 11.11.22 — Чёрной пятнице — важной дате для e-commerce.

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

За 5 месяцев разработали MVP приложения с основными функциями, которые команда LOVE REPUBLIC одобрила и утвердила.

Сделали из главного экрана обложку глянцевого журнала, чтобы привлечь целевую аудиторию компании

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

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

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

Продумали флоу заказа, чтобы повысить конверсию в покупку

Разные пользователи взаимодействуют с приложением по-разному. Кому-то проще начать делать покупки в каталоге без авторизации, а кто-то сначала предпочитает зарегистрироваться. Мы продумали все возможные варианты поведения пользователей, чтобы предоставить каждому максимально удобную среду для покупок. В результате разработали простой путь пользователя, который не отвлечёт от главного и с каждым шагом будет помогать пользователю на пути к покупке.

Пользователь выбирает в каталоге понравившуюся вещь и добавляет её в корзину. Он также может перенести товар в «Избранное» или «Купить позже». Приложение подскажет, находится ли товар на складе, доступен только онлайн или доступен только для самовывоза. Также можно посмотреть наличие товара нужного размера в определённом городе.
После нажатия кнопки «Оформить заказ» возможны два варианта: неавторизованному пользователю система предложит зайти со своим логином, а новому — зарегистрироваться в пару шагов по номеру телефона.
Если у пользователя к указанному при авторизации номеру привязана карта магазина, то автоматически отобразится баланс карты лояльности LOVE CARD.
Так как у бренда большая сеть офлайн-магазинов, есть возможность забрать товар в том, где есть в наличии товар из заказа. Можно добавить несколько адресов, чтобы оформить заказ в другом городе.
На этапе оплаты можно выбрать варианты использования баллов: списать или копить дальше. Там же можно применить промокод — тогда сумма к оплате будет пересчитана. После этого пользователь попадает на страницу подтверждения и завершения оплаты.

Улучшили отображение каталога, чтобы пользователь не путался и совершал покупку быстрее

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

Содержание каталога — тоже важный атрибут современного e-commerce приложения. Так как LOVE REPUBLIC — крупный бренд с большим количеством товаров, мы помогли пользователям быстро ориентироваться в ассортименте.

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

«Умный поиск» и фильтр в каталоге приложения LOVE REPUBLIC

Усовершенствовали карточку товара, чтобы уменьшить количество возвратов

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

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

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

Предусмотрели «Избранное», чтобы пользователи возвращались в приложение

Раньше приложение не давало пользователям откладывать товары в «Избранное» и им приходилось заново искать их в каталоге. Теперь понравившийся товар можно отложить в «Избранное», при этом там отображается актуальная цена на изделие. Все данные о товарах приложение отображает из бэкенда, и благодаря этому пользователь может вспомнить о понравившемся товаре и заказать его в любой момент.

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

У LOVE REPUBLIC программа лояльности работает практически с момента открытия офлайн-магазинов. Клиент приходил в магазин и мог оформить карту лояльности после первой покупки. С запуском приложения нужно было реализовать такую возможность в мобильном виде и не потерять пользователей. Мы оцифровали программу и добавили её в приложение, и теперь можно получить виртуальную карту самостоятельно без помощи консультанта в магазине. Так бренд сохранил постоянных покупателей и приобрёл новых.

Для оформления LOVE CARD пользователь заполняет несложную анкету онлайн. Все данные хранятся в профиле пользователя. Чтобы воспользоваться накопленными баллами в офлайн-магазине, пользователь открывает приложение и показывает продавцу сгенерированный код.

Ускорили выход приложения на рынок с Flutter, чтобы сэкономить время и деньги

LOVE REPUBLIC было важно соблюсти сжатые сроки, но не потерять в качестве. Мы предложили разработать приложение на Flutter — кроссплатформе от Google. Она позволяет:

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

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

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

Изначально LOVE REPUBLIC планировала создать MVP приложения и лишь затем заняться полноценной разработкой. Благодаря современным решениям и пониманию потребностей бизнеса мы создали полноценное приложение на Flutter и выпустили его в сторы.

Результаты

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

У LOVE REPUBLIC появилось обновлённое приложение без критичных ошибок, которые были в прежней версии.
Выполнили бизнес-цели клиента — увеличили конверсию в покупку в 2 раза, а общую долю покупок через приложение до 30%.
Выпустили приложение к Чёрной пятнице и к 10 утра первого дня распродажи получили 300 заказов.
Сократили расходы на разработку на 40% за счёт кроссплатформы Flutter.

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