Faraz Mirza
Ed.gov Project Thumbnail.png

Ed.gov Redesign



U.S. DEPARTMENT OF EDUCATION REDESIGN

IMPROVING A RESPONSIVE GOVERNMENT WEBSITE

PURPOSE

This redesign aimed to make Ed.gov easier to navigate, helping students, parents, and teachers quickly find the educational resources they need. Focus areas included accessibility, usability, & improved UI structure.

TIMELINE

5-week sprint from December 12, 2022 – January 26, 2023.

TEAM SIZE

I independently led the redesign as both UX Researcher & UI Designer.


USER RESEARCH & FINDINGS

Ed.gov was selected for redesign based on alignment with its mission - equal access to education - and observable usability issues across platforms.

Target Users:
• Students
• Parents
• Teachers (e.g. proto-persona: Douglas Coukart, a high school teacher with student loans)

Methods:
Heuristic evaluation
Color accessibility evaluation
9 remote usability tests (7 desktop, 2 mobile)

Key Insights:
• Users felt overwhelmed by disorganized information
• Navigation was inconsistent, confusing, or incomplete

To better understand these pain points, I conducted card sorting to evaluate & restructure the site’s information architecture.


DEFINITION & IDEATION

To create a more intuitive structure, I consolidated 13 primary pages hosting 113 secondary pages into 6 primaries hosting 86 secondary, forming the foundation of a revised Sitemap.

The site’s architecture was reframed from 5 sections into 3:
• Primary navigation
• Utility navigation (search bar)
• Footer navigation

Separately, I created a mood board, drawing from other government agencies’ branding patterns. This led to a UI Style Tile, which evolved into a comprehensive Style Guide that defined colors, typography, buttons, and layout behavior.


INTERACTIVE PROTOTYPE

I designed 5 responsive homepage & navigation prototypes, progressively refined across desktop & mobile:

Iteration 1: Based on initial research & user tests
Iteration 2: Informed by 5-second test results
Iteration 3: Introduced global branding colors from Style Tile
Iteration 4: Fully aligned with finalized Style Guide
Iteration 5: Adjustments based on usability feedback

Each iteration included updated UI components, wireframes, and interactive functionality.


USABILITY TESTING & FINDINGS

Testing was conducted remotely via Zoom & Google Meet with users resembling our target groups.

Iteration 1:
– Five 5-second user tests
– Navigation labels were unclear
– Homepage lacked visual elements

Iteration 4:
– 7 usability tests
– Shorter labels, directional icons, image slider
– 97.62% success rate (14% higher than the original site’s average)

The final prototype demonstrated empirical usability improvements based on direct comparison.


INSIGHTS & OUTCOME

This user-centered redesign revealed critical accessibility & navigation pain points on Ed.gov and delivered a visual solution grounded in real feedback.

• Partner-supported research helped shape foundational insights
• Working solo gave me autonomy over the UI direction
• With more time, I would’ve tested every prototype for sharper refinement
• Future steps could include research on why users visit Ed.gov - not just how they navigate it


PROJECT SNAPSHOT

DESIGN PROCESS

My process followed the “Design Thinking” framework, including initial user research, heuristic evaluation and definition, IA ideation, iterative prototyping, and testing. I audited a government agency’s website via research, testing, and analysis, in order to create a responsive prototype of their site’s homepage and navigation, redesigned for usability & accessibility.

 

MY INPUTS

• 11 usability tests & five 5-second UI tests
• 5 responsive homepage & navigation prototypes
• Card sorting → Sitemap overhaul
• Mood board → UI Style Tile → UI Style Guide
• Defined & tested a scalable, accessible design system for government use

 

TOOLS USED

Copyright © 2015-2025