с 2024 по настоящее время

проектирование UX/UI для облачной системы планирования и учета

/ о проекте

Заказчик: Helios Soft, казахстанская IT-компания (с 90-х годов на рынке).

Продукт: FavorIT — облачная система для планирования, бюджетирования, бухгалтерского учета и документооборота в сфере образования Казахстана.

/ задача

Устаревшее Windows-приложение с неудобным интерфейсом тормозило работу сотрудников и было неактуальным на рынке. Нужно было перенести всю функциональность в веб и одновременно спроектировать современный UX/UI, который будет понятен тысячам пользователей без переобучения.

/ главная страница

Спроектировала персонализированный дашборд с быстрым доступом к часто используемым документам, где пользователь может самостоятельно добавлять их в «Избранное», формируя рабочий стол под себя.

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

/ Разводная страница документов

Создала навигационный хаб с категориями документов и внедрила сценарий быстрого создания. Кнопки «Создать» и "Импорт" вынесены прямо на карточки категорий, чтобы пользователь не проваливался в глубокие уровни меню, а также предусмотрено переключение между плиточным и списочным видом для удобства разных пользователей.

/ работа с множеством документов

Проработала сложную таблицу с фильтрацией по статусам («Подписанные», «Черновики», «У бухгалтера») и настройкой диапазонов значений.

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

Также проработала поведение панели вкладок при переполнении — когда их становится слишком много, они автоматически скрываются в "бургер"-меню, чтобы интерфейс оставался чистым даже при большом объеме данных.

/ создание нового документа

Спроектировала сложную форму создания юридически значимых документов, сгруппировав поля по смысловым блокам.

Настроила логику блокировки: переключение в режим списка на вкладке недоступно, пока документ не будет подписан или отменен — это предотвращает потерю данных и ошибки при заполнении.

/ работа с готовым документом

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

Отдельно проработала нижнюю панель действий: если на основании текущего документа можно создать другой (например, подготовить «Приказ о приеме на работу» на основе «Трудового договора»), соответствующая кнопка появляется прямо внизу, что делает цепочку документов логичной и быстрой.

/ Документ с встроенной таблицей

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

/ мои решения и подход

Адаптировала логику старой программы под современный паттерн работы (как в 1С и других системах), но с собственными улучшениями.

Разработала дизайн-систему на основе цветов логотипа (оранжевый и синий) и нейтральных фонов, чтобы пользователи не уставали при ежедневной работе.

Спроектировала ключевые сценарии: добавление в избранное, работа с документами, фильтрация по статусам, создание и подписание документов с активными/неактивными полями и другое.

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

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

/ результаты на сегодня

  • Два раздела системы полностью спроектированы, разработаны и протестированы (frontend + backend).

  • Интерфейс стал интуитивно понятным для новых пользователей, что сократило время входа в систему.

  • Создан фундамент для масштабирования на остальные разделы системы.

  • Проект продолжается — впереди дизайн новых функций и разделов.