Проектирование цифрового планера для строительной отрасли
Дата: 17.08.2024г. - 24.11.2025г.
Особенность: B2B2C продукт с доминированием B2B-составляющей
Моя роль и вклад: В рамках проекта я отвечала за полный цикл дизайна — от исследования пользователей до передачи макетов в разработку. Моей задачей было создать удобный инструмент, который решает реальные боли прорабов и заказчиков в процессе ремонта.
Рынок продукта: РФ
Состав команды:
- Product Owner
- Product Manager
- Команда разработчиков
- Команда тестировщиков
- Продуктовый дизайнер
- Что я делала на проекте: Исследование и анализПровела 10 глубинных интервью с прорабами, владельцами строительного бизнеса и заказчиками
- Проанализировала 8 конкурентных решений (Сметтер, Пилот. Строительство, Битрикс24, Stworka, Week и др.)
- Составила Customer Journey Map для ключевых сценариев
- Выявила основные боли: хаос в коммуникации, непрозрачность смет, сложность согласования изменений
- Прорабы теряют до 2 часов в день на отчетность и согласования
- 90% коммуникации происходит в WhatsApp или Telegram, где теряется контекст
- Заказчики готовы платить больше за прозрачность и спокойствие
- Проектирование Разработала информационную архитектуру продукта
- Спроектировала 7 ключевых пользовательских сценариев, включая:
- Согласование дополнительных работ при обнаружении дефекта
- Ежедневное планирование задач для бригады
- Прозрачный контроль бюджета для заказчика
- Создала прототипы основных потоков в Figma
- Разделение интерфейсов для прораба (мобильный+веб, где лидирует mobile First разработка) и заказчика (веб)
- Внедрение умного подбора типов задач через поиск с шаблонами
- Автоматизация формирования документов (доп. соглашений, актов)
- Визуальный дизайн и UIСобрала референсы и мудборды
- Разработала библиотеку компонентов с большим количеством полей и состояний для мобильных и веб-интерфейсов
- Создала 40+ экранов для ключевых сценариев
- Проектировала интерактивные прототипы для тестирования гипотез
- Тестирование дизайна и UX Провела серию модерируемых тестов
- Собрала SUS данные
От проблемы к решению
Презентация процесса работы
Расскажу о своих этапах проектирования цифрового планера для строительной отрасли: какие проблемы были и как я ихх решила
| Контекст проблемы Разрыв коммуникации на стройплощадке: Для прораба: Управление задачами, логистикой и документами проходит через разные каналы, важная информация медленно согласуется или вообще теряется Для заказчика: Полное отсутствие прозрачности, контроля и понимания реального прогресса Общий результат проблемы: Взаимные претензии, срывы сроков и постоянный стресс Решение Цифровой планер, который становится единым источником правды для всех участников. Он дает прорабу — инструмент для эффективного планирования, а заказчику — полную прозрачность процесса и расходов. |
Этапы моей работы
1) Анализ предметной области
Анализ аудитории
Анализ задач
Погружение в контекст, полевые наблюдения за ходом ремонта квартир
2) Сбор данных
Анализ прямых и косвенных конкурентов. Мониторинг отзывов ТГ- каналов на тему
Интервью с пользователями (прорабами и заказчиками)
Тест-опрос пользователей (прорабов и заказчиков)
3) Синтез и генерация
Сбор всех полученных инсайтов на доску и презентация команде
Генерация гипотез и участие в их валидации
Определение MVP стратегии
4) Схематизирование и прототипирование
Информационная архитектура
Построение CJM, User Flow
Вайрфреймы
Визуальный дизайн ключевых экранов
Проведение тестирования на пользователях
Доработка
5) Тесты и корректировка
Юзабилити-тестирование
Сбор фидбека и итерация
Передача в разработку
Анализ аудитории
Анализ задач
Погружение в контекст, полевые наблюдения за ходом ремонта квартир
2) Сбор данных
Анализ прямых и косвенных конкурентов. Мониторинг отзывов ТГ- каналов на тему
Интервью с пользователями (прорабами и заказчиками)
Тест-опрос пользователей (прорабов и заказчиков)
3) Синтез и генерация
Сбор всех полученных инсайтов на доску и презентация команде
Генерация гипотез и участие в их валидации
Определение MVP стратегии
4) Схематизирование и прототипирование
Информационная архитектура
Построение CJM, User Flow
Вайрфреймы
Визуальный дизайн ключевых экранов
Проведение тестирования на пользователях
Доработка
5) Тесты и корректировка
Юзабилити-тестирование
Сбор фидбека и итерация
Передача в разработку
Инсайты, полученные в ходе полевых наблюдений
Самая страшная боль на стройке - это нехватка времени и разрозненная система коммуникации
Наблюдала за процессом работы прорабов на строительном объекте. Обнаружила ряд проблем, с которыми прорабы сталкиваются регулярно. Выписала и классифицировала проблемы по степени важности
Коммуникация и Управление
Искажение: Частые искажения информации между заказчиком, прорабом и рабочими. Нет единой точки. Информация переходит от одного лица к другому. Отсюда много уточняющих вопросов
Когнитивная нагрузка: Точка принятия решений — это прораб. Все вопросы, от глобальных до пустяковых стекаются к нему
Информация и Документация
Хаотичные фотоотчёты: Фото делают когда попросит заказчик, без привязки к дате и конкретному элементу. Чаще в whatsapp , где потом трудно будет искать что-то конкретное. Есть риск случайного удаления и потери фото
Бумага и цифра: Часто используется смесь подходов: чертежи на бумаге, смета в Excel, переписка в WhatsApp. Поиск нужного документа занимает время.
Проблема статуса: Заказчик находится в отрыве от процесса: Знает график, план и сроки, но не знает, что именно будут делать сегодня. (Пассивный наблюдатель в ожидании неизвестности — стресс. Он несёт финансовые затраты, но не контролирует процесс. )
Рабочие процессы и Логистика
Неожиданности — это норма. При работах всегда обнаруживаются непредвиденные проблемы, требующие быстрого изменения плана и сметы.
Простой — главный враг. Работы останавливаются из-за несвоевременной поставки материалов. Все начинают нервничать
Поведение и Боли участников
Прораб: Высокая нагрузка. Одновременно делает множество дел. Его внимание постоянно разрывается. Кроме того ведёт сразу несколько проектов.
Заказчик: Находится в изоляции. Он как наблюдатель, но не участник. Боится обмана, боится переплатить и получить некачественный ремонт
Искажение: Частые искажения информации между заказчиком, прорабом и рабочими. Нет единой точки. Информация переходит от одного лица к другому. Отсюда много уточняющих вопросов
Когнитивная нагрузка: Точка принятия решений — это прораб. Все вопросы, от глобальных до пустяковых стекаются к нему
Информация и Документация
Хаотичные фотоотчёты: Фото делают когда попросит заказчик, без привязки к дате и конкретному элементу. Чаще в whatsapp , где потом трудно будет искать что-то конкретное. Есть риск случайного удаления и потери фото
Бумага и цифра: Часто используется смесь подходов: чертежи на бумаге, смета в Excel, переписка в WhatsApp. Поиск нужного документа занимает время.
Проблема статуса: Заказчик находится в отрыве от процесса: Знает график, план и сроки, но не знает, что именно будут делать сегодня. (Пассивный наблюдатель в ожидании неизвестности — стресс. Он несёт финансовые затраты, но не контролирует процесс. )
Рабочие процессы и Логистика
Неожиданности — это норма. При работах всегда обнаруживаются непредвиденные проблемы, требующие быстрого изменения плана и сметы.
Простой — главный враг. Работы останавливаются из-за несвоевременной поставки материалов. Все начинают нервничать
Поведение и Боли участников
Прораб: Высокая нагрузка. Одновременно делает множество дел. Его внимание постоянно разрывается. Кроме того ведёт сразу несколько проектов.
Заказчик: Находится в изоляции. Он как наблюдатель, но не участник. Боится обмана, боится переплатить и получить некачественный ремонт
Данные из интервью с владельцами жилья
- "Я спокоен, когда вижу процесс"Уровень стресса обратно пропорционален четкости плана. С дизайн-проектом было меньше стресса. Общая боль — координация и контроль. Независимо от формата, все столкнулись с проблемой управления процессом и людьми.
- "Я спокоен, когда вижу бюджет"Прозрачность и предсказуемость: Детальный бюджет-трекер, привязанный к этапам, наглядный график работ, уведомления о рисках срыва.
- "Мне легко, когда есть общий чат с мастерами"Стать платформой для коллаборации — где дизайнер может оставить комментарий к фото с объекта, а прораб — задать технический вопрос.
- "Я спокоен, когда у меня есть напоминания по срокам "Внутренний чат с фиксацией всех запросов. Любое изменение должно быть в письменной форме в системе. Система раннего оповещения. Напоминание прорабу согласовать изменения до начала этапа. Конструктор доп. работ с привязкой к рыночным ценам на материалы и работы, чтобы расчеты были обоснованными.
- "Я спокоен, когда самолично даю согласие"Привязка сметы к этапам и фотоотчетам. Каждый закрытый этап и потраченная сумма должны быть подтверждены цифровым чек-листом приемки. Минимум полей, но обязательная фиксация. Любое изменение — только через подписание допника в системе.
Таблица
Вопросы к интервью
В интервью приняло участие более 5 человек - собственников жилья, кто недавно делал ремонт
Сбор данных
Данные из интервью
с прорабами
с прорабами
В интервью приняло участие более 8 человек (все участники - сотрудники ASGROUP )
Боль пользователя
Нет единого места, куда можно писать и отправлять фотоотчёт. Разрозненность.
Нет единого места, куда можно писать и отправлять фотоотчёт. Разрозненность.
Желаемый исход (Job To Be Done)
“Когда у меня куча разных каналов для связи, я хочу иметь единое пространство, чтобы видеть всю важную информацию одновременно”
“Когда у меня куча разных каналов для связи, я хочу иметь единое пространство, чтобы видеть всю важную информацию одновременно”
Ежевечерняя рутина по сбору данных из чатов, фото и блокнотов в единый отчет для заказчика
"Когда я заканчиваю рабочий день, я хочу одним кликом сформировать отчет для заказчика, чтобы тратить на это не 2 часа, а 10 минут"
Простой объектов из-за длительного согласования допов и изменений с заказчиком
"Когда я обнаруживаю непредвиденную работу, я хочу за 15 минут отправить заказчику понятную смету и получить электронную подпись, чтобы не останавливать работы"
Информация тонет в чатах, нельзя быстро найти нужное обсуждение или фото
"Когда мне нужно найти, что мы решали по работам недели 2 назад, я хочу найти это за 30 секунд, а не листать чат полчаса"
Сбор данных
Анализ конкурентов
Провела анализ конкурентов: функционал, предложения, отзывы в сторах, анализ паттернов и визуального решения
Кто наши конкуренты?
Провела анализ конкурентов: Сметтер, Битрикс24, Пилот Строительство, Stworka
Данные
Таблица общего анализа конкурентов
Гипотезы
Гипотезы на основе данных
На основе полученных данных выделяю ключевые проблемы и строю гипотезы
Гипотезы
Гипотеза 1: Автоматизация отчетности
Если мы дадим прорабам инструмент, который автоматически собирает данные из чатов (WhatsApp/Telegram) и фото в структурированный отчет по шаблону, То это сократит время на подготовку ежедневной отчетности. Потому что исчезнет необходимость ручного переноса данных из разных источников
Метрики успеха
Измеряем: Время на формирование отчета прорабов, использующих функцию ежедневно.
NPS от заказчиков, получающих такие отчеты
Гипотеза 2: Мгновенное согласование изменений
Если внедрить модуль быстрого согласования допработ с электронной подписью и предзаполненными шаблонами смет. То время согласования изменений сократится
Потому что процесс станет прозрачным и исключит задержки из-за бумажной волокиты.
Метрики успеха
Измеряем: Среднее время согласования изменений. Простои из-за несогласованных работ. Количество обращений в техподдержку.
Гипотеза 3: Цифровой контроль качества
Если создать библиотеку чек-листов для разных этапов работ с привязкой к BIM-модели и фотофиксацией, То количество ошибок и переделок снизится. Потому что прорабы получат стандартизированную систему проверки вместо reliance на личный опыт.
Метрики успеха
Количество претензий от заказчиков
Гипотеза 4: Единое пространство для коммуникации
Если объединить обсуждения, задачи и файлы по объектам в одном месте с интеллектуальным поиском, То время на поиск информации сократится
Потому что вся информация будет структурирована и доступна по контекстному поиску.
Метрики успеха
Время поиска информации. Количество дублирующих вопросов в чатах.
% использования системы как основного канала коммуникации
Если мы дадим прорабам инструмент, который автоматически собирает данные из чатов (WhatsApp/Telegram) и фото в структурированный отчет по шаблону, То это сократит время на подготовку ежедневной отчетности. Потому что исчезнет необходимость ручного переноса данных из разных источников
Метрики успеха
Измеряем: Время на формирование отчета прорабов, использующих функцию ежедневно.
NPS от заказчиков, получающих такие отчеты
Гипотеза 2: Мгновенное согласование изменений
Если внедрить модуль быстрого согласования допработ с электронной подписью и предзаполненными шаблонами смет. То время согласования изменений сократится
Потому что процесс станет прозрачным и исключит задержки из-за бумажной волокиты.
Метрики успеха
Измеряем: Среднее время согласования изменений. Простои из-за несогласованных работ. Количество обращений в техподдержку.
Гипотеза 3: Цифровой контроль качества
Если создать библиотеку чек-листов для разных этапов работ с привязкой к BIM-модели и фотофиксацией, То количество ошибок и переделок снизится. Потому что прорабы получат стандартизированную систему проверки вместо reliance на личный опыт.
Метрики успеха
Количество претензий от заказчиков
Гипотеза 4: Единое пространство для коммуникации
Если объединить обсуждения, задачи и файлы по объектам в одном месте с интеллектуальным поиском, То время на поиск информации сократится
Потому что вся информация будет структурирована и доступна по контекстному поиску.
Метрики успеха
Время поиска информации. Количество дублирующих вопросов в чатах.
% использования системы как основного канала коммуникации
Схематизирование и прототипирование
Информационная Архитектура (Главные Объекты и их атрибуты)
Перед началом строю информационную архитектуру, чтобы лучше понять с чем регулярно сталкиваются мастера и заказчики: с какими данными мастера и заказчики работают
Схематизирование и прототипирование
Построение карты CJM
Разбиваю CJM карты по сценариям. (Для примера здесь - Согласования дополнительных работ при обнаружении дефекта)
CJM
Схематизирование и прототипирование
User Flow
Превращение CJM в User Flow Смотрю на боли и возможности
| Превращение CJM в User Flow Смотрю на боли и возможности Долгий процесс → Ускорить. Добавить голосовой ввод вместо клавиатуры. Добавить поля с выпадающим списком, а не просто текстовым полем (чтобы прораб не думал как это описать) Нет доступа к прайсу → Дать доступ. Подгружать базу из региона. Пользователь сразу видит актуальную расценку. Автосчёт общий суммы Непонятный отчет для заказчика → Сделать отчет наглядным. Разделить работы и материалы. Вынести этапы и счета. Не видно статуса → Обеспечить прозрачность. Меняем статус работ как только заказчик утверждает соглашение. Отправляем push-уведомление прорабу, как только заказчик принял решение. |
Тесты и корректировка
Тестирование
Тестирование буду проводить онлайн - дам пользователю прототип и несколько сценариев. Тестирование модерируемое. Участвуют 8 человек. Перед тестированием предлагаю гипотезы.
Гипотезы
- Пользователь понимает где открыть нужный проектПодтвердилось
- Пользователь понимает как выбрать категорию задачиПодтвердилось
- Пользователь понимает как добавить фото дефектаНет (Долго ищёт. Заменить большой кнопкой)
- Пользователь понимает из чего складывается срок устранения дефектаНет (Вывести сумму как итог в днях)
- Пользователь понимает как удалить сметуНет (Вывести иконку корзины)
- Пользователь понимает как закрыть задачу - выполнить.Нет (Сомневается. Пересобрать кнопку и добавить чек)
- Пользователь понимает как сделать задачу приватнойПодтвердилось
Выписываю дополнительные инсайты по тестированию
Отправляюсь на доработку
Тесты и корректировка
Результаты финального тестирования
Тестирование буду проводить онлайн - дам пользователю прототип и несколько сценариев. Тестирование модерируемое. Участвуют 8 человек.
ДО
Первичный интерфейс
ПОСЛЕ
интерфейс после тестирования
Библиотека компонентов
(Типографика, палитра, компоненты, система отступов, сетки)
| Заключение Количественные результаты
Качественные изменения Система стала единым источником правды — теперь нет споров, кто что сказал Что дальше?
|
Спасибо за внимание
Узнать подробности и посмотреть больше макетов можно при личной встречи со мной
