My Role
• UX/UI Design
• Drupal Design
• Prototype Creation
• Developer Handoff
• Drupal Design
• Prototype Creation
• Developer Handoff
The Impact
Migrating benefit office content from the legacy site to the modernized site improved the user experience while making key benefits and services more accessible to Veterans.
The Project
All content for the 58 regional benefit offices needed to be moved from the VA legacy site to the new, modernized site. The legacy site had accessibility issues, wasn’t optimized for mobile, and had an outdated design. This all needed to be updated when moving to the new site. The image below shows what the benefit office pages looked like on the legacy site.
The Challenges
Benefit offices help Veterans access a wide variety of benefits. Each benefit has different information—different contact information, appointment availability, service hours, and more. Some benefits have both national and local information that needed to be shown in one accordion. Office pages can have over 10 services, each with their own information, that need to be shown.
The Solution
While creating a layout for the benefit office pages, I came up with a solution on how to show both national and local benefit information in one accordion. I did this by separating both sets of information in their own boxes within the accordion. To ensure that VA employees who worked at those offices could easily input this information, I worked with our Drupal engineers to design a user-friendly Drupal interface that would make this task more manageable for them.
I then created a prototype in Figma for usability testing. My team wanted to test that participants were able to navigate the entire page easily, locate the service accordions, and understand the services offered at each location. After testing with Veterans and their family members, the first two objectives were shown to be true. Modifications were made to the information in the accordions after testing to make it easier to understand the services offered.
I then created a prototype in Figma for usability testing. My team wanted to test that participants were able to navigate the entire page easily, locate the service accordions, and understand the services offered at each location. After testing with Veterans and their family members, the first two objectives were shown to be true. Modifications were made to the information in the accordions after testing to make it easier to understand the services offered.
