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

Наша задача заключалась в разработке PWA-решения с акцентом на минимизацию действий пользователей. На веб-сайте была предусмотрена возможность сканирования QR-кода, за счет чего можно было быстро забронировать станцию, выбрать время и произвести оплату.

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

Мы решили внедрить PWA-технологию (Progressive Web Apps), так как большая часть аудитории клиента заходила на сайт через мобильные устройства, используя QR-код. PWA позволил объединить преимущества мобильного приложения и веб-сайта. Предоставляя пользователям возможность сохранить значок на главном экране телефона и использовать камеру для сканирования QR-кода в интерфейсе приложения.

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

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

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

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

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

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

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