Приложение LOVE REPUBLIC: fashion-бутик в телефоне с умным ИИ-поиском

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

LOVE REPUBLIC вместе с Surf создали и развивают мобильное приложение премиум-шопинга с 3D-образами, видеобаннерами, сториз и ИИ-поиском. Нейросеть показывает популярные стили и тренды сезона, чтобы покупательницы могли сразу положить актуальные вещи в корзину.

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

Два кроссплатформенных приложения (iOS и Android) на Flutter разработали за 5 месяцев, что сократило затраты на 40%. Производительность достигает 120 FPS: интерфейс работает плавно, без зависаний, и выглядит как модный журнал. При этом приложением легко управлять — менеджер компании может зайти и поменять позиции в каталоге или на главном экране, поставить новый экран загрузки или обновить коллекцию.

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

До 2022 года многие клиентки предпочитали заказывать через сайт: старая версия приложения была медленной и неудобной — оформление заказа занимало вдвое больше времени из-за зависания и ошибок.

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

Обновления 2024–2025 годов сделали процесс еще удобнее. Теперь не нужно заходить в каталог: на главной странице уже есть подборка новинок, а сториз в формате соцсетей позволяют сразу добавить понравившийся товар в корзину. Можно собрать образ для вечеринки или деловой встречи и оформить заказ в три шага. При этом скидка по карте лояльности применится автоматически. Всё это — за пару минут, пока покупательница стоит в пробке или планирует день за утренним кофе.

Умные уведомления сообщают о новинках и акциях, чтобы сразу заказать понравившуюся вещь и не упустить ее. Интерфейс в стиле модного журнала и мгновенный отклик сделали приложение комфортнее: рейтинг вырос с 3,5 до 4,8 баллов.

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

Перед командой Surf стоял амбициозный проект: за 5 месяцев разработать новое приложение для iOS и Android (к Чёрной пятнице), повысить конверсию в покупку, а затем непрерывно улучшать продукт. Параллельно требовалось привлечь максимум пользователей в приложение и сократить время оформления заказа до пары минут.

Для начала мы разработали MVP приложения — создали современное кроссплатформенное приложение на Flutter, проработали логику и дизайн. Flutter ускорил не только разработку, но и сам продукт — приложение получилось очень быстрым (до 120 FPS). Это заложило основу для внедрения в будущем высокотехнологичных фичей. Обновили интерфейс на основе дизайна LOVE REPUBLIC и предложили минималистичные решения, чтобы покупательницам было проще совершать покупки. В числе важных улучшений:

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

— Карточку товара спроектировали как «всё в одном»: на экране видны фото и видео, характеристики, доступные цвета и размеры, там же можно сразу выбрать нужные параметры и добавить товар в корзину.

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

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

— Программа лояльности оцифрована — больше никаких пластиковых карт, скидка по LOVE REPUBLIC ID применяется автоматически при покупке.

В 2022 году выпустили MVP и получили в первый час 300 заказов на главной распродаже года — Черной Пятнице. В 2023–2025 годах добавили новые фичи, чтобы повысить вовлеченность аудитории и конверсию в покупку:

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

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

— Центр уведомлений. Все пуш-уведомления (в том числе rich-push с фото товаров) собираются в отдельном разделе приложения, чтобы пользовательницы не пропустили важные новости и скидки.

— Mobile ID для входа. Добавили быстрый способ авторизации через SIM-карту: чтобы войти в аккаунт, достаточно подтверждения от мобильного оператора, без ввода смс-кодов.

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

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

— Upsell-офферы в корзине. На этапе оформления заказа появляются специальные предложения со скидкой — аналог «товаров у кассы» в офлайн-магазине, только в цифровом виде.

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

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

За 2023–2025 годы команда LOVE REPUBLIC вместе с Surf реализовали много технологических решений, чтобы приложение работало быстро и стабильно и им можно было легко управлять:

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

— Умный логгер ошибок + аналитика. Мы усилили систему отслеживания ошибок. Каждый сбой приложения автоматически фиксируется и отправляется в аналитику вместе с контекстными данными (в том числе ID сессии из AppMetrica). Параллельно интегрировали инструмент UserXPro, который собирает тепловые карты и видеозаписи каждой пользовательской сессии. В итоге, заметив ошибку, команда может сразу найти конкретного пользователя, просмотреть на видео его сессию и понять, что пошло не так. При обращении клиентки в поддержку теперь достаточно её номера телефона — разработчики по логам и записям быстро найдут и решат проблему, не перегружая пользовательницу вопросами.

