The challenge

The U.S. Department of Veterans Affairs (VA) is working to improve the confusing experience many Veterans have when navigating multiple VA sites built on a mix of legacy technologies.

Having launched a reinvigorated VA.gov in 2018 as an important step to a unified Veteran-first digital platform, the agency still needed to build out a common content management system (CMS), establish consistent descriptions for services, and organize the information in an accessible way for Veterans in need of health care.

Client goal

The large-scale pilot effort focused on using one of the regional VA Medical Centers as a model for all future VA.gov content. This would empower the VA to:

• Provide better healthcare management and scheduling online
• Explain benefits clearly and provide intuitive paths to apply for them
• Help minority and women Veterans find services specific to their needs
• Provide online connection with care coordinators
• Establish a model for content publishing and governance VA-wide

We integrated the new CMS with the existing site architecture and helped create standards for content and design that make it easier for VA staff to do their jobs—while directly improving quality of life for millions of Veterans seeking health care and benefits.

Our approach

Working alongside our partners Agile Six and Nava in collaboration with the U.S. Digital Service at VA and other organizations, our team was one of many moving parts in a complex project. We provided technical leadership and modeled transparent communication practices that helped the various teams work effectively together.

The technical strategy shifted to a “decoupled” approach partway through the project, requiring us to integrate the new CMS backend with the VA’s existing frontend system so that Veterans and caregivers could access content across multiple platforms. Agile practices helped us navigate this and other evolving priorities in a large ecosystem undergoing significant changes.

Smooth the technical transition

We managed the move to the new CMS without “pausing” the old site so the VA could re-use their existing front-end technology instead of starting from scratch. This meant we had to juggle content being served from two sources (GitHub and Drupal) during the transition, while training VA staff to use the new CMS effectively. We also set up a CI/CD pipeline for automated testing to ensure healthy functioning systems.

Find out what people need

To make sure health services and benefits are easy to find and understand, we tested navigation and content with real people, including unique groups like women, minority, and LGBTQ Veterans. We also interviewed VA staff responsible for maintaining the website, to understand their pain points and develop authoring and approval processes that make their jobs easier.

Empower a Veteran-first approach

The VA has been working to pave the way for a Veteran-focused digital experience, and this project was a landmark moment in propagating that approach throughout the organization. Human centered design and plain language are no longer the sole purview of digital experts — we developed systems that allow VA staff across the country to participate in the modernization of service delivery.

CivicActions, along with our partner Fearless, facilitated Drupal 10 upgrades across the Centers for Medicare and Medicaid Services (CMS) suite of websites, bringing improvements for editors, better security and accessibility, and community contributions to streamline upgrades for large- scale Drupal. The new Claro administration theme is cleaner, clearer, and more accessible.

The new rich text editor CKEditor 5 provides many UI enhancements and an improved user experience. The most significant change from previous versions of CKEditor is that editors must now use a predefined set of elements to configure the content, which leads to fewer instances of invalid markup patterns making their way into the published site. Since invalid or non-semantic markup is often the cause of accessibility issues, this is a major upgrade. In addition, the improved Layout Builder experience makes it easier for content editors to control more complex layouts, while still keeping consistent with CMS Design System standards.

The 8 sites included in the upgrade, which occurred ahead of schedule, were: CMS.gov; Medicare.gov; Openpaymentsdata.cms.gov; Data.medicaid.gov; Data.healthcare.gov; SDIS.medicaid.gov (internal CMS site); PFS.data.cms.gov (internal CMS site); QIC.cms.gov (internal CMS site); and Provider Data Catalog (data.cms.gov/provider-data).

The challenge

The CMS Information Security and Privacy Group (ISPG) is in charge of the policies and programs that ensure the security and privacy of data that is handled by CMS information systems. ISPG staff and contractors work to maintain policies, distribute guidance, communicate with customers, support security programs, and promote new initiatives.

While doing this important work over the years, they amassed a large collection of documents and resources that were spread across various locations and formats. This led to issues with version control and made it hard for people to find the information needed to do their security-related tasks.

Without a single, trusted location for cybersecurity information – and with many of the documents being in static PDFs that were full of jargon and hard to understand – finding essential information from ISPG could be onerous, negatively impacting CMS’ overall security posture.

Client goal

To improve their customer service and promote better security across CMS systems, ISPG engaged our team to develop a user-friendly website (informally known as “CyberGeek”) at security.cms.gov that is recognized as the authoritative home for CMS security and privacy information. With this project, ISPG aims to:

• Improve customer service through modern information delivery
• Support CMS security personnel with the resources needed for their critical work
• Make security topics and policies more approachable and human-centered
• Build user-friendly processes to help ISPG staff maintain their content
• Establish a platform where customers can find news and updates from ISPG

Our Approach

