Sitewise — приложение для строительных бригад и веб-админка: кликабельный прототип MVP
Продукт для строительной компании из двух частей. Мобильное приложение бригад: объекты, задачи со статусами, фотоотчёты и учёт смен. Веб-админка прораба и офиса: объекты, канбан задач, сотрудники и табели с выгрузкой в CSV. Мы спроектировали обе части и собрали связанный кликабельный прототип.
О продукте
Коротко — что это за продукт и для кого он.
Sitewise — концепт продукта для строительной и ремонтной компании, у которой несколько объектов одновременно и бригады из разных специалистов. Задачи передаются в мессенджерах, фото теряются в чатах, а рабочие часы собираются вручную в конце недели.
Мы спроектировали связку из мобильного приложения для бригад и веб-админки для прораба и офиса и собрали кликабельный прототип обеих частей. Переключатель вверху прототипа позволяет пройти сценарии и рабочего на объекте, и руководителя за компьютером.
Задача
Компании нужно было собрать работу на объектах в одном месте: кто что делает, в каком статусе задача, что видно на фото и сколько часов отработано. Руководству — видеть картину по всем объектам без звонков бригадирам.
Приложение для рабочих должно быть простым: крупные элементы, минимум текста, работа в перчатках и на ходу. Админка, наоборот, плотная по данным: списки, фильтры, канбан и табели.
Особенности проекта
Объекты. Список объектов с адресом, статусом, прогрессом задач, числом фото и составом бригады. В админке объекты фильтруются по статусу, создаются и назначаются бригадам.
Задачи. Рабочий видит свои задачи по объектам, меняет статус «к выполнению → в работе → готово» и прикладывает фото с площадки. В админке задачи разложены на канбан-доске.
Учёт времени. Начало и конец смены в одно касание с выбором объекта, итог за день и неделю. В админке — табели по сотрудникам и объектам и выгрузка в CSV для бухгалтерии.
Уведомления. Новые задачи, добавление в объект и сроки приходят в приложение, поэтому бригада не пропускает изменения.
Решение и подход
Как мы шли от сценариев к прототипу.
Мы описали роли — рабочий, бригадир, прораб, офис — и для каждой собрали свой набор сценариев. Мобильная часть сделана крупной и контрастной, веб-часть — плотной таблично-карточной, обе на общей дизайн-системе с единой палитрой и статусами.
Прототип открывается по ссылке в браузере. Для MVP рекомендуем Flutter для мобильного приложения, React для веб-админки и бэкенд на Laravel с PostgreSQL; фото хранятся в объектном хранилище, табели выгружаются в учётную систему.
Технологический стек
Чем собран прототип и что рекомендуем для разработки.
Почему две части в одном прототипе
Ценность продукта видна только на стыке ролей: рабочий отметил задачу и приложил фото — прораб сразу увидел это в админке. Поэтому мы собрали обе части в одном прототипе и связали их общими данными: те же объекты, задачи и люди.
Так заказчик проверяет весь процесс целиком, от задачи на объекте до табеля в бухгалтерии, и договаривается о составе MVP до разработки.
Функции продукта
Ключевые возможности, которые закрывают задачу.
Объекты
Адрес, статус, прогресс, фото и бригада
Задачи
Статусы и фото с площадки
Канбан
Задачи всех объектов на одной доске
Учёт смен
Clock in / clock out с объектом
Табели
По сотрудникам и объектам, экспорт CSV
Сотрудники
Роли, контакты и загрузка
Уведомления
Новые задачи и сроки
Как это работает
Ключевые экраны прототипа — по шагам.
Объекты бригады
Рабочий видит объекты, где он занят: фото площадки, адрес, прогресс по задачам, число фотоотчётов и людей. Сверху — плашка текущей смены с таймером.
Карточка объекта ведёт к задачам и галерее, поэтому всё по объекту — в одном месте.
Задача и смена статуса
Экран задачи: исполнитель, срок, автор и текущий статус. Рабочий меняет статус в одно касание и прикладывает фото с площадки.
Изменения сразу появляются у прораба в веб-админке, звонить и писать в мессенджер не нужно.
Учёт рабочего времени
Начало и конец смены одним касанием с выбором объекта. Ниже — часы за сегодня и за неделю, график по дням и история смен.
Эти данные становятся основой табелей, которые офис видит в админке.
Веб-админка: дашборд
Сводка по всем объектам: сколько запланировано, в работе и завершено, объекты по статусам с прогрессом задач и список тех, кто сейчас на смене.
Прораб видит, где работа идёт, а где стоит, без звонков бригадирам.
Веб-админка: табели
Часы из мобильного учёта смен собираются в табель по сотрудникам или по объектам, с фильтрами по неделе, объекту и людям.
Табель выгружается в CSV для бухгалтерии и расчёта зарплаты.
Кликабельный прототип Sitewise
Прототип открывается в браузере по ссылке — установка не нужна. Пройдите сценарии сами: экраны связаны переходами, работают кнопки, поля, шторки и ошибки. Удобнее всего смотреть с телефона, на компьютере прототип показывается в рамке устройства. Интерфейс прототипа на английском.
Данные сотрудников и объектов
Продукт хранит данные сотрудников, рабочее время и фото с объектов. Доступ разграничен по ролям: рабочий видит только свои объекты и задачи, прораб — свои объекты, офис — всё.
При разработке обработка персональных данных строится по 152-ФЗ, фото и табели хранятся на сервере компании или в выбранном облаке.
В цифрах
- Связанный кликабельный прототип мобильного приложения и веб-админки.
- Объекты с прогрессом, задачами, фото и бригадой.
- Смена статуса задачи и фотоотчёт с площадки.
- Учёт смен с выбором объекта и историей.
- Канбан задач, сотрудники и табели с выгрузкой CSV в админке.
- Прототип открывается по ссылке в браузере.
Часто задаваемые вопросы
Для каких компаний подходит Sitewise?
Можно ли посмотреть прототип?
Можно ли выгружать табели в 1С?
Работает ли приложение без интернета на объекте?
Сколько стоит разработка?
Наши кейсы
Ещё продукты, которые мы спроектировали и запустили.
Юнилаб
Приложение для сети медлабораторий: онлайн‑запись, результаты анализов, каталог услуг.
Фитнес-приложение
Мобильное приложение для тренировок и контроля активности с трекингом прогресса.
Climatic App
Приложение для дистанционного управления климатическим оборудованием по Wi-Fi.
Блог наших экспертов
Разбираем разработку и технологии простым языком.
Обсудим ваш проект?
Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.
Нужен продукт для полевых бригад — начнём с прототипа
Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.