Product · Motion
Interaction · Research
Product · Motion
Interaction · Research
Product · Motion
Interaction · Research
Product · Motion
Interaction · Research
Product · Motion
Interaction · Research
Timeline · 8 Weeks
Role · Individual
Timeline · 8 Weeks
Role · Individual
Timeline · 8 Weeks
Role · Individual
Timeline · 8 Weeks
Role · Individual
Timeline · 8 Weeks
Role · Individual
INTRODUCTION
As digital security improves, our personal, financial, and biometric data on mobile and wearable devices increases. However, universal recognition of digital identification like a passport or driver's license is currently lacking.
How can we represent and improve our current ny ID in the digital space?
How can we represent and improve our current ny ID in the digital space?
How can we represent and improve our current ny ID in the digital space?
How can we represent and improve our current ny ID in the digital space?
How can we represent and improve our current ny ID in the digital space?
RESEARCH
RESEARCH
RESEARCH
ONLINE ARTICLES
I thoroughly analyzed online articles pertaining to the upsurge of Digital IDs, including their benefits and public reception.
AP NEWS
AP NEWS
AP NEWS
Digital wallets and boarding passes have led people to use their phones as proof of identity. Five states now have mobile driver’s licenses.
COVID-19 accelerated contactless ID adoption by a decade, per experts.
The licenses enable privacy controls, allowing individuals to verify age for specific purposes while concealing personal data.
Digital wallets and boarding passes have led people to use their phones as proof of identity. Five states now have mobile driver’s licenses.
COVID-19 accelerated contactless ID adoption by a decade, per experts.
The licenses enable privacy controls, allowing individuals to verify age for specific purposes while concealing personal data.
Digital wallets and boarding passes have led people to use their phones as proof of identity. Five states now have mobile driver’s licenses.
COVID-19 accelerated contactless ID adoption by a decade, per experts.
The licenses enable privacy controls, allowing individuals to verify age for specific purposes while concealing personal data.
Digital wallets and boarding passes have led people to use their phones as proof of identity. Five states now have mobile driver’s licenses.
COVID-19 accelerated contactless ID adoption by a decade, per experts.
The licenses enable privacy controls, allowing individuals to verify age for specific purposes while concealing personal data.
Digital wallets and boarding passes have led people to use their phones as proof of identity. Five states now have mobile driver’s licenses.
COVID-19 accelerated contactless ID adoption by a decade, per experts.
The licenses enable privacy controls, allowing individuals to verify age for specific purposes while concealing personal data.
More than three million Americans actually don't own a government-issued picture ID.
Individuals residing in rural areas face difficulties obtaining IDs as they are not in close proximity to DMV offices.
More than three million Americans actually don't own a government-issued picture ID.
Individuals residing in rural areas face difficulties obtaining IDs as they are not in close proximity to DMV offices.
More than three million Americans actually don't own a government-issued picture ID.
Individuals residing in rural areas face difficulties obtaining IDs as they are not in close proximity to DMV offices.
More than three million Americans actually don't own a government-issued picture ID.
Individuals residing in rural areas face difficulties obtaining IDs as they are not in close proximity to DMV offices.
More than three million Americans actually don't own a government-issued picture ID.
Individuals residing in rural areas face difficulties obtaining IDs as they are not in close proximity to DMV offices.
NPR
NPR
NPR
COMPETITIVE ANALYSIS
By reviewing relevant articles, I identified states that offer Digital IDs and assessed their respective advantages and drawbacks.
It’s not accepted by the TSA and the White House.
It’s a 3D representation of the physical ID instead of a redesign.
Negatives
The profile picture moves when tilting the phone, an interactive emblem and ripple effect discourages screenshots.
Personal information can be concealed with a toggle. The authentication process requires either a PIN or Face ID and includes a barcode feature.
Positives
DELAWARE
The ID relies solely on a PIN for security, which may result in users getting locked out if they forget it.
It’s a 3D representation of the physical license.
Negatives
It’s able to toggle between different types of IDs: Law enforcement, Age proofing, TSA, etc.
The ID includes a scannable QR code for quick verification by authorities.
Positives
WYOMING
The typography and spacing scale is random.
Negatives
The ID uses Touch/Face ID for security and has a scannable QR code for authorities
Authentication involves revealing a security seal by toggling
Its digital design allows for quick and easy scanning
It has an update button that allows for future changes
Positives
It’s not accepted by the TSA and the White House.
It’s a 3D representation of the physical ID instead of a redesign.
Negatives
The profile picture moves when tilting the phone, an interactive emblem and ripple effect discourages screenshots.
Personal information can be concealed with a toggle. The authentication process requires either a PIN or Face ID and includes a barcode feature.
Positives
DELAWARE
The ID relies solely on a PIN for security, which may result in users getting locked out if they forget it.
It’s a 3D representation of the physical license.
Negatives
It’s able to toggle between different types of IDs: Law enforcement, Age proofing, TSA, etc.
The ID includes a scannable QR code for quick verification by authorities.
Positives
WYOMING
The typography and spacing scale is random.
Negatives
The ID uses Touch/Face ID for security and has a scannable QR code for authorities
Authentication involves revealing a security seal by toggling
Its digital design allows for quick and easy scanning
It has an update button that allows for future changes
Positives
It’s not accepted by the TSA and the White House.
It’s a 3D representation of the physical ID instead of a redesign.
Negatives
The profile picture moves when tilting the phone, an interactive emblem and ripple effect discourages screenshots.
Personal information can be concealed with a toggle. The authentication process requires either a PIN or Face ID and includes a barcode feature.
Positives
DELAWARE
WYOMING
It’s able to toggle between different types of IDs: Law enforcement, Age proofing, TSA, etc.
The ID includes a scannable QR code for quick verification by authorities.
Positives
The ID relies solely on a PIN for security, which may result in users getting locked out if they forget it.
It’s a 3D representation of the physical license.
Negatives
The typography and spacing scale is random.
Negatives
The ID uses Touch/Face ID for security and has a scannable QR code for authorities
Authentication involves revealing a security seal by toggling
Its digital design allows for quick and easy scanning
It has an update button that allows for future changes
Positives
It’s not accepted by the TSA and the White House.
It’s a 3D representation of the physical ID instead of a redesign.
Negatives
The profile picture moves when tilting the phone, an interactive emblem and ripple effect discourages screenshots.
Personal information can be concealed with a toggle. The authentication process requires either a PIN or Face ID and includes a barcode feature.
Positives
DELAWARE
WYOMING
It’s able to toggle between different types of IDs: Law enforcement, Age proofing, TSA, etc.
The ID includes a scannable QR code for quick verification by authorities.
Positives
The ID relies solely on a PIN for security, which may result in users getting locked out if they forget it.
It’s a 3D representation of the physical license.
Negatives
The typography and spacing scale is random.
Negatives
The ID uses Touch/Face ID for security and has a scannable QR code for authorities
Authentication involves revealing a security seal by toggling
Its digital design allows for quick and easy scanning
It has an update button that allows for future changes
Positives
INTERVIEWS
After examining the digital aspect, I interviewed three individuals to gather their opinions on carrying physical IDs. The following quotes influenced the project.
My friends and I compare our ID photos and tease each other about the worst ones, but it's just banter. It's interesting to see the differences in restrictions and donor statuses.
Female · Age 22
She got her license due to FOMO with her friends. She prepared hard for a good ID photo and enjoys competing for driving to the mall.
My friends and I compare our ID photos and tease each other about the worst ones, but it's just banter. It's interesting to see the differences in restrictions and donor statuses.
Female · Age 22
She got her license due to FOMO with her friends. She prepared hard for a good ID photo and enjoys competing for driving to the mall.
I love showing bartenders my ID. It makes me giddy to finally have some real fun as an adult. Although, I do worry about losing it with how often I visit 21+ places. But hey, I won't be 21 forever.
Female · Age 22
She got her license due to FOMO with her friends. She prepared hard for a good ID photo and enjoys competing for driving to the mall.
I love showing bartenders my ID. It makes me giddy to finally have some real fun as an adult. Although, I do worry about losing it with how often I visit 21+ places. But hey, I won't be 21 forever.
Female · Age 22
She got her license due to FOMO with her friends. She prepared hard for a good ID photo and enjoys competing for driving to the mall.
My friends and I compare our ID photos and tease each other about the worst ones, but it's just banter. It's interesting to see the differences in restrictions and donor statuses.
Female · Age 22
She got her license due to FOMO with her friends. She prepared hard for a good ID photo and enjoys competing for driving to the mall.
I love showing bartenders my ID. It makes me giddy to finally have some real fun as an adult. Although, I do worry about losing it with how often I visit 21+ places. But hey, I won't be 21 forever.
Female · Age 21
She recently got her license for work after failing the test twice. Pulling out her ID at bars makes her feel grown-up, and she loves the freedom driving her car provides over public transit. She sees having an ID as a pivotal moment in becoming an adult.
I love showing bartenders my ID. It makes me giddy to finally have some real fun as an adult. Although, I do worry about losing it with how often I visit 21+ places. But hey, I won't be 21 forever.
Female · Age 21
She recently got her license for work after failing the test twice. Pulling out her ID at bars makes her feel grown-up, and she loves the freedom driving her car provides over public transit. She sees having an ID as a pivotal moment in becoming an adult.
I love showing bartenders my ID. It makes me giddy to finally have some real fun as an adult. Although, I do worry about losing it with how often I visit 21+ places. But hey, I won't be 21 forever.
Female · Age 21
She recently got her license for work after failing the test twice. Pulling out her ID at bars makes her feel grown-up, and she loves the freedom driving her car provides over public transit. She sees having an ID as a pivotal moment in becoming an adult.
I love showing bartenders my ID. It makes me giddy to finally have some real fun as an adult. Although, I do worry about losing it with how often I visit 21+ places. But hey, I won't be 21 forever.
Female · Age 21
She recently got her license for work after failing the test twice. Pulling out her ID at bars makes her feel grown-up, and she loves the freedom driving her car provides over public transit. She sees having an ID as a pivotal moment in becoming an adult.
I love showing bartenders my ID. It makes me giddy to finally have some real fun as an adult. Although, I do worry about losing it with how often I visit 21+ places. But hey, I won't be 21 forever.
Female · Age 21
She recently got her license for work after failing the test twice. Pulling out her ID at bars makes her feel grown-up, and she loves the freedom driving her car provides over public transit. She sees having an ID as a pivotal moment in becoming an adult.
I don't want everyone to know my height. I know many people lied about it on their licenses, but I didn’t. I just don't like people knowing how short I am.
Male · Age 23
At 17, he got his license, which he needs for various activities like driving, buying M-rated video games, and entering bars. However, he's sensitive about his personal information and dislikes showing his card to others.
I don't want everyone to know my height. I know many people lied about it on their licenses, but I didn’t. I just don't like people knowing how short I am.
Male · Age 23
At 17, he got his license, which he needs for various activities like driving, buying M-rated video games, and entering bars. However, he's sensitive about his personal information and dislikes showing his card to others.
I don't want everyone to know my height. I know many people lied about it on their licenses, but I didn’t. I just don't like people knowing how short I am.
Male · Age 23
At 17, he got his license, which he needs for various activities like driving, buying M-rated video games, and entering bars. However, he's sensitive about his personal information and dislikes showing his card to others.
I don't want everyone to know my height. I know many people lied about it on their licenses, but I didn’t. I just don't like people knowing how short I am.
Male · Age 23
At 17, he got his license, which he needs for various activities like driving, buying M-rated video games, and entering bars. However, he's sensitive about his personal information and dislikes showing his card to others.
I don't want everyone to know my height. I know many people lied about it on their licenses, but I didn’t. I just don't like people knowing how short I am.
Male · Age 23
At 17, he got his license, which he needs for various activities like driving, buying M-rated video games, and entering bars. However, he's sensitive about his personal information and dislikes showing his card to others.
Getting my ID card was a relief. It helped me find a job and pay less tuition, and made me feel like I belonged in America.
Female · Age 56
At 20, she arrived in America on an F1 Visa to study computer science. She obtained a green card through marriage, which she keeps at home. She says many her age got green cards through jobs or the Chinese Student Protection Act of 1992 after Tiananmen Square.
Getting my ID card was a relief. It helped me find a job and pay less tuition, and made me feel like I belonged in America.
Female · Age 56
At 20, she arrived in America on an F1 Visa to study computer science. She obtained a green card through marriage, which she keeps at home. She says many her age got green cards through jobs or the Chinese Student Protection Act of 1992 after Tiananmen Square.
Getting my ID card was a relief. It helped me find a job and pay less tuition, and made me feel like I belonged in America.
Female · Age 56
At 20, she arrived in America on an F1 Visa to study computer science. She obtained a green card through marriage, which she keeps at home. She says many her age got green cards through jobs or the Chinese Student Protection Act of 1992 after Tiananmen Square.
Getting my ID card was a relief. It helped me find a job and pay less tuition, and made me feel like I belonged in America.
Female · Age 56
At 20, she arrived in America on an F1 Visa to study computer science. She obtained a green card through marriage, which she keeps at home. She says many her age got green cards through jobs or the Chinese Student Protection Act of 1992 after Tiananmen Square.
Getting my ID card was a relief. It helped me find a job and pay less tuition, and made me feel like I belonged in America.
Female · Age 56
At 20, she arrived in America on an F1 Visa to study computer science. She obtained a green card through marriage, which she keeps at home. She says many her age got green cards through jobs or the Chinese Student Protection Act of 1992 after Tiananmen Square.
INTERVIEWS TAKEAWAYS
The ID represents a certain kind of freedom to each individual, whether it's for drinking, driving, or other activities. Just owning such a document means a lot to some people.
People may be insecure about information being shown to authorities (ex: height).
Some individuals use it as a means to showcase their identity to others, typically through details such as height, age, donor status, or photo.
The ID represents a certain kind of freedom to each individual, whether it's for drinking, driving, or other activities. Just owning such a document means a lot to some people.
People may be insecure about information being shown to authorities (ex: height).
Some individuals use it as a means to showcase their identity to others, typically through details such as height, age, donor status, or photo.
The ID represents a certain kind of freedom to each individual, whether it's for drinking, driving, or other activities. Just owning such a document means a lot to some people.
People may be insecure about information being shown to authorities (ex: height).
Some individuals use it as a means to showcase their identity to others, typically through details such as height, age, donor status, or photo.
The ID represents a certain kind of freedom to each individual, whether it's for drinking, driving, or other activities. Just owning such a document means a lot to some people.
People may be insecure about information being shown to authorities (ex: height).
Some individuals use it as a means to showcase their identity to others, typically through details such as height, age, donor status, or photo.
The ID represents a certain kind of freedom to each individual, whether it's for drinking, driving, or other activities. Just owning such a document means a lot to some people.
People may be insecure about information being shown to authorities (ex: height).
Some individuals use it as a means to showcase their identity to others, typically through details such as height, age, donor status, or photo.
Security · Authentication
Physical IDs are prone to loss/theft, which can invade privacy. Digital IDs offer security options like passwords/biometrics to hide sensitive information.
Digital IDs can offer more secure authentication options like QR codes and animated profile pictures compared to physical IDs' blue light government emblem authentication.
Physical IDs are prone to loss/theft, which can invade privacy. Digital IDs offer security options like passwords/biometrics to hide sensitive information.
Digital IDs can offer more secure authentication options like QR codes and animated profile pictures compared to physical IDs' blue light government emblem authentication.
Physical IDs are prone to loss/theft, which can invade privacy. Digital IDs offer security options like passwords/biometrics to hide sensitive information.
Digital IDs can offer more secure authentication options like QR codes and animated profile pictures compared to physical IDs' blue light government emblem authentication.
Physical IDs are prone to loss/theft, which can invade privacy. Digital IDs offer security options like passwords/biometrics to hide sensitive information.
Digital IDs can offer more secure authentication options like QR codes and animated profile pictures compared to physical IDs' blue light government emblem authentication.
Physical IDs are prone to loss/theft, which can invade privacy. Digital IDs offer security options like passwords/biometrics to hide sensitive information.
Digital IDs can offer more secure authentication options like QR codes and animated profile pictures compared to physical IDs' blue light government emblem authentication.
Readability
Enhancing the informational hierarchy of digital IDs with more space can make it easier to scan specific information.
Enhancing the informational hierarchy of digital IDs with more space can make it easier to scan specific information.
Enhancing the informational hierarchy of digital IDs with more space can make it easier to scan specific information.
Enhancing the informational hierarchy of digital IDs with more space can make it easier to scan specific information.
Enhancing the informational hierarchy of digital IDs with more space can make it easier to scan specific information.
Personality · Branding
A more personalized Digital ID can bring delight to the user and doesn't have to be a recreation of the physical ID.
A more personalized Digital ID can bring delight to the user and doesn't have to be a recreation of the physical ID.
A more personalized Digital ID can bring delight to the user and doesn't have to be a recreation of the physical ID.
A more personalized Digital ID can bring delight to the user and doesn't have to be a recreation of the physical ID.
A more personalized Digital ID can bring delight to the user and doesn't have to be a recreation of the physical ID.
OPPORTUNITIES TO IMPROVE
With the context obtained from previous research, it is time to consider how the physical ID could be improved. The following are the problems I attempted to solve.
IDEATION
IDEATION
IDEATION
SKETCHES
After conducting thorough research, I have compiled a list of potential features that can enhance the current physical and Digital IDs.
This sketch shows a parallax effect on the user's picture and background elements when the phone is tilted to prevent screenshots.
This sketch illustrates potential flows for age verification, ID authentication, and QR code usage.
This sketch displays a variety of potential security measures.
USER FLOW
Using sketches as inspiration, I created a user flow with minimal screens to reduce confusion in stressful situations.
WIREFRAME V1
I initially treated wireframing like a collage experiment to test out multiple ideas. I simplified interactions and split screens to avoid fixation.
Age ID
The primary display shows age, name, and face, with additional details to assist identification.
Full ID
Upon swipe up, primary information is minimized to enhance the visibility of secondary details.
Scannable ID
Upon swiping left, the QR code will be displayed for further identification.
FEEDBACK
Improve the information architecture, differentiate the Age screen with more imagery and Full ID screen with more information for better user experience.
WIREFRAME V2
From initial wireframes, I created layouts to organize information architecture for future iterations.
VISUAL COMPOSITION
VISUAL COMPOSITION
VISUAL COMPOSITION
VISUAL COMPOSITION V1 · 3
This style features magazine-inspired, large, bold typography combined with overlapped photography to create a raw and honest vibe.
VISUAL COMPOSITION V1 · 2
This style has cutout shapes with bold complementary colors. This was to help create a playful and cheery vibe.
VISUAL COMPOSITION V1 · 1
This style has vintage sketchy Illustrations combined with elegant type. Stamp decorations and gritty textures replicate a paper feel.
After receiving feedback, I realized that my current inspirations weren't distinct enough. I created new boards and comps based on the V1 boards and searched for inspiration that is less “trendy” to establish a unique brand identity.
VISUAL COMPOSITION V2 · 3
This style features bold Broadway typography with experimental layouts, embracing New York's theater culture.
This comp is visually appealing and emphasizes user ownership. UX improvements: more noticeable QR code, darker background text, and condensing the Full ID information more for faster scrolling.
VISUAL COMPOSITION 3 FEEDBACK
VISUAL COMPOSITION V2 · 2
This style retains cutout shapes with subdued colors, while the typography is bolder than the previous iteration.
This composition didn't represent NYS well and used too much inspiration from foreign countries, making it less relatable to people living in the state.
VISUAL COMPOSITION 2 FEEDBACK
VISUAL COMPOSITION V2 · 1
This style combines ink-printed watercolor illustrations with elegant typography, creating gritty and splotchy textures that replicate the feel of paper.
The first composition had an opera brochure-like feel that might confuse users into thinking the ID was issued in Italy. The color choices may also feel foreign to those in NYS.
VISUAL COMPOSITION 1 FEEDBACK
VISUAL COMPOSITION V1 · 3
This style features magazine-inspired, large, bold typography combined with overlapped photography to create a raw and honest vibe.
VISUAL COMPOSITION V1 · 2
This style has cutout shapes with bold complementary colors. This was to help create a playful and cheery vibe.
VISUAL COMPOSITION V1 · 1
This style has vintage sketchy Illustrations combined with elegant type. Stamp decorations and gritty textures replicate a paper feel.
VISUAL COMPOSITION V2 · 3
This style features bold Broadway typography with experimental layouts, embracing New York's theater culture.
This comp is visually appealing and emphasizes user ownership. UX improvements: more noticeable QR code, darker background text, and condensing the Full ID information more for faster scrolling.
VISUAL COMPOSITION 3 FEEDBACK
This composition didn't represent NYS well and used too much inspiration from foreign countries, making it less relatable to people living in the state.
VISUAL COMPOSITION 2 FEEDBACK
VISUAL COMPOSITION V2 · 2
This style retains cutout shapes with subdued colors, while the typography is bolder than the previous iteration.
MOODBOARD V2 · 2
The first composition had an opera brochure-like feel that might confuse users into thinking the ID was issued in Italy. The color choices may also feel foreign to those in NYS.
VISUAL COMPOSITION 1 FEEDBACK
VISUAL COMPOSITION V2 · 1
This style combines ink-printed watercolor illustrations with elegant typography, creating gritty and splotchy textures that replicate the feel of paper.
VISUAL COMPOSITION V1 · 3
This style features magazine-inspired, large, bold typography combined with overlapped photography to create a raw and honest vibe.
MOODBOARD V1 · 1
VISUAL COMPOSITION V1 · 2
This style has cutout shapes with bold complementary colors. This was to help create a playful and cheery vibe.
MOODBOARD V1 · 1
VISUAL COMPOSITION V1 · 1
This style has vintage sketchy Illustrations combined with elegant type. Stamp decorations and gritty textures replicate a paper feel.
MOODBOARD V1 · 1
VISUAL COMPOSITION V1 · 3
This style features magazine-inspired, large, bold typography combined with overlapped photography to create a raw and honest vibe.
MOODBOARD V1 · 1
VISUAL COMPOSITION V1 · 2
This style has cutout shapes with bold complementary colors. This was to help create a playful and cheery vibe.
MOODBOARD V1 · 1
VISUAL COMPOSITION V1 · 1
This style has vintage sketchy Illustrations combined with elegant type. Stamp decorations and gritty textures replicate a paper feel.
MOODBOARD V1 · 1
This comp is visually appealing and emphasizes user ownership. UX improvements: more noticeable QR code, darker background text, and condensing the Full ID information more for faster scrolling.
VISUAL COMPOSITION 3 FEEDBACK
VISUAL COMPOSITION V2 · 3
This style features bold Broadway typography with experimental layouts, embracing New York's theater culture.
This comp is visually appealing and emphasizes user ownership. UX improvements: more noticeable QR code, darker background text, and condensing the Full ID information more for faster scrolling.
VISUAL COMPOSITION 3 FEEDBACK
MOODBOARD V2 · 3
This composition didn't represent NYS well and used too much inspiration from foreign countries, making it less relatable to people living in the state.
VISUAL COMPOSITION 2 FEEDBACK
VISUAL COMPOSITION V2 · 2
This style retains cutout shapes with subdued colors, while the typography is bolder than the previous iteration.
This composition didn't represent NYS well and used too much inspiration from foreign countries, making it less relatable to people living in the state.
VISUAL COMPOSITION 2 FEEDBACK
MOODBOARD V2 · 2
The first composition had an opera brochure-like feel that might confuse users into thinking the ID was issued in Italy. The color choices may also feel foreign to those in NYS.
VISUAL COMPOSITION 1 FEEDBACK
VISUAL COMPOSITION V2 · 1
This style combines ink-printed watercolor illustrations with elegant typography, creating gritty and splotchy textures that replicate the feel of paper.
MOODBOARD V2 · 1
This comp is visually appealing and emphasizes user ownership. UX improvements: more noticeable QR code, darker background text, and condensing the Full ID information more for faster scrolling.
VISUAL COMPOSITION 3 FEEDBACK
VISUAL COMPOSITION V2 · 3
This style features bold Broadway typography with experimental layouts, embracing New York's theater culture.
This comp is visually appealing and emphasizes user ownership. UX improvements: more noticeable QR code, darker background text, and condensing the Full ID information more for faster scrolling.
VISUAL COMPOSITION 3 FEEDBACK
MOODBOARD V2 · 3
This composition didn't represent NYS well and used too much inspiration from foreign countries, making it less relatable to people living in the state.
VISUAL COMPOSITION 2 FEEDBACK
VISUAL COMPOSITION V2 · 2
This style retains cutout shapes with subdued colors, while the typography is bolder than the previous iteration.
This composition didn't represent NYS well and used too much inspiration from foreign countries, making it less relatable to people living in the state.
VISUAL COMPOSITION 2 FEEDBACK
MOODBOARD V2 · 2
The first composition had an opera brochure-like feel that might confuse users into thinking the ID was issued in Italy. The color choices may also feel foreign to those in NYS.
VISUAL COMPOSITION 1 FEEDBACK
VISUAL COMPOSITION V2 · 1
This style combines ink-printed watercolor illustrations with elegant typography, creating gritty and splotchy textures that replicate the feel of paper.
MOODBOARD V2 · 1
ANIMATION V1
ANIMATION V1
ANIMATION V1
Based on the feedback from the visual composition V2 section, I chose the direction of composition 3 as it was visually distinct and aligned with the NYS brand. I'm now designing the QR and security functions and exploring animations in Figma using Smart Animate to preview screen transitions.
FEEDBACK
Consider enhancing animation with more branding elements to improve user experience. Sliding to the right may not be as intuitive as scrolling down. Consistency in branding between the QR code, Face ID screens and ID page is needed. Security function may be improved with a login option for those who need to switch between Age and Full ID. Is it possible to enhance the magazine aesthetic further?
Final Solution
Final Solution
Final Solution
AGE TO FULL
To maintain user privacy and ease information scanning, the ID is divided into age and personal information. Additionally, the profile picture changes poses between screens, akin to fashion models in photoshoots.
AGE TO FULL
To maintain user privacy and ease information scanning, the ID is divided into age and personal information. Additionally, the profile picture changes poses between screens, akin to fashion models in photoshoots.
AGE TO FULL
To maintain user privacy and ease information scanning, the ID is divided into age and personal information. Additionally, the profile picture changes poses between screens, akin to fashion models in photoshoots.
AGE TO FULL
To maintain user privacy and ease information scanning, the ID is divided into age and personal information. Additionally, the profile picture changes poses between screens, akin to fashion models in photoshoots.
FACE ID
The biometric sign-in is a subtle yet secure measure. The face-ID login gives users a personalized experience, akin to being on the cover of People magazine. This concept draws inspiration from Zoom's virtual background technology.
QR CODE
The QR code enables quick identification by authorities, inspired by metro signage. The animation design was influenced by Ash Thorp’s FITC Tokyo 2015 Title Sequence
ANIMATED PICTURE
Inspired by lenticular plastic cards and the Delaware Digital ID, the profile pictures move slightly when tilting the screen to avoid looking like static screenshots. This effect was achieved using auto-generated depth maps created with the MiDaS Google Colab.
TYPOGRAPHY
The Magazine-style design posed a challenge in using multiple font styles. To ensure clarity, each style was carefully selected and assigned a specific purpose to highlight important information and avoid confusion for the user.
COLORS
Live image data analysis is used to change the colors of the UI based on the user's skin tone, hair color, makeup, and clothing color when they upload their profile picture. This feature is inspired by Spotify Wrapped’s generative color palettes
LIGHT COLORED VERSION
The color palette generation is based on the user's clothing color, with different palettes for lighter and darker clothes. The age's main color is determined by the analogous color of the clothes, with the secondary color determining which hue to avoid. The text lightness starts at 0% rather than 100%.
Analogous
Inverse
TAKEAWAYS
TAKEAWAYS
TAKEAWAYS
NEXT STEPS
Recurring updates
Inspired by the COVID Excelsior Pass, the digital ID updates automatically and notifies users of changes. Users can also update their info, profile picture, and ID color anywhere in the world with government approval.
Recurring updates
Inspired by the COVID Excelsior Pass, the digital ID updates automatically and notifies users of changes. Users can also update their info, profile picture, and ID color anywhere in the world with government approval.
Recurring updates
Inspired by the COVID Excelsior Pass, the digital ID updates automatically and notifies users of changes. Users can also update their info, profile picture, and ID color anywhere in the world with government approval.
Recurring updates
Inspired by the COVID Excelsior Pass, the digital ID updates automatically and notifies users of changes. Users can also update their info, profile picture, and ID color anywhere in the world with government approval.
Recurring updates
Inspired by the COVID Excelsior Pass, the digital ID updates automatically and notifies users of changes. Users can also update their info, profile picture, and ID color anywhere in the world with government approval.
More variation of ID
To prevent possible bigotry, using a uniform color palette for the digital ID may be better than generating colors based on the user's skin and clothing color. Another option is to use different colored softbox lighting for profile pictures.
More variation of ID
To prevent possible bigotry, using a uniform color palette for the digital ID may be better than generating colors based on the user's skin and clothing color. Another option is to use different colored softbox lighting for profile pictures.
More variation of ID
To prevent possible bigotry, using a uniform color palette for the digital ID may be better than generating colors based on the user's skin and clothing color. Another option is to use different colored softbox lighting for profile pictures.
More variation of ID
To prevent possible bigotry, using a uniform color palette for the digital ID may be better than generating colors based on the user's skin and clothing color. Another option is to use different colored softbox lighting for profile pictures.
More variation of ID
To prevent possible bigotry, using a uniform color palette for the digital ID may be better than generating colors based on the user's skin and clothing color. Another option is to use different colored softbox lighting for profile pictures.
Onboarding to access the Digital ID for the first time
The current user flow is for those who already have access to the Digital ID. To onboard the user, users could have the option to scan their physical ID (like IOS does with credit cards) or type their information to access their Digital ID.
Onboarding to access the Digital ID for the first time
The current user flow is for those who already have access to the Digital ID. To onboard the user, users could have the option to scan their physical ID (like IOS does with credit cards) or type their information to access their Digital ID.
Onboarding to access the Digital ID
for the first time
The current user flow is for those who already have access to the Digital ID. To onboard the user, users could have the option to scan their physical ID (like IOS does with credit cards) or type their information to access their Digital ID.
Onboarding to access the Digital ID
for the first time
The current user flow is for those who already have access to the Digital ID. To onboard the user, users could have the option to scan their physical ID (like IOS does with credit cards) or type their information to access their Digital ID.
Onboarding to access the Digital ID for the first time
The current user flow is for those who already have access to the Digital ID. To onboard the user, users could have the option to scan their physical ID (like IOS does with credit cards) or type their information to access their Digital ID.
Time-out feature
To enhance security, the ID should auto-hide after a set time period to prevent unauthorized access. Users should have the option to customize the hiding time or disable the feature altogether.
Time-out feature
To enhance security, the ID should auto-hide after a set time period to prevent unauthorized access. Users should have the option to customize the hiding time or disable the feature altogether.
Time-out feature
To enhance security, the ID should auto-hide after a set time period to prevent unauthorized access. Users should have the option to customize the hiding time or disable the feature altogether.
Time-out feature
To enhance security, the ID should auto-hide after a set time period to prevent unauthorized access. Users should have the option to customize the hiding time or disable the feature altogether.
Time-out feature
To enhance security, the ID should auto-hide after a set time period to prevent unauthorized access. Users should have the option to customize the hiding time or disable the feature altogether.
PHOTO CREDITS
Final Solution
https://www.pexels.com/photo/people-at-times-square-new-york-1770775/
https://www.pexels.com/photo/lips-smooth-skin-sexy-beautiful-woman-3973746/
https://www.pexels.com/photo/woman-in-pink-long-sleeve-shirt-and-maroon-skirt-3973747/
https://www.pexels.com/photo/photo-of-woman-leaning-on-the-wall-3018851/
https://www.pexels.com/photo/man-standing-near-rice-field-2382899/
Final Solution
https://www.pexels.com/photo/people-at-times-square-new-york-1770775/
https://www.pexels.com/photo/lips-smooth-skin-sexy-beautiful-woman-3973746/
https://www.pexels.com/photo/woman-in-pink-long-sleeve-shirt-and-maroon-skirt-3973747/
https://www.pexels.com/photo/photo-of-woman-leaning-on-the-wall-3018851/
https://www.pexels.com/photo/man-standing-near-rice-field-2382899/
Final Solution
https://www.pexels.com/photo/people-at-times-square-new-york-1770775/
https://www.pexels.com/photo/lips-smooth-skin-sexy-beautiful-woman-3973746/
https://www.pexels.com/photo/woman-in-pink-long-sleeve-shirt-and-maroon-skirt-3973747/
https://www.pexels.com/photo/photo-of-woman-leaning-on-the-wall-3018851/
https://www.pexels.com/photo/man-standing-near-rice-field-2382899/
Final Solution
https://www.pexels.com/photo/people-at-times-square-new-york-1770775/
https://www.pexels.com/photo/lips-smooth-skin-sexy-beautiful-woman-3973746/
https://www.pexels.com/photo/woman-in-pink-long-sleeve-shirt-and-maroon-skirt-3973747/
https://www.pexels.com/photo/photo-of-woman-leaning-on-the-wall-3018851/
https://www.pexels.com/photo/man-standing-near-rice-field-2382899/
Final Solution
https://www.pexels.com/photo/people-at-times-square-new-york-1770775/
https://www.pexels.com/photo/lips-smooth-skin-sexy-beautiful-woman-3973746/
https://www.pexels.com/photo/woman-in-pink-long-sleeve-shirt-and-maroon-skirt-3973747/
https://www.pexels.com/photo/photo-of-woman-leaning-on-the-wall-3018851/
https://www.pexels.com/photo/man-standing-near-rice-field-2382899/
It was a challenging task to make a limited number of screens visually appealing while presenting a large amount of information. Although there were some difficulties along the way, the overall experience was fantastic. If given the opportunity, there are still some aspects that I would like to improve.