PWA-приложение для отслеживания привычек

К нам обратился заказчик с целю разработать приложение для отслеживания привычек для проджект-менеджеров и их команд. Мы выбрали технологию PWA и разработали дизайн. Вот что получилось!

PWA-приложение для отслеживания привычек

Что такое PWA?

Сейчас одним из ярких примеров успешной оптимизации затрат при производстве мобильных приложений является разработка PWA. Прогрессивные веб приложения в среднем на 60 процентов дешевле и закрывают около 90% функционала классических приложений. И они устанавливаются в один клик на телефон, без участия магазина.

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

Задача

Разработать PWA-приложение для отслеживания привычек для проджект-менеджеров и их команд.

PWA-приложение для отслеживания привычек

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

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

PWA-приложение для отслеживания привычек

Трекер

Привычки удобно распределены по категориям – Keep, Stop, Start. Доступна история оценок за весь период. Большие красивые кнопки оценки не дадут вам промахнуться.

PWA-приложение для отслеживания привычек

Прогресс, сессии и многое другое

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

PWA-приложение для отслеживания привычек

Делаем PWA приложения и дизайн!

Посмотрите наши работы :)

Другие интересные наши работы

99
4 комментария

Какие ограничения у ПВА при использовании устройства? Я увидел на вашем сайте, что контакты и чтение кодов из смс не возможны.

Еще что-то есть? Например доступ к камере...

К камере есть доступ. У PWA такие же возможности как у любого сайта в браузере.

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