top of page

US Department of THE treasury

The Department of the Treasury’s website is pleasant and at first glance very well designed. However, I found that it has several functionality issues.

In this web redesign I gave a voice to our users by enhancing the visuals and maximizing the use of the space.

US-persona.png
US-persona.png

Our user owns a small business and was affected by the Covid-19 shutdown. She is visiting the DOT website to find information and resources about the covid-19 relief program for her business and personal finance.

USER PERSONA

USER RESEARCH

US-research.jpeg

We conducted 5 user interviews. 

Key findings:

  • No aesthetic and minimalist design, the icons don’t match with the services provided and the UI standards colors are not respected

  • Overwhelming amount of information that the users could not scan.

  • Users had to read through all the content to find one link or a piece of information to complete the tasks

  • The drop-down menu in the homesite is confusing and is not effective communicating the options to the users

US-research.jpeg

Feature Prioritization Matrix

High priority for the users:

  • Too much information. Overwhelmingly busy for the user

  • The information is repetitive, available in more than one link

  • Icons are inconsistent and confusing

  • "Cares Act" and "COVID Relief" should be the main focus

  • The user wants to see relevant information prioritized

US-matrix.jpeg

WORLDWIDE

US-matrix.jpeg

USABILITY TESTS

Key Findings:

  • Just 50% of the users were able to locate the "Cares Act" (The Coronavirus Aid, Relief, and Economic Security Act). Which is a program that has positively impacted the lives of many Americans affected by the global pandemic.

  • Just 30% of the users found information about student loans.

  • 50% of our participants navigated successfully to the page of "preserving jobs for American industry"

  • 60% located in the website the assistance for small business and PPP loans.

Screen Shot 2022-04-05 at 8.09.57 PM.png

CARD SORTING

DTO-CardSorting_edited.jpg
DTO-CardSorting_edited.jpg

Original Main Bar

DTO-CardSorting_edited.jpg
DTO-CardSorting_edited.jpg

Original Footer

New navigation

Main Changes:

  • Removed "News" from the main navigation. It's now under "About Treasury"

  • "Small Business Programs" was moved from "Policy Issues" to "Services"

  • Because of the nature of the information of "Education" and "Tours Library" they were moved from "Services" to "About Treasury"

DTO-cardsorting2.jpg
DTO-cardsorting2.jpg

New Main Navigation

DOT-NewFooter_edited.jpg
DOT-NewFooter_edited.jpg

New Footer

SITE MAP

As result of a detailed card sorting and user research, I redesigned the content of the website. The user will find a more intuitive distribution of the information. Prioritizing the services the DTO offers and the public information the citizens want to find.

DTO-SiteMap.jpg

MOOD BOARD

US-mood.png

Dark mode | Traditional | Institutional Colors | Serious

Trustworthy | Elegant | American Flag

US-mood.png

Style tile

DTO-Styletile.png

MID-FI WIREFRAMEs

DTO-Lofi.png
DTO-midfi.png

High-FI WIREFRAMEs

DTO-hifi.png
DTO-hifi.png

Desktop

DTO-hifi2.png
DTO-hifi2.png

Mobile

clickable prototype DESKTOP

clickable prototype Mobile

© 2025 by Lady Leggett.

bottom of page