Workspace Digital Awards 2025 — престижнейшая международная премия в сфере диджитал. Принять участие!
Красная рамка
Мобильное приложение «Ключевая вода»
Красная рамка
#Приложение под ключ

Мобильное приложение «Ключевая вода»

115 
Красная рамка
Красная рамка Россия, Томск
Поделиться:
Мобильное приложение «Ключевая вода»
Клиент

Ключевая вода

Сфера

Электронная коммерция

Регион

Россия, Томск

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

IOS, Android

Сдано

Май 2023

Задача

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

Основные требования:

- Удобный и интуитивно понятный интерфейс для пользователей.

- Полная интеграция с ERP-системой для автоматизации обработки заказов.

- Высокий уровень безопасности данных.

Решение

Для реализации проекта мы выбрали стек технологий, который включал PHP, Yii2, Vue (Quasar) и TypeScript. Этот выбор позволил нам создать надежное и производительное решение, соответствующее всем требованиям клиента.

Серверная часть

Для серверной части была использована связка PHP и Yii2. Yii2 обеспечил нам удобство разработки, гибкость и высокую производительность. Он позволил быстро и эффективно реализовать функциональность API для взаимодействия мобильного приложения с ERP-системой.

Клиентская часть

Для разработки интерфейса мобильного приложения мы использовали Vue.js с Quasar. Quasar предоставил мощный инструментарий для создания адаптивных и кроссплатформенных приложений. Это позволило нам реализовать единый код для iOS и Android, что значительно сократило время разработки.

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

Интеграция с ERP

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

1Описание технического задания и определение функциональности приложения

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

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

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

2Дизайн и верстка

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

Проанализировав действующий сайт, мы приступили к разработке гайда по стилю приложения.

3Программирование

Главная задача приложения — разгрузить менеджеров и сделать процесс заказа максимально автономным. 

Мы проработали схему заказа и приступили к интеграции.  

Результат


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

  • PHP PHP Язык программирования
  • TypeScript TypeScript Язык программирования
  • Yii2 Yii2 Фреймворк/библиотека
  • Vue.js Vue.js Фреймворк/библиотека
  • Docker Docker Среда разработки

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

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

Красная рамка с удовольствием обсудит вашу задачу

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