О проекте

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

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

Логотип Product Rules
Задачи:
  • Верстка разметки для web-приложения
  • Программирование web-приложения, взаимодействие с API
  • Сборка, публикация и администрирование web-приложения на выделенном сервере
Смотреть решение
Этапы работы
1. Верстка html-разметки для web-приложения

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

В процессе работы были сделаны более 10 html-макетов разметки в разных вариациях для ключевых экранов приложения. Верстка создавалась с минималистичном подходом Mobile Only для того, чтобы обеспечить максимальное быстродействие и отзывчивсть на мобильных устройствах.

Платформа оценки навыков продуктовых менеджеров - фото 1
Верстка экранов приложения
Платформа оценки навыков продуктовых менеджеров - фото 2
Верстка ключевых экранов приложения
Результаты работ по этапу:
  • Создана разметка ;
  • Адаптивные экраны ключевых страниц проекта в Figma, подготовленных к верстке;
  • Техническое задание по проекту.
Смотреть дальше
2. Разработка web-приложения

Для разработки web-приложения мы использовали современный JavaScript-фреймворк Vue.js. Приложение использует классическую html/css-разметку, общаясь с API на backend и отрисовывая интерфейс в реактивном режиме, основываясь на пользовательских данных.

Приглашаем посмотреть работу приложения в коротком видеоролике.

Результаты работ по этапу:
  • Приложение взаимодействует с API, передает пользовательские данные и использует ответы со стороны backend для формирования интерактивного интерфейса;
  • Достигнута быстрая и отзывчивая работа на всех видах мобильных устройств;
  • Настроена интеграция с чат-ботом в Telegram.
Смотреть дальше
3. DevOps

Разработанное web-приложение и backend (Spring Framework, Java) были упакованы в Docker-контйенеры и размещены на выделеном сервере Заказчика. Была настроена система доставки обновлений, а также система мониторинга проекта.

Результаты работ по проекту:
  • Проект открыт для посетителей, его удобно администрировать и обновлять, настроена система мониторинга веб сервера
  • Функционалом удобно пользоваться со всех видов устройств
  • Проект развивается в рамках поддержки сайта
Приглашайте к обсуждению Вашего проекта!
Отправить заявку


Приглашаем к сотрудничеству
120+
завершённых проектов
20+ лет
помогаем клиентам расти
127473, Москва, улица Селезневская, дом 32
Заполните форму и мы свяжемся с вами в ближайшее время!
Согласен с обработкой моих персональных данных
в соответствии с политикой конфиденциальности
127473, Россия, Москва, улица Селезневская, дом 32, офис 302
+7 (495) 477-60-74