PMS

Контекст

Сложный B2B-продукт, который должен быть предсказуемым

PMS — B2B-система управления недвижимостью на Vue и PrimeVue (PrimeOne 3.1.0). Я прошёл путь от поддержки продукта до ведущего дизайнера: отвечаю за весь UX, дизайн-систему и проработку сложных интерфейсных блоков в связке с разработкой и аналитикой.

Стек

Vue · PrimeVue

Тема

Светлая + тёмная

Роль

От support до lead

Зона

Дизайн-система + UX

Задача

Навести порядок в сложном интерфейсе и сделать его масштабируемым

Enterprise-продукт быстро обрастает экранами и краевыми случаями. Нужно было выстроить единый визуальный язык, переиспользуемые паттерны и предсказуемое поведение сложных блоков — чтобы продукт рос без хаоса и переделок.

Что я сделал

Дизайн-система, паттерны и проработанные состояния

Дизайн-система на токенах

Собрал дизайн-систему с нуля на Figma Variables и токенах: цвета, типографика, светлая и тёмная темы. Связал её с PrimeVue (PrimeOne 3.1.0), чтобы дизайн и фронтенд говорили на одном языке и новые экраны собирались быстро и консистентно.

Блок расчёта цены: проектирую состояния, а не один экран

Ключевой блок продукта — расчёт цены. Спроектировал его как систему из пяти состояний с ручным триггером пересчёта: пользователь меняет параметры, видит, что данные устарели, и осознанно запускает пересчёт. Так нет «молчаливых» ошибок и неактуальных цифр.

От поддержки до ведущего дизайнера

Начинал с поддержки продукта, вырос до ведущего дизайнера: отвечаю за весь UX, дизайн-систему и консистентность. Работаю в плотной связке с разработкой и аналитикой — дизайн решает реальные продуктовые задачи, а не просто «рисует экраны».

Итог

Масштабируемый продукт с единым языком и предсказуемыми блоками

Дизайн-система на токенах со светлой и тёмной темами, переиспользуемые паттерны и проработанные состояния во всех ключевых блоках. Новые экраны собираются быстрее и без хаоса.

Дальше