Skip to main content

Building an MVP for Medicare.gov with human-centered design

Description
We did a fast-paced collaboration to submit deliverables in just 8 days, winning the design challenge to help CMS improve the customer experience of their websites.
Teaser Image
Image
Smiling older couple sitting together and looking at a laptop.
Body

The challenge

The Centers for Medicare & Medicaid Services (CMS) help millions of people every year find and enroll in health care programs. Planning a large-scale web and content management project to improve the customer experience of their multiple websites, the agency launched a design challenge for the vendors that were finalists for the contract.

We did a fast-paced collaboration with our partners Fearless and KPMG to submit deliverables in just 8 business days (including page designs, content recommendations, an API, and a clickable prototype with a smart chatbot). Our team won the challenge because the agency saw we could help them achieve their goal to better serve Medicare beneficiaries.

Client goal

The task was to redesign the Medicare Part D section of the medicare.gov website, which helps people understand insurance options for their medication needs. For all their digital platforms, CMS needs to:

  • Meet public expectation for easily navigable online services
  • Securely manage personal info and transactions for millions of beneficiaries
  • Provide friendly online experience for people facing stressful health situations
  • Serve diverse groups of users with competing wants and priorities
  • Support agency staff in publishing clear and accurate public-facing content

Our approach

Within the time constraint for this compressed agile design sprint, we conducted lean versions of the activities we would normally do to make sure the site was effective for Medicare recipients. Daily collaboration among all team members, from Design to DevOps to Developers, allowed us to quickly test and iterate on every step.

We used Drupal as our preferred open source platform and the CMS design system, which builds on the U.S. Web Design System. Together, these tools provide a solid foundation for accessible government websites — a key goal for agencies like CMS that serve diverse and aging populations.

Human Centered Design played a critical role in our process of building a site that would be intuitive and useful to older Americans seeking information about their drug coverage options.

Understand the needs

We talked to real Medicare beneficiaries to understand the challenges they faced in navigating the site. Based on what they said, we created a key persona to drive our scenario-based approach — ensuring that our work solved real problems and created value for users. We also evaluated the existing site to see how well it met standards for usability.

Offer customized guidance

To help visitors feel comfortable navigating complex information about benefits coverage, we created several experience options for them to choose from. They could explore the site on their own, use the guidance wizard, or ask questions of the interactive chat bot. We also improved the Search function to deliver more relevant results.

Clear the path to success

We focused on removing obstacles to help more people successfully find the information they needed. This was done through intuitive navigation and labels, scannable and actionable content, and a refreshed, accessible design. We tested our solutions with users and iterated based on their feedback.

Outcomes

Research-based solution

Because we spoke to Medicare recipients and validated our proposed solutions with them, CMS knows that real user needs will be met with the redesigned site, helping people access benefits more easily.


 

Consistent online experience

Medicare.gov visitors deserve a consistent experience across all parts of the site, on any device. Our design uses a mobile-first approach and a color palette that provides smooth transitions between pages.


 

Accessible healthcare services

The prototype is compliant with Section 508, using intuitive design and clear language to make complex medical insurance information easily accessible by the broadest possible representation of the public.


 

Data to help others

Doctors, app developers, health information curators, and others can pull valuable Medicare data for their own use through the API integration we created using the JSON:API that is part of Drupal core.


 

Simplified content management

The prototype showed how CMS staff can more easily get the right information to the right people using templates and workflows in Drupal, customized for the agency’s various departments and content needs.


 

Efficient and reliable technology

We built the prototype using the same Agile and DevOps practices that we would on a larger scale — with streamlined workflows that allow us to build, test, and deploy new code quickly and securely.

 


 

Proof points
Value
45 M
Description

Americans using this Medicare service

Value
8
Description

days to complete MVP redesign

Value
4
Description

steps in simplified application process

Modern learning platforms for adult education practitioners

Description
We streamlined a mix of legacy federal websites into a modern, secure platform to support the adult education community — and now we provide ongoing support and improvements.
Teaser Image
Image
Photo of colleagues gesturing during a meeting beside an open laptop.
Body

The challenge

When we first engaged with the Department of Education, they needed help consolidating and updating their collection of websites for the Literacy and Information Communication System (LINCS), which supports adult education practitioners in their goal of helping adult learners transition to post-secondary education and 21st-century jobs.

