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

Разработали кроссплатформенное мобильное приложения для компании "Хваловские воды"

333 
InstaDev
InstaDev Россия, Санкт-Петербург
Поделиться:
Клиент

ООО "Телелог"

Сфера

Питание

Регион

Россия, Санкт-Петербург

Сдано

Июль 2022

Задача

Онлайн-сервис по доставке воды. Также есть возможность аренды оборудования для розлива и покупки сопутствующих товаров.

Клиент пришел к нам с желанием выпустить мобильное приложение для доставки воды. На момент обсуждения у клиента был вебсайт. Для того чтобы установить постоянный канал связи с пользователями, было решено сделать мобильное приложение для iOS и Android. В мобильном приложение должна была быть возможность выбора, оформления и оплаты заказа, также его отслеживание. К моменту старта разработки у клиента были готовые эскизы мобильного приложения и готовые методы в API.

Решение

Мы обсудили и утвердили с клиентом необходимые доработки по эскизам и реализацию недостающих экранов. Для технического специалиста на стороне клиента мы сформулировали задачи на доработку и расширение API. 

Работа велась полностью нашей командой. PM работал с командой клиента: PM и технический специалист. С нашей стороны был задействован один разработчик, один тестировщик и один дизайнер. 

Разработка была кроссплатформенная: использовался язык Flutter. Приложение реализовано со всем спектром технологий: REST API для получения основных данных, Push-уведомления  и тп. Мы провели интеграцию с платежным сервисом Cloudpayments для отлаженных оплат картой онлайн, через ApplePay/GooglePay. Также интегрировали Яндекс.Карты для удобства добавления и изменения адреса доставки.

1Начало старта разработки и дизайна UI

Разработка UI  

1. Обновление концепции

2. Обновление дизайна

Старт разработки  

1. Базовые компоненты системы, 

2. Организация и проектирование архитектуры, 

3. Настройка автоматических сборок.

2Реализация авторизации, главного экрана, личного профиля и интеграция с платёжным сервисом

Авторизация 

- выбор типа авторизации

- вход СМС

- регистрация

Главный экран   

- вёрстка главного экрана

- вёрстка экрана просмотра воды

- быстрый заказ

- условия заказа

Корзина 

- вёрстка экрана корзины

- интеграция с платежным сервисом

Оплата

Google Pay/Apple Pay

Верстка экрана профиля

- смена региона

- выбор адреса доставки

- добавление адреса доставки 

- редактирование профиля

- настройки

- история заказов (Отмена/Оплата/Перенос)

- карты

- реферальная система

- обратная связь

3Реализация онбординга, контактов, оценки заказов, уведомлений, размещение в магазинах приложений

Онбординг   

- экраны онбординга

Контакты    

- верстка экрана, вызов КЦ, отправка email

Оценка заказа   

Окна уведомлений    

Размещение в магазинах приложений 

4Реализация второстепенных функций

Пуш-уведомления

Яндекс.Маршрутизация (нативная реализация)

Результат

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

Android:  https://play.google.com/store/apps/details?id=com.notissimus.hvalwaters.android

iOS:  https://apps.apple.com/us/app/hvalovskie-vody/id909212991?ls=1


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

  • Dart Dart Язык программирования
  • Flutter Flutter Фреймворк/библиотека

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

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

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

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