UVI — ювелирная компания, построившая продажи вокруг формата телемагазина. Основной сценарий взаимодействия с аудиторией — прямые эфиры, во время которых зрители выбирают украшения и оформляют заказы.
Задача
Формат телемагазина был хорошо знаком и привычен аудитории UVI, однако изменение пользовательского поведения и рост мобильного трафика потребовали его адаптации под мобильный канал.
На момент старта проекта у компании уже существовало мобильное приложение на базе WebView, но такое решение не позволяло:
- обеспечить качественный пользовательский опыт;
- полноценно развивать и поддерживать продукт;
- гибко работать с аналитикой, маркетингом и персонализацией.
Было принято решение разработать мобильное приложение с нуля. Ключевая техническая задача — выстроить стабильное и предсказуемое взаимодействие мобильного приложения с бэкендом заказчика. Приложение задумывалось как «тонкий клиент», в котором вся ключевая бизнес-логика — оформление заказов, пользовательские сценарии телемагазина, работа с данными — реализована на стороне сервера.
Решение
Команда разработала кроссплатформенное мобильное приложение, полностью переосмыслив существующий WebView-подход, но сохранив привычный для аудитории сценарий телемагазина.
Особое внимание было уделено:
- корректному проектированию и описанию API;
- стабильности обмена данными между мобильным приложением и сервером;
- предсказуемому поведению приложения в ключевых пользовательских сценариях.
UI/UX-подход
Одной из ключевых задач было сохранить знакомый опыт покупки во время эфира и одновременно адаптировать его под мобильный формат.
В основе интерфейса лежали несколько принципов:
- Простота и понятность. Пользователь легко ориентируется в приложении, быстро находит украшения и оформляет заказ без лишних шагов. В интерфейсе наглядно отображается информация о программе лояльности — сколько осталось потратить до следующего уровня кешбэка.
- Следование фирменному стилю. Приложение полностью соответствует обновлённому брендбуку UVI: шрифты, цветовая палитра, иконки и визуальные акценты формируют цельный образ бренда во всех цифровых каналах.
- Сценарии телемагазина. В приложении реализована отдельная вкладка TV с постоянной трансляцией эфиров. Под видеопотоком отображаются карточки товаров, которые находятся в эфире или были представлены недавно. Пользователь может выбрать украшение прямо во время трансляции и сразу добавить его в корзину.
- Ориентация на мобильную аудиторию. Интерфейс адаптирован под скорость и привычки мобильного взаимодействия.
Работа над UI/UX велась совместно с командой UVI: ключевые сценарии тестировались, собиралась обратная связь, интерфейс корректировался по ходу проекта с учётом реальных пользовательских паттернов.
Технологии
Мобильное приложение разработано на Flutter, что позволило в сжатые сроки создать единый кроссплатформенный продукт для iOS и Android с общей кодовой базой, высокой производительностью и единым пользовательским опытом.
Отдельное внимание было уделено интеграциям с внешними сервисами:
- Mindbox — автоматизация маркетинга, персонализированные предложения и сегментация аудитории;
- AppMetrica — аналитика использования приложения, события и поведение пользователей;
- MyTracker — детальная аналитика маркетинговых каналов, конверсий и источников трафика;
- Yandex MapKit — карты и геолокация, отображение ближайших точек продаж и построение маршрутов.
В совокупности эти интеграции закрыли задачи аналитики, маркетинга и геолокации, позволив реализовать персонализированные пользовательские сценарии, корректно отслеживать эффективность каналов и принимать решения на основе данных.
Результат
Мобильное приложение UVI было успешно выпущено во всех ключевых сторах: App Store, Google Play, RuStore и AppGallery.
Для бизнеса:
- запуск полноценного мобильного канала в сжатые сроки и за умеренный бюджет;
- отказ от WebView-подхода в пользу производительного Flutter-приложения;
- перевод части клиентских коммуникаций из SMS в push-уведомления — более эффективный и управляемый канал;
- усиление мобильных продаж без разрушения привычной модели телемагазина.
Для пользователей:
- сохранён знакомый формат покупок во время эфиров;
- быстрый и интуитивный мобильный интерфейс;
- прозрачная программа лояльности;
- возможность выбирать и покупать украшения прямо во время трансляции.
Выставлено в номинациях:
— Лучшее приложение для ювелирного магазина / бренда