И они туда же: Wolt, Xiaomi, Whirlpool и Universal тоже перешли на кроссплатформу. Почему всё больше мировых гигантов переходят на Flutter

Недавно Flutter опубликовал новые истории крупных компаний, которые создали решения на этом фреймворке. Среди них гиганты Xiaomi, Wolt, Universal Studios и ещё шесть лидирующих в своих отраслях компаний.

Использование кроссплатформы позволило компаниям сэкономить на разработке 50% по сравнению с нативной. При этом часть из них — Universal Studios, Virgin Money, Supercell и Etermax — запускали приложение взамен имеющихся решений: у них уже были работающие приложения и команды разработки и поддержки. Значит, Flutter предлагал что-то большее, чем просто экономию денег в момент разработки. Их опыт полезно знать компаниям, которые хотят улучшить своё нынешнее решение, но чувствуют, что стоимость улучшений начинает зашкаливать.

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

Что за бизнес. Virgin Money — финансовый сервис из Великобритании, который позволяет проводить операции по счёту, оплачивать покупки по NFC, управлять финансами, оформлять рассрочку платежей.

Для чего создавали новое приложение. В 2019 году компания объединилась с Clydesdale Bank и Yorkshire Bank. До объединения банки развивали свои нативные приложения для iOS и Android. Virgin Money решил объединить все приложения банков под одной «крышей» и создать общее приложение, чтобы унифицировать клиентский опыт во всех услугах. При этом, компания хотела оптимизировать и ускорить процессы разработки, чтобы переход не занял слишком много времени.

Почему выбрали Flutter. Virgin Money ценил пользовательский опыт, поэтому хотел сделать интерфейс приложения удобным и привлекательным как на iOS, так и на Android. При проверке разных технологий компания увидела, что с Flutter решение не придётся разрабатывать для каждой платформы отдельно, а для пользователей приложение будет выглядеть как нативное.

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

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

Команда снизила число вариаций кода в сравнении с тем, как это было, когда для iOS и Android был отдельный код. Одну кодовую базу проще тестировать, что позволяет экономить на поддержке приложения.

Что за бизнес. Маркетплейс Compra Certa продаёт продукцию Whirlpool в Бразилии. Компания активно развивает онлайн-продажи — их сайт посещают 800 тысяч раз в месяц.

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

Почему выбрали Flutter. Чтобы проверить свои идеи в деле, команда решила сначала создать тестовое приложение через платформу Kobe Apps. После проверки для разработки выбрали Flutter, чтобы брендировать приложение на обеих платформах сразу было проще.

Результат. Компания разработала первую версию приложения всего за 30 дней. Кодовая база iOS и Android-приложений совпала на 92% за счёт использования Flutter, поэтому первую версию выпускали сразу для двух платформ.

Кроме этого команда смогла ускорить разработку за счет некоторых других возможностей Flutter:

Команда быстро освоила эти и другие возможности Flutter — в этом помогла понятная и исчерпывающая документация. Kobe Apps отметили, что опыт работы с этим фреймворком их приятно удивил, и приложения для iOS и Android они смогли разработать на 35% быстрее, чем если бы разрабатывали на нативных технологиях. Благодаря этому проект раньше начал приносить Whirlpool прибыль.

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

Что за бизнес. Компания-разработчик игр Etermax известна благодаря своей франшизе мобильных игр Trivia Crack. Это игра на знание интересных фактов, в которой игроки соревнуются с другими пользователями онлайн. Соревноваться может неограниченное число игроков, из-за чего нагрузка в момент одновременного подключения бывает очень высокой.

Для чего создавали новое приложение. Игра существовала в виде нескольких нативных приложений. Между приложениями для разных платформ часто возникали различия из-за того, что процессы разработки шли отдельно. Etermax решил объединить приложения, чтобы снизить количество таких различий и чтобы поддерживать версии одновременно для всех устройств было проще. Ускорить разработку и Time to Market продукта Etermax решил с помощью кроссплатформенной технологии.

Почему выбрали Flutter. Команда хотела, чтобы новое приложение интегрировалось с системами рекламы, плеером и сторонними пакетами средств разработки (SDK), которые использует Etermax. Среди упомянутых компанией — Amplitude, Appsflyer, Bugsnag и Firebase.

Etermax тестировали различные фреймворки, чтобы выбрать подходящий для их случая. Технологии тщательно проверяли и тестировали в рабочей среде, и в итоге выбрали Flutter.

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

Особенно команду разработки привлекла во Flutter горячая перезагрузка. Как и в случае Compra Certa, эта функция ускорила итерации разработки и изменения дизайна у Etermax.

Etermax уменьшил вес функции объёмом в 65 строк кода на 10%. Компания ожидает, что всё приложение целиком тоже станет весить пропорционально меньше. Также благодаря Flutter теперь команда сможет быстрее внедрять новые функции.

Сейчас Etermax активно делятся своим позитивным опытом работы с Flutter. Игру Trivia Crack на новую кроссплатформу компания перевела успешно, и теперь планирует и другие игры сделать на Flutter.

Что за бизнес. Supercell тоже разрабатывает мобильные игры. Самые популярные их игры — Clash of Clans и Brawl Stars. В игры от Supercell играет 250 миллионов пользователей в месяц.