— Высокая производительность 60–120 FPS. Язык Dart (фреймворк Flutter) работает как быстрая виртуальная машина, поэтому даже сложные анимации и плавные переходы работают без лагов. Команда разработала собственный плагин и благодаря ему добавила в приложение видеобаннеры на главной и видео в карточки товаров. Теперь покупательница сразу видит вещь в движении, представляя, как она смотрится на модели.

— Статический анализ кода (DCM). Для Flutter-кода подключили DCM — инструмент, который автоматически проверяет код перед сборкой. Это удерживает кодовую базу в чистоте и предотвращает критические ошибки до релиза, экономя ресурсы на ручном тестировании.

— Динамический UI с бэкенда (SDUI). Реализовали принцип server-driven UI: контент-менеджеры могут мгновенно менять наполнение экранов через административную панель. Без обновления приложения можно переставить местами карточки товаров, видео, баннеры, а также настроить оформление виджетов — фон, шрифт, расположение текста. Так команда быстро обновляет главный экран под акции или сезоны, управляет splash-экраном или каталогом прямо из бэкенда.

— Полная автоматизация сборок. Настроили CI/CD для мгновенной сборки и доставки обновлений: приложение автоматически собирается и выпускается для тестирования и продакшна через Firebase, TestFlight и Google Play Console. Это исключает человеческий фактор и ускоряет релизы.

— Легкий плагин карт вместо тяжелого. Для выбора адреса доставки и отображения магазинов на карте мы создали облегченный плагин Yandex MapKit Lite. Оригинальный SDK Яндекс.Карт был слишком громоздким и медленным, поэтому разработчики вырезали из него лишние компоненты. В итоге кастомный плагин занял меньше места в приложении и работает быстрее оригинального решения.

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

— Deep linking на AutoRoute. Интегрировали глубокие ссылки, чтобы по внешней рекламе пользователь попадал сразу на нужный экран приложения (например, сразу на страницу конкретного товара). Для этого использовали пакет навигации AutoRoute с генерацией кода маршрутов — он упростил настройку ссылок. Deep links повысили конверсию, ведь клиент видит именно тот товар, который заинтересовал его, без лишних шагов.

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

— Три системы аналитики сразу. С помощью отдельного плагина встроили в приложение системы аналитики Mindbox, AppMetrica и MyTracker. Это позволяет маркетологам и аналитикам получать комплексные данные о поведении пользователей без дополнительных трудозатрат — достаточно один раз подключить плагин, и вся нужная телеметрия собирается автоматически.

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

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

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

3. Управление техническим долгом. Мы внедрили системную работу с техдолгом, чтобы проект не «оброс» легаси. Весь долг учитывается в Jira, а на технических ретро мы регулярно ревьюим бэклог и планируем устранение проблемных мест. Предвидя возможные затруднения, мы ликвидируем техдолг на ранних стадиях, не дожидаясь, пока мелкие проблемы станут большим тормозом. В результате приложение остается чистым, его легко поддерживать и развивать любому специалисту.

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

Результаты

Обновленное приложение улучшило ключевые показатели: конверсия в покупку выросла в 2 раза, а число установок увеличилось втрое. Клиентки высоко оценили новый опыт — средний рейтинг приложения повысился с 3,5 до 4,8. Аудитория приложения стремительно расширяется: доля пользователей, совершающих покупки через приложение, теперь вдвое больше по сравнению с веб-сайтом — им пользуются около 60% покупательниц.

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

Компания планирует развивать сервис дальше: тестирует ИИ-поиск и планирует внедрение новых функциональностей.

Скриншоты

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

«Для нас было важно не просто выпустить мобильное приложение, а сделать его инструментом роста и привлечения новых клиентов. С Surf мы реализовали смелые идеи: внедрили ИИ-поиск и другие инновационные функции, которые превратили приложение в настоящий fashion-бутик в смартфоне. Сегодня мы продолжаем масштабировать продукт и видим, как он помогает удерживать аудиторию и повышать продажи. За 2023–2024 годы вместе с Surf мы собрали сильную команду — разработчиков, дизайнеров, аналитиков и тестировщиков, которые работают чётко в срок и стабильно выдают результат высокого уровня.»