Monitoring App — дизайн PWA для управления детскими площадками

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

Задача

Спроектировать интерфейс PWA-приложения, которое:
— Повысит лояльность к компании заказчика и его платным услугам аудита.
— Позволит посетителям сообщать о проблемах на площадках.
— Даст владельцам инструменты для планирования инспекций и получения обратной связи.
— Выстроит доверительные отношения между всеми участниками.

Что сделал

Выполнил полный цикл проектирования интерфейса и передал макеты в разработку с последующим дизайн-ревью.

Ключевые этапы:

  1. Исследование и анализ — изучил бизнес-процессы заказчика, потребности владельцев площадок и родителей, сценарии использования.
  2. Вайрфреймы — спроектировал структуру и логику приложения, разбив функционал на две роли: владельцы площадок и родители/опекуны.
  3. Дизайн — разработал чистый и понятный интерфейс PWA, адаптированный под мобильные устройства.
  4. Дизайн-ревью — после передачи макетов в разработку сопровождал процесс, проверял соответствие реализации утверждённому дизайну.

Основные экраны и функционал:

Для владельцев площадок:

  • QR-код для каждой площадки.
  • Дашборд с напоминаниями о сроках проверок.
  • Входящие сообщения о проблемах от посетителей.
  • Форма для публикации результатов инспекций и правил безопасности.

Для родителей/опекунов:

  • Страница площадки после сканирования QR — владелец, статус безопасности, дата последней проверки.
  • Форма отправки сообщения о дефекте.
  • Статус обработки запроса.

Результат

Готовый дизайн PWA — все экраны спроектированы, логика пользовательских сценариев проработана.
Передал макеты в разработку (стек: Laravel + Vue.js) и провёл дизайн-ревью, обеспечив качественную реализацию.
Проект запущен в пилотном режиме — клиент получает положительные отзывы о функциональности и концепции продукта.

Технологии: Figma (вайрфреймы, дизайн), PWA, Laravel, Vue.js.

Если нужен цифровой продукт, который решает реальные задачи бизнеса, а не просто «есть» — давайте обсудим ваш проект.

Работа была сделана в СтудииДавыдова

Прокрутить вверх