
Оптимизация UX/UI для ПИНФЛ.РУ: Удобство и эффективность
Создание интуитивного и эффективного интерфейса для сервиса оформления узбекского ПИНФЛ и SIM-карты UCELL без необходимости поездки в Ташкент.
описание
readme.md
О проекте
Сервис Пинфл.рф решает специфическую бюрократическую задачу - оформление узбекского идентификационного номера (ПИНФЛ) и SIM-карты UCELL для пользователей, которые не могут посетить Ташкент лично. Основная задача заключалась в том, чтобы превратить сложный многоэтапный юридический процесс в понятный и доверительный пользовательский опыт.
Мы разработали интерфейс, который ведет пользователя от ознакомительного лендинга с ключевыми параметрами (стоимость, количество этапов, сроки) до детализированного описания каждого из четырёх этапов процесса. Каждый этап сопровождается иконографикой и поясняющими карточками, которые четко разделяют зоны ответственности между пользователем и сервисом.
Особое внимание уделено блокам с ограничениями и предупреждениями, такими как использование только UCELL или требование сканов документов. Эти критически важные условия вынесены в акцентные карточки с цветовой маркировкой важности. В блоке доставки представлено сравнение трех способов передачи документов, что позволяет пользователю выбрать наиболее подходящий вариант.
Дизайн был разработан нашей командой, в то время как разработка фронтенда и бэкенда велась другой командой.
решения
decisions.log
Декомпозиция сложного процесса
Разбили юридически сложный процесс оформления на 4 понятных этапа с чёткой визуальной иерархией и разделением зон ответственности между пользователем и сервисом.
Иконографика для абстрактных шагов
Разработали набор кастомных 3D-иллюстраций для каждого этапа (нотариус, доставка, гос. учреждение) - упрощает восприятие бюрократических процедур.
Акцентные блоки с ограничениями
Спроектировали систему цветовой маркировки важности (требование/критично/важно) для критичных условий, которые могут привести к отказу в оформлении.
галерея
screenshots/



результат
metrics.json
4
Этапа процесса, визуализированных пошагово
3
Способа доставки документов с наглядным сравнением
