DE Digital Wallet

Creation of a digital ID wallet app for the state of Delaware with a distinct visual style and brand.

Creation of a digital ID wallet app for the state of Delaware with a distinct visual style and brand.

Process Document

Take a Look

Process Document

Take a Look

Role

Role

Researcher, Planner, UX/UI Designer

Researcher, Planner, UX/UI Designer

Individual Project

Individual Project

Duration

5 weeks

Skills

Duration

Research & evaluation, UI/UX design, prototyping, Illustration

5 weeks

Skills

Design systems, Figma variables, prototyping, UX/UI design, illustration, branding

Tools

Figma, Photoshop, Illustrator

Tools

Tools

Duration

Figma, Illustrator, Adobe Firefly, Photoshop

Figma, Illustrator, Adobe Firefly, Photoshop

5 weeks

Final Prototype

Project Goal

Project Goal

Create a smartphone-based digital driver’s license (DDL) concept UI.

Create a smartphone-based digital driver’s license (DDL) concept UI.

How I Did It

How I Did It

Create a digital wallet for the state of Delaware that can hold multiple type of licenses.

Create a digital wallet for the state of Delaware that can hold multiple type of licenses.

Research

Competitive Analysis

Current versions of DDLs are functional but do not differentiate themselves from a physical ID and simply use a photo of a physical ID. Specifically the MiD app has difficulty loading and does not give the user feedback. It also requires many steps to filter information to what the user needs.

Design Patterns

Adding more contrast to DDLs by incorporating strong branding and improved typographical hierarchy could make them better for the user.

Initial Process

Sketches

I started with sketching out general layouts for the user flow with some stylistic elements.

Wireframes

I made 2 versions of my wireframes to quickly iterate on my original design.

Grid System

I used a grid syste to keep my content aligned for mobile.

Compositions

Inspiration Board

I made an inspiration board to direct my visual style & brainstorm various Delaware icons.

Iteration 1

I iterated…

Iteration 2

…and iterated…

Iteration 3

…and iterated. Each time getting feedback from my professor & peers.

Final Comps

Takeaways

Iterate quickly.

Rapidly creating many versions of this app helped me improve the design quickly & see what works & what didn't.

Brand consistently.

Strong, consistent branding improves a design greatly by giving guidelines that build a strong visual hierarchy.

Final Prototype