Перейти к основному содержимому
Услуги Кейсы Как работаем Контакты Работа в Webant
+7 (960) 466-01-00 RU / EN Обсудить проект
Услуги Кейсы Как работаем Контакты Работа в Webant
+7 (960) 466-01-00 RU / EN
Обсудить проект
  1. Главная
  2. /
  3. Услуги
  4. /
  5. Разработка Flutter-приложений на заказ — кроссплатформенные приложения для iOS и Android

Отдельное направление

Разработка на Flutter

Создаём приложения с единой кодовой базой для iOS и Android — сокращаем сроки и стоимость разработки без потери качества нативного опыта.

  • Flutter / Dart
  • BLoC / Riverpod
  • Нативные модули
  • CI/CD для двух платформ

~3 000 ₽/час

Time & Materials или согласованный scope

Показать нам задачу
  1. Единая кодовая база →
  2. Сборка под iOS и Android
  3. Нативные модули там, где нужно
  4. Тестирование на обеих платформах

С какими задачами работаем

MVP с ограниченным бюджетом

Одна кодовая база вместо двух отдельных команд.

Единая логика на обеих платформах

Одинаковое поведение приложения на iOS и Android.

Нативные интеграции

Подключение SDK через platform channels.

Быстрые обновления интерфейса

Изменения без раздельных релизов под каждую платформу.

Миграция на единую базу

Перевод раздельных iOS/Android приложений на Flutter.

Поддержка Flutter-продуктов

Развитие и обновление действующих приложений.

Техническая экспертиза

Что определяет качество Flutter-приложения

Архитектура состояния

BLoC/Riverpod, разделение слоёв и переиспользуемые виджеты.

Нативные интеграции

Platform channels для камеры, карт, биометрии.

Производительность рендеринга

Оптимизация списков, анимаций и запуска приложения.

CI/CD для двух платформ

Единый пайплайн сборки и публикации.

Ограничения и риски, которые мы учитываем

Не все возможности доступны из коробки. Заранее оцениваем, что потребует platform channel.

Размер приложения выше нативного. Учитываем в требованиях к целевым устройствам.

Обновления SDK требуют сопровождения. Планируем регулярные технические обновления.

Сложная анимация может требовать нативного кода. Говорим об этом на этапе оценки.

Как проходит работа

  1. 01

    Разбираем задачу

    Проверяем, какие функции требуют нативного кода.

  2. 02

    Прототип интерфейса

    Проверяем ключевой сценарий на обеих платформах.

  3. 03

    Разработка и тестирование

    Единая база, тестирование на iOS и Android параллельно.

  4. 04

    Публикация и поддержка

    Релиз в оба магазина, развитие продукта.

Кейсы Flutter-разработки

Превью проекта Мобильное приложение Autoexpert Клиентский проект
  • Автобизнес

Мобильное приложение Autoexpert

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

QA · UX / UI · Flutter Смотреть кейс →
Превью проекта Мобильное приложение Medx.pro Клиентский проект
  • Медицина

Мобильное приложение Medx.pro

Мобильное кроссплатформенное приложение для медицинского образовательного сервиса Medx.pro.  Задача ГБУЗ МКНЦ имени А.С. Логинова ДЗМ и МедИнвестГрупп в 2020 году запустили портал повышения квалификации врачей и медицинских работников MedX.pro. Проект выступает в качестве института повышения квалификации и, в рамках непрерывного медицинского образования (НМО), реализует поддержку очного обучения, онлайн-трансляции, тестирование, асинхронное электронное обучение и групповую работу слушателей по основным направлениям медицины.  Нам было необходимо в короткие сроки реализовать мобильную версию (приложения) для портала, чтобы увеличить доступность прохождения курсов и получения баллов НМО для специалистов.  Что мы делали Заказчики пришли к нам в разгар пандемии, в марте 2020 года. После нескольких встреч в Zoom и обсуждения требований к приложению, мы выбрали для реализации приложений - кроссплатформенное решение Flutter. Medx.pro реализован на базе платформы с открытым кодом Moodle - системе управления курсами. У платформы есть мобильное приложение, но к сожалению, оно давно не соответствует современным гайдлайнам систем и не кастомизируется.  Этапы разработки В первом спринте реализовали основные модули сервиса - просмотр курсов и тестирование. Курсы содержат как текстовые данные, так и медиа контент, такой как видео, аудио файлы формата mp3, pdf-документы и интерактивные презентации. В тестировании поддерживаются 7 видов ответов на вопросы. Экран курса и теста Во втором спринте мы работали над профилем пользователя, календарем событий и прямых трансляций, избранным и основным экраном с новостями и лекционными материалами. В избранное пользователь может добавить не только темы курсов, но и вопросы из тестов, новости и видеолекции.  Главный экран, Календарь и Избранное пользователя На следующем этапе нам было необходимо подключить оплату курсов In App для AppStore. Но возникла проблема - Moodle не предлагает плагинов для интеграции с Apple. Мы написали свой микросервис для оплаты курсов.  Oauth авторизацию через социальные сети тоже пришлось реализовывать через свой микросервис. В этом же спринте добавили возможность скачивать темы курсов в кэш приложения для того, чтобы читать и просматривать материалы без доступа к Интернету. In app оплата  В начале 2021 года мы по большей части вносили косметические изменения в интерфейс и добавляли информационные экраны с контактами, документами,  вопросами-ответами и реализовали просмотр онлайн-трансляций.  Экран вопросы-ответы и экран с трансляцией