Чтобы пользователи могли играть с разных устройств и не терять прогресс, приложение предлагало пользователям создать свой профиль Supercell ID. Для его поддержки компания разработала специальный SDK (набор инструментов для разработки ПО). Приложения были нативными, а значит, игровой профиль существовал в четырёх базах кода — для iOS, MacOS, Android и Windows.

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

Почему выбрали Flutter. Потому что он предоставляет удобные инструменты для UI, а данные легко переносить между платформами. Идею перехода на Flutter проверили на жизнеспособность: фреймворк отлично обеспечивал совместимость кода с разными платформами. Supercell начали разработку.

Результат. Приложение и SDK полностью перезапустили в течение года. За это время компания:

Новое приложение позволяет сохранять игровой прогресс независимо от того, на чём пользователь играет.

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

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

Что за бизнес. Парки развлечений Universal Studios состоят из тематических зон, посвящённых Гарри Поттеру, Парку Юрского Периода и другим культовым вселенным. Через приложения парков пользователи могут искать нужные места и заведения, покупать билеты, бронировать место в очереди на аттракционы и играть в видеоигры в парке с использованием AR.

Это приложение компания планировала усовершенствовать.

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

Почему выбрали Flutter. Решили, что поддерживать приложения на разных платформах будет проще, если код будет кроссплатформенный. Как и Virgin Money, компания сомневалась, стоит ли переходить на незнакомую технологию — их специалисты работали на другом стеке, отдельно для iOS и Android. Но Universal Studios изучил возможности Flutter и сделал вывод, что он поможет достичь всех целей, ради которых приложение переделывали.

Результат. В новом приложении Universal Studios создали 3D-карта с фильтрами, чтобы пользователи могли искать нужные рестораны и аттракционы удобнее. Карта показывает развлечения в каждой части парка, описания объектов и время ожидания в очереди. Приложение также использует геолокацию устройства пользователя.

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

Видеоигры в парке работают через AR-функциональность приложения. Игроки используют свои смартфоны как геймпады — например, как лазер, которым можно стрелять. Приложения на смартфоне интегрируются с ПО игры с помощью технологии Nearby Device Scanning — технологии, которая использует Bluetooth, Wi-Fi и ультразвуковые сигналы.

Благодаря использованию Flutter база кода нового приложения уменьшилась на 45% в сравнении со старым. Само приложение стало легче, а его устойчивость выросла до 99,9%.

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

Все эти компании отметили, что Flutter помог снизить объём базы кода и, как следствие, вес самого приложения. Благодаря меньшему количеству кода разработка тоже шла быстрее, и релизы выпускали быстрее.

Flutter приносит такие результаты, потому что это кроссплатформенный фреймворк. Это значит, что один код можно переиспользовать на iOS, Android, Mac, Windows, и в вебе с минимальными изменениями. Так компания экономит до 60% на стоимости разработки — и чем больше платформ охватывает решение, тем больше экономия. Если компания планирует быстро запустить MVP и сразу охватить рынок, Flutter поможет ей сократить время и расходы на этот проект.

По тем же причинам Flutter позволяет поддерживать приложение и выпускать новые функции проще и быстрее — специалисты проводят подавляющую часть разработки и тестирования на одном коде для всех платформ.

Команды Kotlin-разработчиков для Android и Swift-разработчиков для iOS легко перестраиваются на Flutter. В Virgin Money даже отметили, что их эффективность выросла уже через месяц после перехода на Flutter при том, что обучение заняло около недели для разных специалистов.

А в перспективе их экономия вырастает ещё сильнее. Flutter-приложения может поддерживать только один штат специалистов, а не два как для нативных технологий. Это высвобождает время на развитие и совершенствование решения.

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

Возьмём примеры того, как мы разрабатывали на Flutter для компаний российского рынка.

Что за бизнес. Love Republic — известный в России бренд женской одежды. После ухода многих брендов с российского рынка Love Republic обновили концепцию и работали над изменением образа компании в глазах клиентов.

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

Почему выбрали Flutter. Чтобы ускорить запуск на всех устройствах, решили создавать кроссплатформенное приложение. Мы посоветовали компании Flutter.

Результат. За 5 месяцев провели полный редизайн и запустили новое приложение на Flutter. Теперь пользователи не сталкиваются с ошибками на пути к заказу, а обновленный дизайн стимулирует совершать больше покупок и возвращаться в приложение.

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

Приложение для обеих платформ запустили за пять месяцев. Конверсия в покупку выросла в 2 раза, а общая доля покупок через приложение увеличилась до 30%. При этом, разработка Flutter стоила компании на 40% меньше, чем аналогичная нативная.

Что за бизнес. СМП Банк занимается кредитованием коммерческих предприятий. С 2024 года этот банк входит в ПАО Промсвязьбанк, один из крупнейших банков России.

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

Почему выбрали Flutter. Чтобы компании было легче поддерживать приложение в перспективе. Также для этого договорились реализовать автотесты.

Результат. За 9 месяцев мы разработали клиентское мобильное приложение. Первый релиз предлагал четыре способа авторизации, открытие продуктов банка онлайн, аналитику и множество других функций. Поскольку с 2022 года ряд российских банков столкнулся с санкциями и больше не может официально выкладывать свои приложения в сторы, мы также адаптировали решение под PWA — теперь приложение можно устанавливать прямо из браузера.

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