LINCS offers support to individual practitioners as well as U.S. community, state, and Federal programs that promote literacy, making it a unique resource for both individual educators and government-funded programs alike.

LINCS gives educators and learners access to resource libraries, discussion groups, and self-guided courses — but these were located on various websites that were outdated and confusing to navigate. LINCS needed to be restructured with modern, secure technical architecture. LINCS users also needed reliable, friendly support to resolve technical and login issues and get back to helping adult learners.

Client goal

To provide a valuable and secure learning platform for thousands of education practitioners, the Department of Education needed to:

  • Update and consolidate numerous LINCS websites and resources
  • Provide prompt helpdesk support for the large user community
  • Improve site navigation with user-centered design
  • Maintain a secure and reliable platform

Our approach

Our engagement with LINCS began as we transitioned the service’s website hosting to secure Amazon Web Services (AWS) cloud servers, then used a modern Drupal content management system to consolidate the overabundance of outdated websites that LINCS had inherited from other departments. We used the U.S. Web Design System to make the updated websites easy to navigate and mobile friendly.

Our partnership with LINCS is ongoing — we now provide continuous improvements to their platforms using Information Technology Agile Development methods. We work closely with program managers to help them get the most business value from their IT applications. This includes the maintenance and enhancement of LINCS websites, web-based tools, databases, search engines, streaming media, content management, and learning management systems.

Provide a seamless experience

The main LINCS website serves as a central hub and brand for the Division of Adult Education and Literacy’s (DAEL) national leadership investments. To create a unified look-and-feel among the disparate supplementary LINCS websites, we did a visual redesign based on user research — creating a seamless experience for practitioners to access the resources they need.

Of late, our redesign has extended to information architecture, rendering global navigation more intuitive and informative, and revamping the way that site resources are organized and searched for.

Use helpdesk feedback for iterative improvement

Our support team provides fast, friendly resolution of technical and login issues for LINCS users, so they can get back to work quickly. Since our improvement of LINCS products is user-focused, we tie the helpdesk into the agile development process through daily communication between support staff and development teams. This ensures that system improvements are prioritized based on real user needs.

Increase efficiencies for cost savings

We implement automation and efficiency for the LINCS systems wherever possible. This helps prevent the buildup of technical debt and gives the Department of Education the most value for its investment in LINCS. We improve operations through DevOps practices including system administration, continuous integration, code standardization, lifecycle development, and quality control.

A recent highlight of this approach is our campaign toward Infrastructure as Code, or IaC, which automates the management and monitoring of our site architecture. IaC dramatically enhances the security, stability, and scalability of all LINCS sites, and increases both the efficiency and consistency of our development workflows. Following the IaC production deployment, we’ll be able to further consolidate our server and storage architecture, substantially reducing both their complexity and their cost. And following this, the next major phase of this initiative is the use of our automated tools and processes to process and monitor our Compliance documentation, boosting efficiency and scalability in this arena as well.

Outcomes

Empowered educators

The core LINCS community is a passionate group of educators committed to making a difference for adult learners. These web platforms help them access high-quality information and free professional development opportunities.


 

User-centered improvements

LINCS is constantly improved through user feedback via our helpdesk support services. The agency can rest assured that they are prioritizing the right things through an agile and user-informed process.


 

Secure web platforms

By migrating LINCS to secure AWS cloud servers, we can safeguard the privacy of data, accounts, and workloads for thousands of users and agency staff — while ensuring compliance with federal IT security requirements.


 

Technical fluidity

Improvements to technical architecture and the implementation of cutting edge DevOps practices have provided more flexibility for the LINCS systems. This results in rapid improvements and fewer limitations for the user community.


 

Streamlined content

Multiple, outdated websites are consolidated into a modern and streamlined experience for users. Practitioners can quickly find what they need among the vast resources provided by the Department of Education through LINCS.


 

Valuable partnership

Our ongoing work with the Department of Education is a model of true agile partnership. We collaborate with an active and engaged Product Owner who advocates for the agency’s priorities as we work to make them a reality.


 

Proof points
Value
31,000 +
Description

practitioners using these sites for professional development

Value
30,000 +
Description

helpdesk tickets resolved to improve user experience

Value
76
Description

