Оглавление

    Обзор приложений на Flutter

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

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

    Видеостриминговая платформа The Hole, проект Surf

    The Hole – это приложение для видеостриминга, которое Surf разработал для продюсерской компании Medium Quality. Заказчик – крупнейший паблишер российского YouTube, выпускающий множество разнообразных шоу с суммарной аудиторией 16,2 миллионов пользователей и 920 миллионами просмотров. Приложение транслирует контент, который удобно смотреть на мобильном устройстве (многие шоу сняты вертикально, а горизонтальные видео обрезаются автоматически). В приложении реализовали много интересных фич: например, интерактивные опросы или эпизоды шоу, в которых зрители могут сами выбирать, как повернётся сюжет.

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

    На проектирование у нас ушёл один месяц, а на разработку – три. Бэкенд приложения оптимизировали под нагрузку 25 тысяч запросов в секунду, а для управления контентом написали веб-приложение на React + Ant Design. Хранилище пользовательских данных и возможность получать аналитику в реальном времени реализовали с помощью ClickHouse. 

    Подробнее о проекте

    Приложение My BMW

    На замену приложению BMW Connected пришло My BMW, разработанное на Flutter инхаус-командой компании. Приложение стало универсальным интерфейсом для взаимодействия с автомобилем. С помощью My BMW пользователь может проверять состояние машины (к примеру заполненность бака топливом или заряд аккумулятора) и его местонахождение удалённо. Приложение уведомляет владельца, если автомобилю требуется сервисное обслуживание, например замена масла. Для определённых моделей авто доступны функции Remote Services и Remote 3D View, которые позволяют владельцу заблокировать и разблокировать двери через приложение и видеть территорию вокруг машины. 

    Приложение My BMW поддерживает интеграцию с Amazon Alexa и её голосовыми сервисами. Если пользователь проложил маршрут на смартфоне, информация о нём автоматически направляется в навигационную систему автомобиля.

    Приложение Google Ads

    Будет упущением не упомянуть приложения Google, написанные на Flutter (который они же и создали). Это игровое приложение Stadia, а также приложения Google Ассистент и Google Реклама (или Google Ads). 

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

    Приложения Tencent

    У знаменитого китайского концерна на Flutter написано уже несколько приложений.

    • Приложение English AITeacher с помощью искусственного интеллекта подстраивает программу занятий английским онлайн индивидуально под каждого студента.
    • Приложение Now Live – это платформа для телевизионных трансляций и live-стримов.
    • Приложение Mr.Translator содержит не только словарь, но и может делать перевод или помогать пользователям в изучении иностранных языков.
    • Приложение DingDang – это голосовой помощник на основе искусственного интеллекта, который помогает пользователям с несложными запросами, например читает прогноз погоды, планирует дела, рассказывает новости или проигрывает музыку.

    Графический движок Flutter позволил разработчикам Tencent использовать в своих приложениях разнообразные графические возможности (например, SVG, шрифты-иконки и Flare), при этом сохраняя кадровую частоту 60 fps.

    Приложение Росбанк для бизнеса, проект Surf

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

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

    Подробнее о проекте

    Приложение The New York Times

    Приложение NYT сейчас занимает второе место по популярности в категории «Журналы и газеты» App Store. Приложение позволяет пользователям настраивать новостную ленту под свои интересы и публикует так называемые «Утренние и вечерние брифинги» о самых важных новостях на текущий день, а также ежедневные подкасты. 

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

    Благодаря Flutter, некоторые фичи приложения, такие как головоломки ньюдоку, разработчики смогли переиспользовать на большинстве платформ: iOS, Android, Mac, Windows и веб.

    Кастомная ERP-система KFC DSR, проект Surf

    Мы разработали для KFC Digital Successful Routine (DSR) — ERP-систему, которая автоматизировала финансовую аналитику и управление бизнес-процессами. Вся информация теперь оцифрована и хранится на сервере, а значит, компания может вести статистику, строить отчеты и отслеживать показатели в реальном времени. Она стала удобным инструментом для менеджеров самых разных уровней. Например, менеджеры смен могут заполнять чек-листы, контролировать приход и уход сотрудников и ставить им задачи онлайн. Такая автоматизация рутины экономит им 10 часов в неделю.

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

    В KFC DSR реализована сложная система с разными уровнями доступа, благодаря которой каждый сотрудник видит только то, что необходимо для его работы. Например, территориальный управляющий может посмотреть статистику выполнения KPI по нескольким ресторанам, назначить активности в календаре. Директор ресторана может планировать расписание работы сотрудников и посмотреть личную информацию по каждому в анкете. Рядовые члены команды не имеют доступа к системе DSR, но могут видеть статистику работы ресторана, планы и цели на информационной панели, которая висит в ресторане. 

    Подробнее о проекте

    Трекер настроения Reflectly

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

    Приложение создали два разработчика из Дании. Первую версию приложения они написали на React Native, но вскоре поняли, что этот фреймворк не обеспечивает высокого качества UX — у объектов периодически пропадали тени, анимации тормозили, из-за этого красивый UI и графика теряли свою ценность. Поэтому всего за три месяца команда переписала приложение на Flutter. С тех пор пользовательская база приложения стабильно растёт и составляет уже более 10 миллионов человек.

    Приложение сети аптек Ригла, проект Surf

    Ригла – крупнейшая российская сеть аптек, которая представлена на рынке под тремя брендами: «Ригла», «Будь здоров» и «Живика». У каждого из них своя целевая аудитория и ценовая политика. 

    Клиент хотел разработать отдельные приложения под Android и iOS для каждого бренда – итого, 6 приложений. Команда Surf написала единую кодовую базу на Flutter  и на её основе реализовала приложения для всех трёх брендов. Это позволило заказчику сэкономить 40% бюджета разработки. Проект мы выполнили за пять месяцев, а первый релиз для бренда «Ригла» вышел всего через три месяца.

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

    • самовывоз из аптеки, где товар есть в наличии;
    • самовывоз из ближайшей к пользователю аптеки, когда товар туда придёт;
    • доставку курьером.

    Средний чек при покупке через приложение в несколько раз превышает аналогичный показатель в офлайне.

    Подробнее о проекте

    Приложение Real Estate

    Realtor.com – один из наиболее популярных сайтов для торговли недвижимостью в США, созданный ещё в середине 90-х. Изначально у компании были нативные приложения для iOS и Android, но в 2019 году они решили поэкспериментировать и с помощью Add-to-app добавили в них новые фичи, написанные на Flutter. Фреймворк так хорошо себя показал, что компания решила переписать основную часть приложения Realtor.com на Flutter. Благодаря этой технологии время разработки сократилось вдвое. 

    В новом приложении можно не только получить информацию о недвижимости, но и рассмотреть дома изнутри в формате 3D-тура и быстро связаться с риелторами через встроенный мессенджер и видеочат. В 2018 году приложение Realtor.com получило золото на премии Stevie Awards в категории «Приложения для торговли недвижимостью» и стало финалистом премии Appy Awards в категории «Приложения-помощники».

    Приложение доставки продуктов Ужин дома

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

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

    Разработка на Flutter позволила клиенту сэкономить клиенту около 30% по сравнению со стоимостью нативной разработки.

    Подробнее о  проекте


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

    У Surf большой опыт разработки приложений на Flutter и самая большая в России команда Flutter-разработчиков. Если вы хотите создать кроссплатформенное приложение, заполните заявку – и мы свяжемся с вами.