Мобильное приложение на Flutter для ювелирного бренда

Наше сотрудничество с UVI началось с аудита и редизайна интернет-магазина — у бренда вышел новый брендбук, и цифровые каналы требовали обновления. Уже в процессе проекта появилась вторая, более амбициозная задача: перезапустить мобильное приложение. На тот момент уже существовало мобильное приложение на базе WebView, однако такое решение не позволяло получить качественный с точки зрения UX продукт, развивать и поддерживать его. Было принято решение создавать приложение заново, но при этом были заданы две важные вводные — ограниченный бюджет и сжатые сроки.

Возможные подходы для старта мобильного приложения

Когда важно запуститься быстро и недорого проверить новый канал, количество путей реализации существенно сокращается. Один из наиболее очевидных вариантов — использование SaaS-решений или конструкторов мобильных приложений. Такой подход позволяет быстро выйти на рынок, но накладывает ряд принципиальных ограничений.

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

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

Наш подход к разработке мобильных приложений

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

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

Аналогичным образом мы подходим и к аналитике и функциональному наполнению. Вместо проектирования абстрактных to-be сценариев «под диктовку» мы опираемся на базовый набор функциональности, необходимый для продающего мобильного приложения и проверенный на практике: ключевые пользовательские сценарии, точки конверсии и метрики, влияющие на бизнес-результат.

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

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

Почему Flutter

В наших мобильных проектах мы уже давно отказались от нативной разработки как базового подхода. Для e-commerce-приложений она, как правило, нецелесообразна: два отдельных кодовых базиса, удвоенные затраты на разработку, поддержку и развитие, при этом без заметных преимуществ для конечного пользователя.

За последние годы кроссплатформенные фреймворки существенно эволюционировали. В e-commerce-сценариях разница с нативными приложениями практически не ощущается — ни по производительности, ни по энергопотреблению, ни по стабильности работы. Для типовых пользовательских сценариев — каталог, карточки товаров, корзина, оформление заказа, личный кабинет, пуш-уведомления — кроссплатформенные решения полностью закрывают потребности бизнеса.

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

Дополнительно для нас важно, что Flutter не создаёт технологической зависимости от конкретного исполнителя. При необходимости компания может развивать продукт с другой командой или постепенно формировать собственную in-house-экспертизу, опираясь на доступный рынок специалистов.

Дизайн и пользовательский опыт

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

В основе дизайна и пользовательского опыта лежали несколько принципов:

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

Следование фирменному стилю. В приложении был полностью реализован обновлённый брендбук UVI: шрифты, цветовая палитра, иконки и визуальные акценты соответствуют новому образу бренда и создают цельное восприятие цифровых каналов.

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

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

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

Разработка приложения на Flutter

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

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

Отдельное внимание было уделено интеграциям с внешними сервисами:

В совокупности эти интеграции закрыли задачи аналитики, маркетинга и геолокации, позволив реализовать персонализированные пользовательские сценарии, что уже является must have в екоммерс, а также корректно отслеживать эффективность каналов и принимать решения на основе данных.

Результаты проекта и ценность для бизнеса

Мобильное приложение UVI было успешно выпущено во всех ключевых сторах: App Store, Google Play, RuStore и AppGallery. Разработка приложения, без учёта времени на согласования и организационные процессы, заняла около 2,5 месяцев — что достаточно быстро для полноценного проекта мобильного приложения.

Для бизнеса это означало запуск полноценного мобильного решения за умеренный бюджет и в сжатые сроки. При этом решение было реализовано не на конструкторе или SaaS-платформе, а как самостоятельный продукт с собственной кодовой базой. Это даёт UVI свободу дальнейшего развития: приложение можно масштабировать, дорабатывать и развивать в любом направлении — без зависимости от вендоров, их роадмапов или конкретных команд.

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

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