UI translation: from tables to cards
Architecture and product engineering decisions
Architecture decision
The volume of data that fit in a Desktop table was unfeasible on mobile. I turned the check rows into expandable cards, applying progressive disclosure.
Focus on the essentials
At the start of the flow, I prioritized the citizen's photo, biometric status and the main action. Technical metadata relevant only for auditing was removed from the field view.
Ergonomics and physical constraints
Speeding up the flow steps through design
Impact at the endpoint
Field efficiency
Task time in the field dropped from 4 minutes to 1 minute and 30 seconds (a reduction of about 62%), making approaches faster and less exposed.
Commercial scalability
The new usability standard and the reduction in errors unlocked the platform's growth, which went from a pilot with 10 users to more than 1,500 active licenses.
Learnings
What did I take away for my work?
This project reinforced for me that, in high-criticality products, simplicity doesn't mean removing information, but knowing how to prioritize it.
It was also an important experience to understand how different audiences can interpret the same information in different ways, and how the Product Designer's role is to turn that complexity into a clear, predictable and reliable experience.
