Экологический двор

Назад к проектам

Сервис «ЭкоДвор» —  это инновационное решение, разработанное специально для суровых северных городов, где зимой температура опускается до критической отметки. В этих условиях многие жители оставляют двигатели своих автомобилей работать без остановки. Однако такая практика приводит к тому, что в одном жилом дворе выбросы достигают до 13 тонн за холодный сезон.

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

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

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

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

Почему PWA?

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

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

Возникшие сложности

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

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

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

Тестирование

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

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

Личный кабинет
Мы инициировали создание личного кабинета администратора, чтобы он мог самостоятельно контролировать зарядные станции. По данным от клиента проект предусматривал подключение примерно двадцати станций в двух городах. Учитывая возможность масштабирования проекта в будущем, мы решили сэкономить время администратора с помощью интуитивно понятного личного кабинета. С ним администратор может самостоятельно добавлять новые станции в городах в любое время, подключать и настраивать их работу по своему усмотрению. Такой подход сильно повышает эффективность и гибкость процесса управления.
Клиент
Проектный офис развития Арктики
Фронтенд
Webpack
Бэкенд
Yii2
Год
2023
Отрасль
Интеграции
Система управления станциями
Эквайринг

Другие проекты

Небо над Енисеем
Строительство
Корпоративные сайты, 3D
Небо над Енисеем
BonBon: айдентика
Торговля
Брендинг
BonBon: айдентика
DataРу
ИТ и реклама
Корпоративные сайты
DataРу
DEPO
Строительство
Корпоративные сайты, UI/UX дизайн
DEPO
Full View
ИТ и реклама
Корпоративные сайты, 3D
Full View
НПЦ Магнитной гидродинамики
Промышленность
Корпоративные сайты, 3D
НПЦ Магнитной гидродинамики
Виколор
Промышленность
Корпоративные сайты
Виколор
LUV: айдентика
ИТ и реклама
Брендинг
LUV: айдентика
Pitcher Pitcher
Обсудить проект
Ваши контакты
О проекте
  1. Из какой вы компании, чем она занимается?
  2. С чем мы можем помочь? Как представляете результат?
  3. На какой срок работы и бюджет рассчитываете?
  4. Напишите, если удобнее общаться в мессенджере.
Бюджет
Откуда вы узнали о нас