commits made to the Drupal community on behalf of the agency

A smoother path to scientific research and discovery

Description
Using human-centered design and the latest Drupal technology, we helped NSF build a dynamic website to advance their mission.
Teaser Image
Image
Two scientists in safety glasses examine colorful test tubes in a lab.
Body

The challenge

The National Science Foundation (NSF) is an independent federal agency created by Congress in 1950 to “promote the progress of science” and “advance the national health, prosperity, and welfare." With a 2021 budget of $8.5 billion, NSF accounts for over 25 percent of the total research funds awarded at U.S. colleges and universities.

CivicActions was tasked with rebuilding the entire public-facing NSF website, including implementation of all new visuals and improvement of the information architecture. By collaborating closely with stakeholders across NSF and adopting a rapid-iteration MVP approach, we regularly released prioritized features while simultaneously building the back-end infrastructure to power the ongoing full-scale migration.

Client goal

To better serve employees and the scientific community — including researchers in mathematics, computer science, social sciences, and beyond — NSF needed to replace the existing NSF.gov with a modern, flexible, cloud-hosted online experience. Primary goals were to:

  • Modernize and improve the user experience for nsf.gov
  • Improve funding search for colleges, researchers, and scientists
  • Empower NSF staff with a new Content Management System (CMS)
  • Leverage user research and testing throughout the project

Our approach

To support timelines for a public launch, we took an “MVP approach” by launching a beta site with a small, prioritized set of functionalities. As new pages and features are built, the site continues to develop over time, in the open. This approach requires rapid prototyping and iteration, frequent testing, and continuous engagement with stakeholders.

Start by understanding the needs

After some initial design discovery, NSF engaged CivicActions in September of 2018 to begin a site-wide redesign and migration. The legacy NSF.gov site — built mostly in static HTML — was hard to manage and laborious to update. We knew a scalable, flexible CMS solution was needed, so we got right to work on development and design — starting the site infrastructure, building the initial set of components, and kicking off design research.

Identifying “top tasks” of various user groups helps us solve the right problems for people.

Deliver fast and improve continually

By the spring of 2019, we’d launched beta.nsf.gov and established an iterative, MVP-based approach that allowed our design and development team to release and test content with static data while continuing to build out the site infrastructure. Later that year, we released an updated Careers portal on https://beta.nsf.gov/careers, and began research on the Funding portal and the Funding Search feature.

Improve organizational processes

Working closely with NSF stakeholders, we continued to steadily test and release features, launching the Science Matters blog and an updated top level menu in February 2020. By the fall, we integrated the Pims Rest API to streamline NSF’s online program management, and deployed the Drupal Layout Builder tool that allows content editors to drag and drop content as they build and publish pages.

Partnership for public good

In 2021, after extensive research, testing and iteration, the updated Funding Search Portal will be launched in June — creating a simpler, quicker way to fund the research that powers the U.S. scientific community. Additionally that year, CivicActions was awarded a $44 million contract extension to continue supporting this important work. As we look to the future with a growing team and ambitious goals, we are grateful for our ongoing partnership with NSF.

Outcomes

Fast delivery of value

Our “MVP approach” helped NSF launch their new site sooner, with ongoing improvements being made in the open. Public feedback is welcome along the way.

Ongoing Drupal upgrades

As we continue to migrate the site, we will scan all modules for deprecated code, contribute patches to Drupal.org, refactor theming for Twig 2 compatibility, and perform core updates to Drupal 9.x.


 

Automated testing

To check the updated codebase for failures and disrupted user paths, we run automated tests including accessibility scanners, security, unit testing, behavioral testing, and code quality.


 

Confident deployments

Through 73 sprints, 2,000 deployments, and over 2,000 Jira tickets, the abundance of automation and testing gives us confidence in our code.


 

Research-based solution

Because NSF invested in broad user research and testing, they can be confident that their new site meets the real needs of the scientific community and the organization stakeholders.


 

Taxpayer savings

The intuitive new content management system allows NSF staff to publish and update helpful information quickly and easily. The time they’re saving can be reinvested into other mission-critical work.


 

Proof points
Value
25
Description

stakeholder design review cycles

Value
350+
Description

user research participants from over 60 organizations

Value
2,000+
Description

deployments and completed Jira tickets