WELCOME 24 — внутренняя платформа для агентов недвижимости

Контекст проекта

WELCOME 24 — внутренняя платформа, которой агенты и менеджеры пользуются каждый день. До платформы: операции велись в Excel и внешних таблицах, KPI и доход считались вручную, аналитика была разбросана по разным источникам, данные быстро устаревали. Платформа росла, а инструменты управления — нет.

Проблема

Не было единого источника правды. Из-за этого ломались сразу четыре вещи:

• Показатели агента нельзя было увидеть, не пересобрав их вручную в Excel.
• У менеджеров не было картины по всей сети — только таблицы по офисам, которые расходились друг с другом.
• У агентов не было метрики, на которую можно опереться в действии, — цифры никого не мотивировали.
• Каждый новый офис добавлял кому-то ручную работу по отчётности.

Решения принимались по интуиции, а не на основе данных.

Бизнес-цель

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

• Собрать KPI, доход и ежедневные операции в одном месте.
• Показывать агенту, где он сейчас и что делать дальше, а не только то, что уже произошло.
• Заменить ручную отчётность цифрами, которые система считает сама.
• Выдерживать и десятки, и тысячи агентов без пересборки.
• Работать одинаково на web, iOS и Android.

Моя роль

Как продуктовый дизайнер я полностью отвечала за ключевые блоки продукта: дашборд агента «Показатели», полную дизайн-систему (токены → компоненты → гайдлайны), базу агентов, иерархию навигации платформы, UX-поддержку для Web, iOS, Android, решения, влияющие на мотивацию, прозрачность дохода и масштабируемость сети.

Модуль MLM разрабатывал другой участник команды.

Подход и процесс

Дизайн-система как основа продукта

Дизайн-систему я рассматривала не как UI-кит, а как операционную основу для дашбордов, таблиц и мобильных сценариев. Интерфейс WELCOME 24 разрабатывался строго в рамках существующих брендгайдов компании. Для бизнеса было критично, чтобы продукт ощущался естественным продолжением экосистемы welcomehome24.ru, а не отдельным приложением.

Это означало работу в строгих рамках: фиксированные брендовые цвета, утверждённая типографика, заданный визуальный характер.

На основе официальной брендовой палитры WELCOME 24 я построила функциональную цветовую систему интерфейса. Каждый базовый брендовый цвет был расширен в полную шкалу от 50 до 900, что дало: единообразное использование цвета во всех состояниях UI (hover, active, focus, disabled, фон, границы), понятную визуальную иерархию, отказ от случайных акцентных цветов, запас для новых состояний UI без придумывания цветов за пределами бренда.

Система типографики построена на двух брендовых шрифтах из гайдлайнов WELCOME 24: Roboto Flex — основной шрифт интерфейса для длинного текста, таблиц и навигации. Montserrat — акцентный шрифт для заголовков и структурных блоков. Я расширила базовые брендовые правила в полноценную продуктовую систему типографики: 5 уровней заголовков (H1–H5), 3 уровня подзаголовков для карточек/списков/блоков данных, 4 уровня основного текста под разные сценарии чтения, единые правила размеров/отступов для кнопок (от Giant до Tiny), стили Caption и Label для системных подсказок, статусов и второстепенной информации.

Я расширила брендгайды до полноценной дизайн-системы: 12-колоночная сетка.

Нажмите, чтобы рассмотреть детали.

Кнопки, карточки, таблицы, теги, поля форм, состояния.

Система стала единым источником правды для Web, iOS и Android.

Дашборд «Личные показатели»

Цель дашборда

Дать агенту ответ за 10 секунд: «Где я сейчас? Я расту? Что делать дальше?»

Ключевые решения

Карточки KPI (сделки, доход, активность), динамика по времени (день/неделя/месяц), мини-графики, блок «Активы и сделки», система уровней и прогресса (геймификация).

Дашборд не заменяет полноценную CRM-аналитику. Он следует принципу «Один экран — одна история». Агент сразу понимает: текущие показатели, тренды роста, какие сделки повлияли на результат, насколько он близок к цели. Глубокая аналитика живёт в отдельных разделах. Дашборд — это инструмент для ежедневных решений.

База агентов

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

UX-решение

• Единые карточки агентов (фото или инициалы, имя, город, специализация, быстрые контакты)
• Гибкие фильтры и поиск (город, специализация, имя — с сохранением контекста)
• Пагинация с учётом фильтров (быстрая навигация без потери ориентации)
• Обработка неполных профилей (инициалы, упрощённые карточки, сохранённый визуальный ритм)
• Полная интеграция с дизайн-системой (карточки, теги, иконки, поля, состояния)
• Удобная для сканирования вёрстка (сетка, компактные теги, понятная иерархия)

В результате база агентов: значительно ускорила поиск специалистов, снизила нагрузку на менеджмент, сделала структуру сети прозрачной, улучшила внутреннюю коммуникацию и скорость принятия решений, выдержала рост сети.

Мобильный опыт

Мобильный интерфейс оптимизирован под быстрые, частые сценарии: проверка KPI, уровни, сделки, отчёты.

Нажмите на экран, чтобы рассмотреть детали.

Продукт был успешно опубликован в App Store. На данный момент iOS-приложение временно недоступно из-за внешних региональных ограничений.

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

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

Результаты