QA · Flutter Смотреть кейс →
Превью проекта Мобильное приложение  Короче, дилер Клиентский проект
  • Автобизнес
  • Образование

Мобильное приложение Короче, дилер

Кроссплатформенное приложение для покупки и чтения книг по теме автобизнеса с поддержкой аудиокниг. Задача Нам нужно было сделать приложение для покупки и чтения книг для книг в формате pdf. Такое предложение позволит защититься от передачи дорогостоящих и уникальных для российского рынка книг об автобизнесе от пользователя к пользователю.  Что мы делали После пары встреч заказчиком мы получили определенную картину будущего приложения. Для реализации выбрали кроссплатформенное решение: в приложении не планировалось сложного функционала, да и книги уже вот-вот должны были выйти на рынок, соответственно нужно было быстрое решение, чтобы читатели могли сразу иметь альтернативу в виде электронной версии. Разработка по Agile Все проекты у нас начинаются с мокапа в Figma. Дизайнер отрисовала экраны для первой версии приложения. Это помогло нам с заказчиком “быть на одной волне” и оперативно вносить коррективы в логику приложения. Мокап будущего приложения Далее дело было за дизайн-макетом. У издательства уже был брендбук, поэтому мы применили цветовую гамму и ключевые элементы из него в макете будущего приложения. Мы использовали технику пиксель- арта только в заголовках разделов и иконках нижнего навигационного меню, чтобы не потерялась читабельность внутри приложения. Пиксель-арт В первом спринте мы реализовали фичи, связанные с покупкой и чтением книг, новостные разделы и личный кабинет пользователя. Для продажи книг мы внедрили In App покупки. Разработка административного портала для управления покупками пользователя и анонсами мероприятий с авторами книг шла параллельно с приложением.  Список книг и pdf-reader приложения Для нас было важно позволить читать книги в приложении без доступа к Интернету. После покупки книги выгружаются в кэш устройства и остаются доступны в офлайн-режиме.   От момента начала работы над дизайн-макетом и первым показом версии приложения заказчику прошло 6 недель.  Во втором спринте мы сделали чат с техподдержкой - издательству было важно держать оперативную связь с читателями. Чат в том числе был связан со вторым важным функционалом этапа - тренинг-материалами и тестами по ним. Тренинги служат своеобразным бонусом для пользователей, купивших книги. Тесты по тренинг-материалам и чат с техподдержкой  В рамках защиты от передачи книг от читателя к читателю мы сделали проверку доступности книги конкретному устройству - его проверяем по device id у Android и рекламному идентификатору у iOS.Так как у пользователя есть возможность смены идентификатора на устройстве, снова получить книгу для чтения можно только через чат технической поддержки. На реализацию чатов, тренинг-материалов и опросников у нас ушло еще 6 недель. С момента начала работы над приложением и первой выкладкой в магазины AppStore и Google Play прошло чуть больше 3х месяцев.  В начале 2021 года Издательство решило добавить в приложение аудиоверсии книг.  Мы понимали, что аудиофайлы тяжеловесны, поэтому организовали потоковую отдачу таких книг мобильному клиенту с возможностью перемотки.  Поработали с аудиоплеером: воспроизвели аудио в фоне: вывели аудио в панель уведомлений и на экран блокировки, добавили ускорения и замедление аудиодорожки. Аудиокниги и аудиоплеер

QA · Startup · UX / UI · Flutter Смотреть кейс →

Смотреть все кейсы

Расскажите о задаче — оценим, подходит ли Flutter для вашего продукта

Обсудить Flutter-проект Получить предварительную оценку

Webant проектирует, разрабатывает и развивает цифровые продукты для бизнеса.

Проекты

  • Услуги
  • Кейсы
  • Как работаем

Компания

  • Работа в Webant
  • Контакты

Контакты

  • +7 (960) 466-01-00
  • v@webant.ru
Политика конфиденциальности Согласие на обработку персональных данных Реквизиты
© Webant

Мы используем cookies, чтобы сайт работал корректно и помнил ваши настройки. Аналитические и маркетинговые cookies включаются только с вашего согласия.