Главная
/
Кейсы
/
Дизайн мобильного приложения для передачи и отслеживания коммунальных показаний

Дизайн мобильного приложениЯ для передачи и отслеживания коммунальных показаний

Понятный и многофункциональный интерфейс, который одновременно подходит для широкого круга пользователей и упрощает работу сотрудников ЖКХ.

Что делали: UX/UI-дизайн, проектирование пользовательских потоков, интерактивные прототипы, создание дизайн-системы, адаптация интерфейсов под разные устройства, тестирование с пользователями.

У меня похожая задача

О клиенте

Оператор ЖКХ с большим количеством абонентов и многокомпонентной системой учета данных.

О продукте

Мобильное приложение, чтобы передавать показания счетчиков и отслеживать историю показаний, оплачивать коммунальные услуги онлайн, получать уведомления о сроках оплаты и состоянии счетов, формировать отчёты для операторов ЖКХ, онлайн-поддержка через чат-бот.

Задача дизайна

Основная цель дизайна — обеспечить понятный и многофункциональный интерфейс, который одновременно подходит для широкого круга пользователей и упрощает работу сотрудников ЖКХ.

Как проходил проект

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

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

UI-дизайн включал разработку интуитивного личного кабинета, адаптивных дашбордов и элементов управления, визуальное оформление уведомлений и отчетов. Создавалась дизайн-система с компонентами, токенами и адаптивными макетами для мобильных и веб-платформ.

Этапы работы

UX-аудит и исследование: анализ существующих процессов, опросы пользователей, выявление проблем и приоритизация
Проектирование пользовательских потоков: сценарии передачи показаний, оплаты, управления личным кабинетом
Разработка wireframes и интерактивных прототипов: тестирование сценариев с жильцами и операторами
UI-дизайн: визуальное оформление личного кабинета, дашбордов, уведомлений, типографика, иконки
Создание дизайн-системы: компоненты, состояния, токены, адаптивность интерфейсов
Дизайн-надзор: сопровождение разработки и контроль соответствия макетов
UX-тестирование: проверка удобства, исправление ошибок, улучшение пользовательских сценариев

Результаты

Интерфейс стал интуитивно понятным и доступным для пользователей с разной цифровой грамотностью
Снизилось количество ошибок при вводе показаний и оплате
Пользователи быстрее ориентируются в приложении и выполняют ключевые действия
Дизайн-система обеспечила масштабируемость и консистентность интерфейса, упрощая внедрение новых функций

Инструменты и стек

Figma, Miro, Jira, Confluence