Singpass, the EU Digital Identity Wallet, and the American Express app each show strengths in convenience, hierarchy, customization, or branding, while still needing improvements in visual clarity or design consistency. All three highlight the importance of good navigation and trustworthy visual presentation. Overall, they balance usability and security well but differ in how they present information.
The design process begins with sketching dozen of different layout to see what work and what didn't. The main goal was to figure out how to present key information while also improving the overall license layout .
When moving from sketches to low-fidelity wireframes, a design challenge crop up. Early wireframes felt clunky and lacked clear hierarchy or visual flow. License information varied widely in length, from short fields like license class to longer ones like date of birth, making it harder than expected to create a balanced layout.
A bento box layout solved the clunky UI problem. The modular grid approach worked well for varying information lengths since the design could adjust the sections to fit different data. However, it didn't solve everything. Deciding where each piece of information should go was still a challenge.
Using the bento box format, I grouped related information into sections and place the most important details at the top. I explored multiple layout verisons to test different arrangements, though most of them didn't work.
During hi-fi wireframes phase, different layout were continuous being explored while including the state branding identity. This design phase experience the most design layout changes.
An card shape was include to help user connect that thus is new form of valid ID. The card shape was explore with state patterns or users photo ID. Icons were use to illustration the function some the license information
The grid and visual design was further refined for better hierarchy and readability. An new pattern was design to better showcase spirit of Tennessee.
The license details was reorganized yet again, as the layout still felt unbalanced. The card shape design was removed as it was not working visually. The new visual layout showcased better flow and heirarchy.
After four iterations, I thought I had it. The layout looked good and flowed well. But users feedback revealed it still felt awkward. I started by removed the bottom menu to create more space for a simplified layout and added a security feature with three interactive stars that referenced the Tennessee state flag.
To connect the design to Tennessee, I chose red from the state flag as the primary color. I created a custom pattern where each tile represents something iconic to the state: a tomato for the state fruit, a guitar for Nashville's country music heritage, and other elements that celebrate Tennessee's identity.
We live in a digital world, where practically everyone has a smart device with them at all times. Smart devices have become a one-stop shop for holding important information. TN Wallet reimagines the Tennessee state ID/driver's license for digital use.
The home screen is a one stop shop for all state documents like users driver’s licenses, birth certificates, marriage licenses, and etc. The design keeps a simple layout with a clean color scheme and flat layout, making it easy for anyone to use. This modern look helps build trust that the app can handle personal data securely.
The license information was divided into modular, bento box–style sections to improve hierarchy and readability. The three stars on the right indicate a tap gesture used to verify that the license is authentic.
For better securing for you and others, verify your age through Apple's Face ID. Share information via generated QR codes that contain only what you choose. Track every access to your license data, so you always know who's viewed your information.
Using bento grid structure was a fun route, but real ID information tested its limits. Names, addresses, and numbers come in unpredictable lengths. A grid that worked for short content broke with longer strings. Through iteration, I developed a flexible system that adapted to content variation while preserving clean hierarchy and readability.
