diff --git a/_projects/0006_ssa.md b/_projects/0006_ssa.md index d413f216..5d32ab87 100644 --- a/_projects/0006_ssa.md +++ b/_projects/0006_ssa.md @@ -55,13 +55,16 @@ Iterative research with the public, design, and modern development practices, co **A task-focused information architecture** Effective navigation is crucial in improving website usability and helps customers quickly find what they are looking for. Before the redesign of ssa.gov, site visitors relied on a single, static page with 72 different links to navigate the content. As a result, customers got frustrated and lost trying to find information and complete tasks. -![](../images/project-ssa-homepage.jpg) +![](../images/project-ssa-homepage-a.jpg) + +![](../images/project-ssa-homepage-b.jpg) The new version of the website is far simpler to navigate. It follows standard information architecture practices and uses a primary navigation system that aligns with the tasks customers need to complete, like applying for benefits and replacing a Social Security card. The content in the primary navigation, header, and footer use plain language and hierarchy—the strategic arrangement of information that helps visitors find what they're looking for and accomplish tasks—to provide clear guidance and prioritize the public's needs. ![](../images/project-ssa-menu.jpg) +![](../images/project-ssa-menu-b.jpg) **A simple way to understand eligibility** @@ -72,6 +75,7 @@ To meet people where they are, SSA launched a [simple, conversational flow](http This new experience uses conditional content and a dynamic interface to help the public understand complex eligibility criteria without asking them to read pages of complex, policy-focused information. ![](../images/project-ssa-ask.jpg) +![](../images/project-ssa-ask-b.jpg) **Clear, organized content** @@ -85,6 +89,8 @@ Tireless efforts to explain complex policies and processes led to a new approach Plain language and clear hierarchy throughout the site increase people's confidence while navigating tasks and making crucial decisions. ![](../images/project-ssa-prepare.jpg) +![](../images/project-ssa-prepare-b.jpg) + **A consistent design system** diff --git a/images/project-ssa-ask-b.jpg b/images/project-ssa-ask-b.jpg new file mode 100644 index 00000000..35099331 Binary files /dev/null and b/images/project-ssa-ask-b.jpg differ diff --git a/images/project-ssa-hp-a.jpg b/images/project-ssa-hp-a.jpg new file mode 100644 index 00000000..de0cbc79 Binary files /dev/null and b/images/project-ssa-hp-a.jpg differ diff --git a/images/project-ssa-hp-b.jpg b/images/project-ssa-hp-b.jpg new file mode 100644 index 00000000..e6e00fd1 Binary files /dev/null and b/images/project-ssa-hp-b.jpg differ diff --git a/images/project-ssa-menu-b.jpg b/images/project-ssa-menu-b.jpg new file mode 100644 index 00000000..03403fbd Binary files /dev/null and b/images/project-ssa-menu-b.jpg differ diff --git a/images/project-ssa-prepare-b.jpg b/images/project-ssa-prepare-b.jpg new file mode 100644 index 00000000..41b67df3 Binary files /dev/null and b/images/project-ssa-prepare-b.jpg differ