NYID
2023
UI Design
UX Design
Branding
Concept
Timeline
5 weeks
Tools
Adobe AfterEffects, Figma
Overview
NYID, New York State Digital ID, is a concept project aimed at creating a digital driver’s license that represent the physical card. Aside from displaying the required information needed, my goal was to create a user experience that incorporates elements that reflect the state the user is from and find fun, creative solutions to provide accessibility and privacy.
View Process Deck!
Prototype
Research & Planning
Identifying Goals
Physical ID Analysis
Research began with doing an analysis of what the current New York State License looks like. This can help us understand what information is important to highlight and what is not.
Competitive Analysis
The next part of the process is to do a competitive analysis on current digital platforms that allow users to view their licenses. There are only a handful of states that accept digital identification and when comparing them, they share similar strengths and weaknesses.
While they display the necessary information that a physical ID has, they lack in design. They missed the opportunity to go beyond just a photo scan of a user’s ID and create an experience that builds a connection between the user and their state.
Visual Designs
Inspiration & Style Guides
I went through a loooooong process trying to figure out what direction I wanted the project to look like. I decided to explored two directions that were different from each other and created multiple iterations. I was heavily inspired by the New York Subway, vibrant colors of Bauhaus, and well-known iconography associated with the state.
Iterations
Lo-fi Wireframes
For the first iteration, I focused on creating lo-fi wireframes to have a better idea of how I wanted to organize important information. I created two versions for each direction. 'Colorpop' is heavily inspired by walking around NYC and all the billboards and digital screens that appear in Times Square. 'Shapescape' focuses on famous New York iconography in a low-poly style, utilizing gradients and textures to add depth.
Round 2
For the second iteration, I explored each direction further by experimenting with various colors and illustrations. By the end of this iteration, I decided to expand more on 'Colorpop' as I came to the conclusion that the illustrations in 'Shapescape' can become too distracting and saw more potential in the other direction.
Round 3-4
For the next rounds of iterations, I realized I had to simplify my colors for accessibility and consistency. I chose to use color to help emphasize important elements such as the REAL ID star identification, organ donor identification, behind the user's profile image, and on the user's age for quick scanning. I continued to play around with color to make it visually balanced when the user goes to check out their Age View. I knew I had more whitespace to explore, so I tried to experiment with possibly adding illustrative elements. I was inspired by Massimo Vignelli's design for the NYC Subway map, but knew I didn't want the design to directly translate from it. So I focused on creating sharp, but round curves that replicated the movements and paths of the subway routes - which led to the creation of the logo and other visual elements!
Final Designs
Brand Guidelines
Final Screens
Takeaways
thanks for checking my project out! Click here to Scroll back to the Top!
Built in Framer
© 2025 Bea Chin