Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Astarus
Разработка мобильного приложения Bungly boo!
Astarus
#Приложение под ключ

Разработка мобильного приложения Bungly boo!

183 
Astarus
Astarus Россия, Ижевск
Поделиться:
Клиент

ИП Бабинцев Василий Александрович

Бюджет

5 000 000

Сфера

Одежда

Регион

Россия, Ижевск

Мобильная платформа

IOS, Android

Сдано

Июнь 2023

Задача

1. Интеграция с существующим интернет магазином на платформе InSales c большими ограничениями по кастомизации и настройке.

2. Разработать мобильного приложения под iOS и Android устройства с единым интерфейсом по дизайну Заказчика;

3. Интегрировать приложение со множеством сторонних сервисов:

1. Онлайн оплата через сбербанк;

2. Система онлайн оплат SberPay;

3. Конструктор интернет магазинов InSales;

4. 1C Управление торговлей;

5. Сервис для расчета доставок товаров ApiShip;

6. Сервис адресов DaData;

7. Сервис мобильной аналитики - AppMetrica;

8. Сервис авторизации по звонку и СМС;

9. Хранилище картинок S3-like от Selectel.

4. Сделать отказоустойчивое и нагрузоустойчивое решение, способное справиться с назрузкой на старте около 10 - 30 заказов в минуту.

Решение

1. Клиент пришел к нам с готовым ТЗ и дизайном, нам понадобилось проверить требования и дизайн и доработать его под актуальные требования, которые частично изменились за время написания ТЗ;

2. Разработали приложение на платформе Flutter 3.0. Разработка велась итерациями, для этого мы разделили большой блок требований из ТЗ на 12 блоков, по результатам каждого блока были проведены приемо-сдаточные мероприятия.

3. После реализации минимальной работоспособной версии (MVP), совместно с заказчиком мы решили двигаться небольшими спринтами по 2-3 недели;

4. Для сбора метрик и аналитики был подключен сервис AppMetrica, настроены цели и счетчики, данные выгружаются в BI систему клиента для оценки эффективности маркетинговых кампаний и продаж;

5. Для настройки рассылок push сообщений также использовали AppMetrica с сегментированием пользователей;

6. Интегрировали существующий интернет магазин клиента на платформе InSales с мобильным приложением:

    1. Сделали общую базу клиентов;

    2. Разработали механизмы обмена данными в рамках ограничения платформы InSales (по API можно передать/запросить данные только 500 раз, после расходования этого лимита идет таймаут на 5 минут);

7. Помогли клиенту с регистрацией учетных записей в Мобильных сторах(магазинах приложений);

8. Подготовили страницу приложения в Google Play, AppStore, AppGallery;

9. Зарелизили приложение и успешно выдержали наплыв клиентов.

1Адаптация технического задания клиента

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

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

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

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

2Разработка программного кода

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

Для реализации проекта мы использовали кроссплатформенный фреймворк - Flutter. Такой подход позволяет сократить затраты для клиента, поскольку вместо разработки двух полноценных приложений мы создали одно приложение с единым интерфейсом для двух платформ.

3Интеграции мобильного приложения

1. Интеграция с 1С - благодаря интеграции с 1С мобильное приложение получает актуальные остатки товаров каждый день;

2. Интеграция с InSales - одна из самых больших интеграций данного проекта. Данная платформа (InSales) известна своими ограничениями. Например, после 500 запросов (лимит запросов) к API наступает таймаут в несколько минут. А для большого интернет магазина 500 запросов - это очень малое кол-во. Нам удалось распределить кол-во запросов таким образом, чтобы мы получали десяток сущностей из InSales, при этом к данной платформе подключены и другие сервисы клиента, которые тоже забирают лимит запросов.

3. Интеграция с Яндекс Картами. Данная библиотека очень хорошо подходит для современных интернет-магазинов с доставкой. На карте можно отображать точки ПВЗ, выбирать адрес доставки курьером и т.д. Но и у данной библиотеки есть ограничения. Для мобильных приложений данная библиотека не рекомендует отображать более 500 точек на карте (кластеризовать их). Мы столкнулись с этой проблемой, ведь у клиента только в Москве более 1500 точек доставки (и их кол-во будет увеличиваться). Нам пришлось перестроить кластеризацию и отображение точек на карте. Теперь кластеризация происходит на стороне backend'a мобильного приложения. Мобильное приложение присылает координаты текущего квадрата на карте, а backend в ответ присылает список кластеров с координатами. Соответственно при зуме или при скроллинге карты, координаты квадрата карты изменяются, тем самым отображая новые кластеры.

4Тестирование проекта

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

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

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

5Настройка систем аналитики

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

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

6Публикация приложений в сторах

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

Наконец, мы загрузили сборку наших улучшений в AppStore, Google Play и AppGallery. Теперь каждый пользователь может без проблем найти наше приложение и установить его на свое устройство.

Результат

- 5 тысяч скачиваний за первые 2 дня релиза;

- Залетели в ТОП 100 приложений среди категории “Покупка” в первую неделю релиза;

- 500+ заказов из МП за первые 5 дней.

https://apps.apple.com/ru/app/bungly-boo/id6449219098

Стек технологий

  • Dart Dart Язык программирования
  • PHP PHP Язык программирования
  • Flutter Flutter Фреймворк/библиотека
  • Laravel Laravel Фреймворк/библиотека
  • Vue.js Vue.js Фреймворк/библиотека
  • Firebase Firebase База данных
  • MySql MySql База данных
  • Redis Redis База данных

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Astarus с удовольствием обсудит вашу задачу

Оставить заявку