Главная/ Портфолио/ UX/UI дизайн веб-сервиса — Bumagi.online
Дизайн

UX/UI дизайн веб-сервиса — Bumagi.online

Разработали полный UX/UI для сервиса онлайн-генерации деловых документов — от исследования и user flow до дизайн-системы и финального UI всех экранов.

Отрасль
SaaS · Документооборот
Срок
4 недели
Стоимость
Год
2025
Что нужно было сделать

Bumagi.online — сервис для быстрого создания деловых документов: счетов, актов, УПД, договоров, накладных и доверенностей.

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

User Flow и UX-архитектура

Спроектировали линейный пользовательский путь из 7 шагов без тупиков и лишних действий. Автопроверка данных, подсказки при заполнении, предпросмотр перед скачиванием.

UI главной страницы

Каталог документов по категориям, умный поиск по названию и контрагенту, список недавних файлов, управление подпиской — всё на одном экране без перегруза.

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

Полная дизайн-система: типографика Inter, зелёный акцент бренда, 8pt сетка, радиусы и тени, библиотека иконок. Масштабируется и поддерживается командой разработки

Как реализовали

Провели полный дизайн-цикл от исследования до готового UI.

User Flow — спроектировали линейный путь из 7 шагов: главная → выбор документа → заполнение формы → проверка данных → предпросмотр → создание PDF → скачивание. Минимум действий на каждом шаге.

UX-архитектура — логичная навигация, умный поиск по документам, быстрые действия в один клик, автосохранение данных формы.

UI главной страницы — каталог популярных типов документов, список недавних файлов, быстрый поиск по контрагентам и реквизитам.

Дизайн-система — шрифт Inter, зелёный акцент #22C55E, 8pt сетка отступов, 6 уровней радиусов и теней, библиотека иконок в линейном стиле, компоненты v1.0.

Принципы дизайна — 6 ключевых: простота, скорость, надёжность, консистентность, адаптивность, ориентация на пользователя.

Что изменилось
−70%
времени на создание документа vs ручное заполнение
5.0
максимальная оценка пользователей в тестах
100%
безопасность данных (шифрование, резервное копирование)