Amiga

К кейсам

Мобильное приложение с интеграцией 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

B2B-сервис по отработке обращений «Авеста»

Обложка кейса «B2B-сервис по отработке обращений «Авеста»»

Web

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

Обложка кейса «Крупное федеральное СМИ»

Web

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

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

Web | Minicase

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

Обложка кейса «Интернет-магазин мебели Трио»

Mobile | NDA

Сбер

Обложка кейса «Сбер»

Web | NDA

Газпром

Обложка кейса «Газпром»

Web

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

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

Mobile | NDA

Rockwool

Обложка кейса «Rockwool»

Mobile | NDA

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

Обложка кейса «Бизнес-приложение Жёлтая печать»

Mobile

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

Обложка кейса «Программа лояльности Vaillant Group»

Mobile

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

Обложка кейса «Интернет-магазин Bravo»

Mobile

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

Обложка кейса «Приложение  с интеграцией ML»

Web | NDA

Мегафон

Обложка кейса «Мегафон»

Web

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

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

Mobile | NDA

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

Обложка кейса «Приложение для здоровья CW Clinic»

Mobile

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

Обложка кейса «Приложение для пекарен Хлеб Хмельницкого»

Web | NDA

Nike

Обложка кейса «Nike»

Web | В работе

Русплитка

Обложка кейса «Русплитка»

Web | NDA

НЛМК

Обложка кейса «НЛМК»

Web

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

Обложка кейса «Транспортная компания №1»

Web | В работе

Makita

Обложка кейса «Makita»

Web

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

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

Mobile

Airspector

Обложка кейса «Airspector»

Web | NDA

Ecco

Обложка кейса «Ecco»

Mobile

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

Обложка кейса «Образовательный проект Easy»

Mobile

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

Обложка кейса «Приложение-сканер товаров с TV»

Web

HR-сайт для SOKOLOV

Обложка кейса «HR-сайт для SOKOLOV»

Web | NDA

Samsung

Обложка кейса «Samsung»

Web

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

Обложка кейса «Маркетплейс специалистов Gigoo»

Mobile | NDA

DHL Express

Обложка кейса «DHL Express»

Mobile | NDA

Shell

Обложка кейса «Shell»

Mobile | NDA

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

Обложка кейса «AI-приложение Get Art»

Web | Minicase

Аникура

Обложка кейса «Аникура»

Mobile | NDA

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

Обложка кейса «Интернет-магазин  NL Store»

Web | NDA

Casio

Обложка кейса «Casio»

Mobile

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

Обложка кейса «Мобильное приложение CMstore»

Mobile

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

Обложка кейса «Мобильное приложение для АЗС ХТК»

Web

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

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

Web | NDA

Mercedes-Benz

Обложка кейса «Mercedes-Benz»

Web | NDA

М.Видео

Обложка кейса «М.Видео»

Web | NDA

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

Обложка кейса «ERP-система лизинга автопарка»

Mobile

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

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

Web

Travelpayouts

Обложка кейса «Travelpayouts»

Web

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

Обложка кейса «Корпоративный портал ЕМС Team»
Хотите связаться с владельцем
компании напрямую?
Дмитрий Тарасов
Дмитрий Тарасов
СЕО

НАПИСАТЬ