SDE
  • Home
  • UI/UX Case Studies
    • INK! Interior Design App
    • DHS.gov Redesign
    • Nemo Watch App
  • Sound Design
    • The Last Defender
    • The Arsonists
    • Motel 666
    • Study in Sound: Circulation
    • fml: How Carson McCullers Saved My Life
    • I Am My Own Wife

DHS.gov Redesign

About The DHS.gov Redesign Project


Team: A student team at the University of Denver tasked with rethinking the design of a government website.
Role: UX/ UI Designer and Researcher

Tools: Figma/ Adobe Illustrator/ Adobe Photoshop


Problem: We believe that the Department of Homeland Security website's navigation is difficult and messy. Our goal is to make a more effective and pleasing navigation system. 

​​

User Persona

Why Justin is using U.S. DEPARTMENT OF HOMELAND SECURITY’s site.
Justin has just received his citizenship and is officially a citizen of the United States of America. He is looking to check into his naturalization status so that he may travel abroad. With that, he is starting the process of getting a passport and wants to find information on how to get a passport and begin applying for one. He is hoping to make short work of it so he can travel with his wife for his anniversary in a few months.

Picture

AB Testing 

MOBILE
AB tests were conducted with 6 users to see what navigation style made the most sense to them. 
Picture
The results were the following:
  • ⅔ of the users tested liked the Usability of B
  • ⅓ Liked the usability of B but the look of A and when asked why said, “It just feels more governmental”
  • For the purposes of the case study The feedback lead me to prototype B
DESKTOP
The redesign for the homepage came down to a few key elements with the goal of improving the UI:

  • The menu at the top can be bigger with a more clear bold color/texture
  • Hierarchy and words are unclear
  • Make the most used options as cards and more accessible
Picture
The results were the following:
  • ¾  of the users tested liked the Usability of B
  • ½  Liked the usability of B better but liked the social media in the top as well as the bottom
  • For the purposes of the case study The feedback lead me to prototype B

Clickable Prototypes 

MOBILE
  • https://www.figma.com/proto/UzOSbeVcPXl8WdOr4udl1A/SDE-DHS-FIGMA?node-id=7%3A433&viewport=-1677%2C1449%2C0.16846944391727448&scaling=min-zoom
DESKTOP
  • https://www.figma.com/proto/UzOSbeVcPXl8WdOr4udl1A/SDE-DHS-FIGMA?node-id=5%3A2435&viewport=-2931%2C2508%2C0.2609616219997406&scaling=min-zoom
Picture
Picture
Proudly powered by Weebly
  • Home
  • UI/UX Case Studies
    • INK! Interior Design App
    • DHS.gov Redesign
    • Nemo Watch App
  • Sound Design
    • The Last Defender
    • The Arsonists
    • Motel 666
    • Study in Sound: Circulation
    • fml: How Carson McCullers Saved My Life
    • I Am My Own Wife