'%3e%3cpath%20id='Vector'%20d='M93.7812%2017.4894V14.3231H90.5044V3.31441H93.7812V0.111223H104.679V3.31441H107.993V14.3231H104.679V17.4894H93.7812ZM94.8489%2012.924H103.612V4.67668H94.8489V12.924Z'%20fill='%23F0EEE4'/%3e%3cpath%20id='Vector_2'%20d='M68.546%2017.4894V3.31441H71.8228V0.111223H82.721V3.31441H86.0346V7.84304H81.6533V4.67668H72.8905V17.4894H68.546Z'%20fill='%23F0EEE4'/%3e%3cpath%20id='Vector_3'%20d='M45.4727%2017.4894V12.924H48.7496V9.72078H51.9896V7.84304H48.7496V4.67668H45.4727V0.111223H49.8173V3.31441H53.0941V6.48077H55.3032V3.31441H58.58V0.111223H62.9614V4.67668H59.6477V7.84304H56.4077V9.72078H59.6477V12.924H62.9614V17.4894H58.58V14.3231H55.3032V11.0831H53.0941V14.3231H49.8173V17.4894H45.4727Z'%20fill='%23F0EEE4'/%3e%3cpath%20id='Vector_4'%20d='M35.5857%2019.3338H26.7861H22.4416V21.6166H25.7184V23.8993H36.6534V20.6961H39.9302V0.0779219H35.5857V9.68747H26.7861V0.0779219H22.4416V11.0497H25.7184V14.2897H35.5857V19.3338Z'%20fill='%23F0EEE4'/%3e%3cpath%20id='Vector_5'%20d='M6.59045%2017.4894V14.3231H3.27682V7.84304H-9.53674e-07V0.111223H4.34455V6.48077H7.62136V12.924H9.86727V6.48077H13.1073V0.111223H17.5255V7.84304H14.175V14.3231H10.935V17.4894H6.59045Z'%20fill='%23F0EEE4'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_0_47'%3e%3crect%20width='108'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e){kind=small}
Optimization of UX/UI for PINFL.RU: Convenience and Efficiency
Creating an intuitive and efficient interface for the service of obtaining an Uzbek PINFL and UCELL SIM card without the need to travel to Tashkent.
description
readme.md
About project
The service Пинфл.рф addresses a specific bureaucratic task - obtaining an Uzbek identification number (PINFL) and a UCELL SIM card for users who cannot visit Tashkent in person. The main objective was to transform a complex multi-step legal process into a clear and trustworthy user experience.
We developed an interface that guides the user from an introductory landing page with key parameters (cost, number of steps, timelines) to a detailed description of each of the four stages of the process. Each stage is accompanied by iconography and explanatory cards that clearly delineate the areas of responsibility between the user and the service.
Special attention is given to blocks with limitations and warnings, such as the use of only UCELL or the requirement for document scans. These critically important conditions are highlighted in accent cards with color coding for importance. The delivery section presents a comparison of three methods for transmitting documents, allowing the user to choose the most suitable option.
The design was developed by our team, while the frontend and backend development was carried out by another team.
decisions
decisions.log
Decomposition of a complex process
We broke down the legally complex process of registration into 4 clear stages with a distinct visual hierarchy and division of responsibilities between the user and the service.
Iconography for abstract steps
Developed a set of custom 3D illustrations for each stage (notary, delivery, government institution) - simplifies the perception of bureaucratic procedures.
Accent blocks with restrictions
Designed a color coding system for importance (requirement/critical/important) for critical conditions that may lead to a refusal to process.
gallery
screenshots/
results
metrics.json
4
Stages of the process, visualized step by step
3
Delivery methods for documents with a visual comparison