Together with our partner Affix Digital, we worked closely with ISPG stakeholders and customers to understand the cybersecurity ecosystem at CMS. We built relationships across ISPG and partnered with their leadership and program teams to streamline their content into a single, trusted platform that makes cybersecurity information approachable and human-centered.

First, listen and learn

We started by interviewing ISPG customers to make sure we built the site’s information architecture in a way that made sense to the people using it. Card sorting – a process that involves users in the design of the site navigation – helped solidify the menus and categories that would be the foundation of a user’s journey through the site.

Open source and accessible

We built a decoupled site using Drupal and React to give the client flexibility for technology changes in the future. Utilizing the U.S. Web Design System (USWDS), we created a component library that ensures the site meets government requirements for things like accessibility and mobile responsiveness. We used Storybook to build components in isolation before deployment to the site, catching errors in real-time so they could be fixed on the spot.

Search at the core

One of the main problems ISPG wanted to solve for their customers was the headache of searching for security documents, templates, and program information – which had been difficult to find in various internal repositories. We implemented a powerful search feature using Algolia, with filter options to help people find information specific to their needs. Improvements to search are ongoing as we learn more about how people use it.

The Defense Security Cooperation Agency (DSCA) uses the GlobalNET platform to facilitate secure training and collaboration among partner organizations. Thousands of military, diplomatic, law enforcement, and civilian government personnel around the world use GlobalNET to connect with and learn from each other. They work on topics from security cooperation to humanitarian operations; counter-terrorism to public diplomacy; leadership development and more.

Faced with aging technologies and a complicated collection of digital content and microservices, DSCA initially engaged CivicActions to develop a quality assurance program and to ensure system stability during code updates. At the end of that contract, we were tasked with redesigning and rebuilding GlobalNET to create a more personalized, secure, and responsive experience for users.

Years later, we continue to provide agile development, modern IT implementation, and DevSecOps services to keep everything running smoothly and to continuously improve GlobalNET systems.

Client goal

The goal of GlobalNET is to ensure that international legal and security practitioners can easily engage each other for collaborative work. Ease of use and top-notch security are essential to the success of the platform. DSCA uses GlobalNET to:

• Provide professional development and training for practitioners
• Facilitate connection among practitioners and their sponsoring organizations around the world
• Provide a responsive, multi-lingual, intuitive user experience that respects the cultures of individual participants
• Comply with strict security requirements, from FISMA to FedRAMP

Our approach

When we first engaged with DSCA, the agency wanted to bring a better experience to the tens of thousands of legal and security practitioners in the GlobalNET community. DSCA challenged the DoD contracting status quo by choosing a fixed-price agile contract, moving away from the waterfall approaches that doom many government IT projects to failure. We partnered closely with agency stakeholders in an agile process throughout the complex process of redesigning GlobalNET and the massive migration to a FedRAMP-certified platform. Daily collaboration and the ability to adapt to evolving needs helped us complete the rebuild on time and on budget.

Understand the needs

We conducted onsite user research in three cities to initially assess the needs of the GlobalNET community, then followed up with remote consultations. As new features were built, usability testing with site users helped us collect feedback, identify problems, and prioritize future needs for ongoing product iteration. The initial discovery phase uncovered more than 600 user stories, which were then prioritized and tracked to completion.

Automate and test

From confident code deployment to faster Authority to Operate (ATO), we have focused on providing GlobalNET with stability and security from the start. A platform for international security practitioners deserves no less. Our DevOps activities include continuous monitoring, network optimization, and a three-tiered on-call support system to make sure the platform is always up and running. We also apply regular security updates and automated testing.

Quality and security control

We implemented a mechanism for updating, testing, and deploying hardened server instances and application code in a way that is generally invisible to end-users. Server instances are subjected to SCAP and ZAP scans for system compliance, while automated “smoke tests” ensure the code is ready to deploy. All new code is subjected to more than 600 automated tests (and scripted tests by humans) prior to being approved for deployment. This rigorous quality control minimizes surprises and downtime.
 

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.

The challenge

The Centers for Medicare and Medicaid Services (CMS) provide healthcare benefits to millions of people every year. But the websites and digital tools that help people find and enroll in these programs were built on a myriad of aging technologies and were confusing to navigate. CMS needed to streamline and update its online platforms to improve the customer experience while establishing more efficient backend workflows for agency staff.

This is an enormous and complex task, involving the modernization of Medicare.gov, CMS.gov, CMS open data portals, and many other public facing apps that serve multiple user groups — including beneficiaries, caregivers, health providers, data professionals, and government stakeholders.

