Overview
Goals
Safety
Problem: Traditional drivers licenses are easy to fake, and can cause safety and privacy issues if lost
Opportunity: A digital drivers license will be more difficult to fake, as someone would need to recreate interaction features done in the app. Additionally, if someone loses their phone someone will not be able to access their digital license and personal information
Improve Visual Layout
Problem: Information is small and cluttered on a traditional license, making it difficult to easily scan for information
Opportunity: A digital license offers the ability to utilize scrolling and swiping features to help create larger text and better grouping for easier scanning
See Only What You Need
Problem: Not all information is always necessary. For example, if you are just showing your license to prove your age for buying alcohol, the viewer just needs date of birth
Opportunity: I will create multiple pages for multiple views, specifically an age view and a full view of the license
Competive Analysis
Delaware Drivers License
In this Wall Street Journal Article, it is said that there are already designs for a Delaware Digital Drivers License in the making. I watched the video showing these designs, and it gave me a lot of inspiration for my own designs.
What I Like
Animations and digital interactions that make it difficult to fake
Multiple viewing options for different needs - you do not always need to show your full identification, and it is good to have different views for if you only need to show your age
What Can Be Improved
They do not utilize the space a digital platform provides, and information is still very cluttered
The design can be modernized when adapted to a digital platform
Sketches
To help plan the layout of the application, I created many sketches. This helped me not only conceptualize the layout of the two pages I intended to show, but it helped me brainstorm different interactions I could include on the page.
Design Iterations
Iteration One
This first direction combined the modern style with slight added graphic imagery, and you would swipe up for the full view. I liked the modern style combined with nature imagery, but wanted to improve the grouping of information and interaction indicators.
Iteration Two
For the second iteration, I continued with the soft gradients and vector imagery
I added a vector of the Seattle skyline with a light haze over it to resemble to fog and overcast in the state
I switched the navigation to swiping between pages with a nav bar at the bottom to make the interaction clearer. This was a change I liked and kept throughout all my iterations.
This design still needed help with grouping and visual hierarchy. Additionally, the design of the full license didn’t leave much room for change, and not everyone’s information would be the same on every license.
Iteration Three
The third iteration I went in a different visual direction focusing on a card design. I liked the cards as I felt they helped separate information, but I still felt like the information on the full view was crammed and could use better visual hierarchy. Additionally, I wanted to keep a scan option on the age screen, as you will often get your ID scanned when doing things like purchasing alcohol.
Iteration Four
For the fourth iteration I reintroduced the card design to help group information and separate the info from the graphics
I added more variety to the font weights to help with visual hierarchy, and allowed scrolling on the full view to reduce clutter.
Final Designs
Age View
The age view screen includes a state license logo, photo, name, date of birth, age, and a QR code to scan the license to verify legitimacy.
Full View
The full view includes all information on a drivers license, separated into sections and cards for easy scanning.
Let's get in touch!
Like what you see? Feel free to reach out and let's get a cup of coffee!
Contact