К кейсам

Мобильное приложение с интеграцией ML

Mobile

О проекте

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

картнка в тексте

Задачи

  • Интегрировать нейронную сеть в мобильное приложение;
  • Разработать приложение на Flutter;
  • Добавить ленту и делиться с друзьями фигурами;
  • Добавить push-уведомления;
  • Интегрировать в профиль для регистрации Google и Facebook.

картнка в тексте

Реализация

1. Разработали и внедрили инструкцию при авторизации.

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

2. Разработали рекомендации для фигур.

картнка в тексте
картнка в тексте

3. Распознаем детали из большого количества и сканируем готовые фигуры.

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

картнка в тексте

4. Добавили возможность делиться фигурами в соцсетях.

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

картнка в тексте

Интеграция ML-модели во Flutter

  • Мы создали ML-модель и обучили ее распознавать детали конструктора.
  • Подключили API, чтобы Flutter взаимодействовал с обученной моделью. Взаимодействие с ML-моделью было реализовано со стороны нативной части Android-приложения на языке Kotlin с использованием библиотеки машинного обучения Tensor Flow.

  • Добавили взаимодействие между Flutter и нативной частью приложения для работы с обученной моделью. Этот шаг реализован через FlutterChannels – инструмент Flutter.

картнка в тексте

В приложении много анимаций. Мы создали сложные кастомные анимированные элементы в соответствии с поставленным таймингом. Например, контроллер lottie-анимаций для страниц onboarding + кастомизированный переход выбранной идеи конструктора из одной страницы в другую.

Олег Алибеков

Олег Алибеков

Flutter-разработчик Amiga

Результаты

За 4 месяца мы разработали с нуля мобильное приложение на Flutter и интегрировали в него ML-модель.

Рейтинг в AppStor — 4.9 до момента введения монетизации, сейчас 4.7. 1млн+ тысяч скачиваний.

Технологии
Dart/Flutter
Bloc
GraphQL
TensorFlow
Custom animations
Firebase
sPrefs
GetIt
Freezed
RxDart
Android
Analytics

Сергей Лепшей

Руководитель проекта

Леонид Никулин

Дизайнер

Кирилл Калюжный

Teamlead Flutter

Олег Алибеков

Flutter-разработчик

Другие проекты

Web | NDA

Мегафон

Мегафон

Mobile | NDA

Приложение для здоровья CW Clinic

Приложение для здоровья CW Clinic

Mobile

Приложение с интеграцией ML

Приложение  с интеграцией ML

Web | NDA

Aviasales

Aviasales

Web

Маркетплейс горного оборудования

Маркетплейс горного оборудования

Web

Маркетплейс специалистов Gigoo

Маркетплейс специалистов Gigoo

Mobile | NDA

Rockwool

Rockwool

Web | В работе

Русплитка

Русплитка

Mobile

Airspector

Airspector

Mobile | NDA

Интернет-магазин NL Store

Интернет-магазин  NL Store

Web

Корпоративный портал ЕМС Team

Корпоративный портал ЕМС Team

Mobile

Мобильное приложение для АЗС ХТК

Мобильное приложение для АЗС ХТК

Web | NDA

Ecco

Ecco

Web | NDA

Газпром

Газпром

Web | NDA

НЛМК

НЛМК

Mobile | NDA

Сбер

Сбер

Mobile | NDA

М.Видео

М.Видео

Web

Транспортная компания №1

Транспортная компания №1

Mobile

Мобильное приложение для сети аптек «Ваша №1»

Мобильное приложение для сети аптек «Ваша №1»

Web | NDA

Nike

Nike

Web | В работе

Makita

Makita

Web | Minicase

Интернет-магазин мебели Трио

Интернет-магазин мебели Трио

Web

Крупное федеральное СМИ

Крупное федеральное СМИ

Mobile | NDA

AI-приложение Get Art

AI-приложение Get Art

Web | NDA

Mercedes-Benz

Mercedes-Benz

Mobile

Интернет-магазин Bravo

Интернет-магазин Bravo

Web

Сайт для туркластера «Арктический»

Сайт для туркластера «Арктический»

Mobile

Приложение для пекарен Хлеб Хмельницкого

Приложение для пекарен Хлеб Хмельницкого

Web

Маркетплейс нефтяных продуктов Proleum

Маркетплейс нефтяных продуктов Proleum

Mobile | NDA

Бизнес-приложение Жёлтая печать

Бизнес-приложение Жёлтая печать

Mobile

Приложение-сканер товаров с TV

Приложение-сканер товаров с TV

Web

Образовательный портал Школа гениев

Образовательный портал Школа гениев

Mobile

Программа лояльности Vaillant Group

Программа лояльности Vaillant Group

Web | Minicase

Аникура

Аникура

Mobile | NDA

Shell

Shell

Web | NDA

Samsung

Samsung

Mobile | В работе

CMstore

CMstore

Mobile

Образовательный проект Easy. Приложение в VK

Образовательный проект Easy. Приложение в VK

Web | NDA

Casio

Casio

Web | NDA

ERP-система лизинга автопарка

ERP-система лизинга автопарка

Mobile | NDA

DHL Express

DHL Express

Web

Имиджевый сайт «Шахтинская плитка»

Имиджевый сайт «Шахтинская плитка»

Web

HR-сайт для SOKOLOV

HR-сайт для SOKOLOV
Хотите связаться с владельцем
компании напрямую?
Дмитрий Тарасов
Дмитрий Тарасов
СЕО

НАПИСАТЬ