WECMS helps more than 100 million Americans every year apply, find, and enroll in healthcare programs. The information and tools provided are essential components in supporting CMS' goals of creating a truly consumer-focused, streamlined, efficient, and omni-channel experience for beneficiaries and their caregivers. The overall intent for this contract is to ensure continuity of operations for the Americans it serves and the WECMS program, which maintains, designs and implements open source software digital services for CMS’ flagship websites, tools, components and applications on Healthcare.gov, Medicare.gov, CMS.gov, and 7 Open Data catalogs. In addition to engineering and design continuous improvements on these established websites, this contract provides security compliance, devops, system infrastructure, content strategy, information architecture, training, documentation, content editor support, public call center dev support, Section 508 improvements, mobile application development, and tooling and systems expertise.

Client goal

When this multi-year transformation is complete, CMS will be able to deliver on its mission more effectively. CivicActions is providing agile development, DevOps, and human-centered design (HCD) services to help the agency:

• Improve the content editing experience for staff
• Modernize legacy systems and tools
• Replace proprietary technologies with open source
• Support active, informed healthcare consumption

Our approach

Collaboration is the key to success in a project of this scale and complexity. With multiple partner vendors (including our primary partner Fearless) and disparate stakeholders across many organizational layers, we work hard to keep lines of communication open and be up-front about potential problems.

Balancing stakeholder priorities, user needs, technical complexity, and CMS deadlines, we created a roadmap that minimizes risk and maximizes opportunities for success. Then we went to work on “quick wins” — tasks we could complete right away that would make the biggest difference for users.

Address the holistic customer experience

We knew that each CMS application is part of a huge public-facing ecosystem of digital tools, with many touchpoints. To address the entire experience that a person would have in navigating the systems, we drew on the agency’s own knowledge of their beneficiary community, working with them to refine and document how each person interacts with CMS online. The resulting holistic view helped us identify how we could improve that experience iteratively.

Adopt a data-driven strategy

To make sure we built the right solutions, we immersed ourselves in the CMS mission from the operational, technical, and UX perspectives. We dug into existing user research, reviewed analytics reports, conducted stakeholder interviews — then created user personas and journey maps to refine the project scope and goals. All this data is managed in a shared repository of user insights and project knowledge, which we refer to as we prioritize the work to be done.

Replace proprietary software with open source

We are “reverse engineering” multiple custom-built Microsoft.NET applications (such as the Medicare Eligibility and Premium Calculator and the congressionally-funded Physician Fee Schedule (PFS) Lookup Tool with modern, open source solutions. As we recreate all these applications in Drupal, we’re making guides and code documentation that outline the entire system — allowing CMS to maintain control of its own technologies and avoid vendor lock-in. We are also migrating CMS open data platforms from Socrata (proprietary) to an open source solution using DKAN 2.

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.

The challenge

The Metropolitan Transit Authority (MTA) manages the world’s largest public transit system, helping over 11 million passengers get around New York City every day. The data universe is complex and constantly changing, representing a massive network of trains, tracks, and stations — which need to display reliably and in real time to keep riders informed. Acquia and CivicActions worked with MTA to extend the agency’s existing Drupal content management system (CMS) to a network of devices using Amazon’s Internet of Things (IoT). We helped MTA set the modern standard for using digital signage to communicate train arrival times, weather info, and service updates — making it easier for riders to plan their routes and get there on time.

Client goal

Riders rely on station signs and the MTA’s website for travel information to help them know when their train will arrive. To better inform riders in real time, MTA needed a way to display information from their website on digital signs in subway stations and platforms.

• Improve travel experience for subway riders by providing up-to-date info
• Empower MTA administrators to easily manage data on a familiar platform
• Provide real time data to help modernize public transportation
• Implement a flexible system to accommodate future growth

Our approach

To better serve their customers and set their employees up for success, the MTA needed a single administrative site that could manage a lot of data from a variety of external feeds. Drupal 8 was a natural choice for the CMS because it can seamlessly integrate data from all these sources.

Then we connected over 3,000 MTA digital screens as unique devices on a private and secure “Internet of Things” within Amazon Web Services — allowing Drupal to push location-specific data to each individual screen. Read a technical deep-dive on this work from our partner.

Decoupled approach for flexibility

The MTA needed to display data reliably regardless of the device or front-end design. We created a custom decoupled (headless) Drupal theme built in React.js to adapt to different screen sizes and mobile platforms. The decoupled backend continually evaluates and pushes data from a variety of web service APIs, while compensating for incomplete or outdated information, so users only see data that’s relevant to them.

ontent modeling for data management

To help MTA staff manage the flow of data, we created a digital representation — a content model — of the routes, stations, platforms, tracks, and signs throughout the system. This helped us break large data sets into smaller, actionable components so the right information can be served up in the right context.

Open source for cost savings

By using open source technology instead of expensive proprietary software, we helped the MTA lower costs and avoid vendor lock-in. Open source software like Drupal also offers a more flexible web-publishing approach than complex legacy solutions. Additionally, an open source approach can help agencies ensure better web accessibility for the long term.