LOVE REPUBLIC: сделали стильное приложение с онлайн-примеркой и подняли продажи в 2 раза
ЗаказчикMelon Fashion Group (MFG) — российский fashion-ритейлер и производитель женской одежды. LOVE REPUBLIC — один из крупнейших брендов группы: 156 магазинов в 4 странах.ЗадачаОбновить мобильное приложение LOVE REPUBLIC, чтобы оно соответствовало новой концепции бренда, повысило лояльность клиентов и стало настоящим магазином в телефоне покупательницы.
— Годы проекта: 2022. Продолжаем развивать проект и в 2024
— Технология: Flutter.
— Виды работ: бизнес-аналитика, тестирование, кроссплатформенная разработка.
О клиенте
Melon Fashion Group (MFG) — российский fashion-ритейлер и производитель женской одежды. В группу компаний входят такие бренды, как ZARINA, Befree, LOVE REPUBLIC, sela и IDOL. Каждый бренд компания развивает для разной аудитории и подбирает отдельную продуктовую команду, которая разрабатывает концепцию и позиционирование бренда.
У LOVE REPUBLIC большие объёмы производства, поэтому компания устраивает тендеры и заказывает ткани у поставщиков из 10 регионов. Материалы поставляются на фабрику в Санкт-Петербурге. LOVE REPUBLIC перестроила её на базе бывшей советской фабрики. Здесь дизайнеры одежды разрабатывают новые модели и тестируют их, а затем передают в пошив. Отсюда компания поставляет одежду в магазины по всей России.
Компания открывает часть магазинов сама, но также продает франшизу — помогает предпринимателям открывать и развивать магазины, поддерживает стандарты сети, составляет бизнес-план развития магазина, выбирает помещение и реализует его архитектуру, организовывает поставки и нанимает персонал. Помимо этого, LOVE REPUBLIC развивает цифровые каналы продаж — покупатели заказывают одежду на сайте или в приложении.
В 2022 году многие европейские компании, которые задавали тренды в моде, ушли из России. Группа компаний FMG увидела возможность занять лидерскую позицию в fashion-ритейле. Покупатели стали более требовательными к моделям, качеству и атмосфере магазинов, поэтому магазины LOVE REPUBLIC начали готовиться к обновлению.
Компания разработала новый дизайн бренда и магазинов, сделав упор на простор и диджитализацию пространства, чтобы покупатели воспринимали поход в магазин как приятное путешествие. Например, организовала примерочные с новыми принципами освещения: каждая кабина освещена так, чтобы покупательница ощущала себя легко и могла расслабиться во время примерки, а трёхсторонние зеркала дают полностью рассмотреть посадку модели на себе.
Магазины до и после ребрендинга
В 2022 году компания решила перенести концепцию воздушности и пространства в мобильное приложение, которое должно отражать все модные веяния и по сути быть магазином в телефоне девушки.
Задача клиента
В 2022 году приложение LOVE REPUBLIC не соответствовало новой концепции бренда компании: оно было устаревшим и медленным. Пользователи оставляли негативные отзывы в сторах и просили улучшить приложение, чтобы оно стало магазином в кармане и они могли легко заказывать любимую одежду. До ребрендинга и обновления приложения пользователь не всегда мог найти нужный товар в каталоге или завершить покупку:
— Его выкидывало из приложения.
— Приходилось ждать загрузки страницы около 2 минут.
— В «Избранном» не отображались выбранные ранее товары.
— Появлялись всплывающие уведомления об ошибке при поиске размера или цвета моделей.
За развитие мобильного приложения, сайта и улучшение пользовательского опыта отвечает отдел электронной коммерции LOVE REPUBLIC. Руководитель отдела постоянно отслеживает настроение аудитории, изучает её и разрабатывает стратегию по продвижению и улучшению цифровых продуктов и коммуникации с покупателями.
Старое приложение использовало темные цвета, а новое создаёт ощущение пространства, как магазин в кармане
Отдел электронной коммерции сформировал новую концепцию приложению и учёл жалобы пользователей. Концепция включала редизайн экранов приложения и внедрение новых механик. Это помогло бы достичь основных целей LOVE REPUBLIC:
— Разработать приложение за 5 месяцев к Чёрной пятнице, чтобы к концу года увеличить конверсию в покупку в 2 раза.
— Создать приложение на основе современных технологий, чтобы оно не тормозило и его было легко поддерживать.
— Перевести аудиторию в мобильное приложение и повысить лояльность пользователей.
Отдел электронной коммерции искал команду разработчиков, тестировщиков и аналитиков, чтобы решить эти задачи.
Задача Surf
Компания LOVE REPUBLIC обратилась к нам по рекомендации коллег из холдинга — мы уже работали с MFG на другом проекте. Бэкенд и дизайн приложения разработала внутренняя команда компании, а мы должны были:
— Разработать фронтенд приложения на современных технологиях и улучшить интерфейс на основе готовой концепции дизайна компании.
— Изучить отзывы покупателей и разработать под их запросы интуитивно понятные механики выбора моделей и оформления заказов.
— Упростить и ускорить путь пользователя к покупке.
— Уложиться в сжатые сроки — у нас было 5 месяцев до Чёрной Пятницы, к которой компании нужно было выпустить приложение.
Клиент пришёл к нам с уже готовыми задачами и не хотел повторения критических ошибок прошлого приложения. Мы подобрали команду специалистов и не только помогли решить задачи компании, но и поделились своей экспертизой по улучшению приложения. Например, собрали рекомендации, на основе которых компания могла бы поддерживать приложение без лишних трат и увеличить выручку.
Как мы решали задачи
Провели анализ рынка, чтобы привлечь больше покупателей
LOVE REPUBLIC взял курс на лаконичность и пространство в дизайне: в коллекциях появились более спокойные природные оттенки, а оформление офлайн-магазинов сменилось на сдержанный минимализм в скандинавском духе. Эту же атмосферу компания решила перенести и в приложение.
Мы проанализировали работу приложения с учётом нового дизайна, исследовали отзывы покупателей и проблемы при заказах и переосмыслили логику приложения.
Во время исследования мы отметили, что основной тренд в fashion-среде в 2022 году — контент и визуал приложения. Фотографы и стилисты изначально выставляют кадр и модель так, чтобы изделие выглядело органично в мобайле, а покупатель мог реалистично оценить, как одежда будет сидеть на нём. Это помогло клиенту создать контент для покупательниц.
На основе результатов исследования мы дали рекомендации по интерфейсу приложения и предложили функциональность или расположение элементов с точки зрения простоты, минимализма и эффективности:
— Оформили главный экран без визуально тяжёлых и долго грузящихся элементов.
— Оформили карточку товара так, чтобы пользователь мог изучить все характеристики изделия на одном экране, выбрать цвет, размер и оформить заказ.
— Улучшили этап оформления заказа, чтобы пользователь видел наличие товара в разных магазинах.
— Добавили возможность видеть карту программы лояльности, добавления подарочных сертификатов или их покупку в приложении.
Рекомендации в UI-дизайне приложения
Сделали редизайн приложения, чтобы усилить позиции бренда и увеличить продажи
LOVE REPUBLIC пришли к нам с готовым UI-kit для редизайна. С момента релиза первого приложения прошло уже 3 года. Пользователи ожидали увидеть в приложении привычные им функциональности и быстро совершать покупки, а не перезагружать приложение или заново искать товар. Поэтому бренд хотел не только сделать редизайн приложения, но и реализовать в нём новые возможности, которые помогли бы увеличить число продаж через этот канал.
Мы собрали команду из разработчиков и тестировщиков, чтобы разработать дизайн и само приложение на iOS и Android. Мы должны были завершить работу над проектом за 5 месяцев, так как компания хотела выпустить приложение точно к 11.11.22 — Чёрной пятнице — важной дате для e-commerce.
Мы собрали прототипы экранов приложения, показали разные версии пути пользователя и предложили улучшения, которые визуально выделяют приложение, например, видео в карточке товара или в каталоге.
Добавили видео в карточку товара, чтобы покупательница увидела, как на модели сидит одежда
За 5 месяцев разработали MVP приложения с основными функциями, которые команда LOVE REPUBLIC одобрила и утвердила.
Сделали из главного экрана обложку глянцевого журнала, чтобы привлечь целевую аудиторию компании
Главный экран приложения модного бренда — это его лицо. Здесь играют роль даже самые незначительные детали: форма изделий, цвет, расположение модели в кадре и шрифты. Работая по UI Kit, составленному командой LOVE REPUBLIC, мы постарались передать позиционирование бренда и на главной странице приложения.
Страница загрузки приложения показывает целевую аудиторию и располагает к себе покупательниц
У команды LOVE REPUBLIC была потребность в том, чтобы контент-менеджеры и маркетологи могли сами быстро менять блоки в том порядке, который отвечает текущим бизнес-целям. Поэтому мы добавили возможность менять и переставлять визуальные компоненты приложения, например, фото и видео, на стороне бэкенда. Это значит, что можно обновлять внешний вид главной страницы без перезагрузки приложения в сторы.
При этом мы встроились в современные тенденции благодаря добавлению видеоэлементов. Это важный тренд в ритейле, который помогает увеличивать конверсию в покупку через карточку товара. Теперь на главном экране можно разместить кликабельные видеобаннеры, которые ведут на выбранные коллекции.
Видеобаннеры позволяют перейти к просмотру новых коллекций
Продумали флоу заказа, чтобы повысить конверсию в покупку
Разные пользователи взаимодействуют с приложением по-разному. Кому-то проще начать делать покупки в каталоге без авторизации, а кто-то сначала предпочитает зарегистрироваться. Мы продумали все возможные варианты поведения пользователей, чтобы предоставить каждому максимально удобную среду для покупок. В результате разработали простой путь пользователя, который не отвлечёт от главного и с каждым шагом будет помогать пользователю на пути к покупке.
1. Пользователь выбирает в каталоге понравившуюся вещь и добавляет её в корзину. Он также может перенести товар в «Избранное» или «Купить позже». Приложение подскажет, находится ли товар на складе, доступен только онлайн или доступен только для самовывоза. Также можно посмотреть наличие товара нужного размера в определённом городе.
2. После нажатия кнопки «Оформить заказ» возможны два варианта: неавторизованному пользователю система предложит зайти со своим логином, а новому — зарегистрироваться в пару шагов по номеру телефона.
3. Если у пользователя к указанному при авторизации номеру привязана карта магазина, то автоматически отобразится баланс карты лояльности LOVE CARD.
4. Так как у бренда большая сеть офлайн-магазинов, есть возможность забрать товар в том, где есть в наличии товар из заказа. Можно добавить несколько адресов, чтобы оформить заказ в другом городе.
Доставка в приложении
5. На этапе оплаты можно выбрать варианты использования баллов: списать или копить дальше. Там же можно применить промокод — тогда сумма к оплате будет пересчитана. После этого пользователь попадает на страницу подтверждения и завершения оплаты.
Улучшили отображение каталога, чтобы пользователь не путался и совершал покупку быстрее
Вид каталога можно настроить на своё усмотрение. Кому-то больше нравится просматривать все изделия в виде плитки, а кто-то больше любит детально рассмотреть каждый образ. Для изменения вида превью нужно передвинуть верхний бегунок и выбрать понравившийся вид каталога.
В каталоге приложения просмотр настраивается так, как удобно пользователю, с помощью бегунка
Содержание каталога — тоже важный атрибут современного 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. Все конструктивные пожелания мы включаем в бэклог развития проекта и планируем долгосрочное сотрудничество с компанией.
Перейти на сайт
Полный текст статьи читайте на CMS Magazine
