ЖКХ-мастер Следующий проект: MES система для КАДП →

ЖКХ-мастер

Роль: дизайнер и разработчик Отрасль: ЖКХ Тип: личный pet-проект
Контекст

ЖКХ-мастер — личный pet-проект: веб-приложение для управляющей компании ЖКХ с учётом объектов недвижимости, поставщиков услуг, начислений по счетам и аналитикой.

Моя роль: спроектировал и самостоятельно реализовал интерфейс — от UX-макетов до готовой HTML/CSS-вёрстки, с использованием AI-ассистентов (Claude Code, Codex) для ускорения разработки.

ЖКХ-мастер — дашборд

Главный дашборд (демо-режим, светлая тема)

Мотивация

Цель проекта — на практике пройти полный цикл продуктового дизайнера: от проектирования интерфейса до его самостоятельной реализации в коде, без передачи разработчикам. Это также способ подтвердить implementation literacy — понимание HTML/CSS, компонентной структуры и того, как дизайн-решение ложится в реальную вёрстку.

Процесс
  • Спроектировал и свёрстал разделы: дашборд, объекты недвижимости, поставщики услуг, счета и аналитика.
  • Собрал компактную дизайн-систему проекта — согласованные компоненты, отступы и цветовые токены для всех разделов.
  • Использовал AI-ассистентов (Claude Code, Codex) как постоянных рабочих инструментов — для ускорения вёрстки и точечных правок кода.
  • Проверял и вручную корректировал сгенерированный код там, где это было быстрее точечного запроса агенту.
ЖКХ-мастер — объекты недвижимости

Раздел «Объекты недвижимости»

Результат

Реализовано полноценное демо-приложение с рабочими разделами и единой дизайн-системой — от учёта объектов и поставщиков до счетов и аналитики.

ЖКХ-мастер — поставщики услуг

Раздел «Поставщики услуг»

ЖКХ-мастер — счета

Раздел «Счета»

ЖКХ-мастер — аналитика

Раздел «Аналитика»

ЖКХ-мастер — дизайн-система проекта

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