Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3)

<!DOCTYPE html> <html lang="en-US" itemscope itemtype="http://schema.org/WebSite" prefix="og: http://ogp.me/ns#" > <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script async type="text/javascript" id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA&subagency=TTS" ></script>  <script> dataLayer = [ { "content-type": "resource+page", topics: "design, analytics, Tag+Manager", }, ]; </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-MZCKZPQ"); </script>   <title>Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3) – Digital.gov</title>  <meta name="description" content="A GSA SmartPay product owner shares her experience designing user-centered, accessible content for multiple audiences." /> <meta name="keywords" content="digital, government, technology, civic-tech,accessibility, content-strategy, customer-experience, digital-service-delivery, product-and-project-management, plain-language" />  <meta property="og:title" content="Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3)" /> <meta property="og:description" content="A GSA SmartPay product owner shares her experience designing user-centered, accessible content for multiple audiences." /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://digital.gov/2023/11/29/part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team/" /> <meta property="og:site_name" content="Digital.gov" /> <meta name="robots" content="index, follow" /> <meta property="og:locale" content="en_US" /> <meta property="og:image" content="https://s3.amazonaws.com/digitalgov/three-gsa-smartpay-screens-part-3.png" /> <meta property="og:image:alt" content=" " /> <meta property="fb:admins" content="100000569454928" /> <meta property="article:publisher" content="https://www.facebook.com/digitalgov" /><meta property="article:published_time" content="2023-11-29T08:04:00-0500" /><meta property="article:modified_time" content="2025-02-14T13:34:09-0500" />   <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@Digital_Gov" /> <meta name="twitter:creator" content="@Digital_Gov" /> <meta name="twitter:image:src" content="https://s3.amazonaws.com/digitalgov/three-gsa-smartpay-screens-part-3.png" /> <meta property="twitter:description" content="A GSA SmartPay product owner shares her experience designing user-centered, accessible content for multiple audiences." /> <meta property="twitter:title" content="Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3)" />    <link href="https://digital.gov/2023/11/29/part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team/index.json" data-proofer-ignore rel="alternate" type="application/json" title="Digital.gov" />  <link rel="sitemap" type="application/xml" title="Digital.gov Sitemap" href="https://digital.gov/sitemap.xml" /> <meta name="theme-color" content="#656bd7" /> <meta name="msvalidate.01" content="A662823C2F59EB4F55F752CC752AC299" />  <link rel="stylesheet" href="https://digital.gov/dist/styles.css" type="text/css" media="all" /> <script src="https://digital.gov/dist/js/uswds-init.min.js"></script>  <link rel="apple-touch-icon" sizes="180x180" href="https://digital.gov/img/icons/apple-touch-icon.png?v=3" /> <link rel="icon" type="image/png" sizes="32x32" href="https://digital.gov/img/icons/favicon-32x32.png?v=3" /> <link rel="icon" type="image/png" sizes="16x16" href="https://digital.gov/img/icons/favicon-16x16.png?v=3" /> <link rel="manifest" href="https://digital.gov/img/icons/site.webmanifest?v=3" /> <link rel="mask-icon" href="https://digital.gov/img/icons/safari-pinned-tab.svg?v=3" color="#0076d6" /> <link rel="shortcut icon" href="https://digital.gov/img/icons/favicon.ico?v=3" /> <meta name="msapplication-TileColor" content="#0076d6" /> <meta name="theme-color" content="#ffffff" /> <meta name="viewport" content="width=device-width,initial-scale=1" /> </head> <body class="news page"><noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZCKZPQ" height="0" width="0" style="display:none;visibility:hidden" ></iframe ></noscript>  <div class="paper"><a class="usa-skipnav" href="#main-content">Skip to main content</a> <section class="usa-banner gov-banner" aria-label="Official website of the United States government" > <div class="usa-accordion"> <header class="usa-banner__header"> <div class="usa-banner__inner"> <div class="grid-col-auto"><img aria-hidden="true" class="usa-banner__header-flag" src="/uswds/img/us_flag_small.png" alt="" width="16" height="11" /> </div> <div class="grid-col-fill tablet:grid-col-auto" aria-hidden="true"> <p class="usa-banner__header-text"> An official website of the United States government </p> <p class="usa-banner__header-action">Here’s how you know</p> </div> <button type="button" class="usa-accordion__button usa-banner__button" aria-expanded="false" aria-controls="gov-banner-default-default" > <span class="usa-banner__button-text">Here’s how you know</span> </button> </div> </header> <div class="usa-banner__content usa-accordion__content" id="gov-banner-default-default" > <div class="grid-row grid-gap-lg"> <div class="usa-banner__guidance tablet:grid-col-6"><img class="usa-banner__icon usa-media-block__img" src="/uswds/img/icon-dot-gov.svg" role="img" alt="" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Official websites use .gov</strong> <br /> A <strong>.gov</strong> website belongs to an official government organization in the United States. </p> </div> </div> <div class="usa-banner__guidance tablet:grid-col-6"><img class="usa-banner__icon usa-media-block__img" src="/uswds/img/icon-https.svg" role="img" alt="" aria-hidden="true" /> <div class="usa-media-block__body"> <p> <strong>Secure .gov websites use HTTPS</strong><br />A <strong>lock</strong> ( <span class="icon-lock"> <svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64" class="usa-banner__lock-image" role="img" aria-labelledby="banner-lock-description-default" focusable="false" > <title id="banner-lock-title-default">Lock</title> <desc id="banner-lock-description-default"> Locked padlock </desc> <path fill="#000000" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z" /> </svg> </span >) or <strong>https://</strong> means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites. </p> </div> </div> </div> </div> </div> </section> <section class="dg-site-alert usa-site-alert usa-site-alert--info " aria-label="Site alert" > <div class="usa-alert"> <div class="usa-alert__body"> <h3 class="usa-alert__heading">Guidance for U.S. government websites and social media</h3> <ul class="usa-list"> <li><a href="/california-wildfires">digital.gov/california-wildfires</a></li> <li><a href="/hurricane-helene">digital.gov/hurricane-helene</a></li> </ul> </div> </div> </section> <script type="text/javascript"> const links = document.querySelectorAll(".dg-site-alert a"); links.forEach((link) => link.classList.add("usa-link")); </script> <div class="usa-overlay"></div> <header class="usa-header usa-header--extended" role="banner"> <div class="usa-navbar"> <div class="usa-logo" id="extended-logo"> <em class="usa-logo__text"> <a href="https://digital.gov/" title="Digital.gov Home" aria-label="Digital.gov Home" > <img class="logo-black" src="https://digital.gov/img/digitalgov-logo.svg" alt="Digital.gov Logo" width="220" height="36" /> </a> </em> <p class="sub-head display-none">Guidance on building better digital services in government</p> </div> <button class="usa-menu-btn"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-2px" aria-hidden="true" focusable="false" role="img" > <use xlink:href="/uswds/img/sprite.svg#menu"></use> </svg> Menu </button> </div> <nav aria-label="Primary navigation" class="usa-nav"> <div class="usa-nav__inner"> <button class="usa-nav__close"> <img src="/uswds/img/close.svg" alt="close" /> </button><ul class="usa-nav__primary usa-accordion"><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/news/" ><span>Blogs</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/events/" ><span>Events</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/resources/" ><span>Resources</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/communities/" ><span>Communities</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/guides/" ><span>Guides</span></a > </li><li class="usa-nav__primary-item " > <a class="usa-nav__link" href="/job-board/" ><span>Job board</span></a > </li></ul> <div class="usa-nav__secondary"> <ul class="usa-nav__secondary-links"> <li class="usa-nav__secondary-item"> <a href="/subscribe" ><span>Subscribe to our newsletter</span></a > </li> </ul> <form accept-charset="UTF-8" action="https://find.digitalgov.gov/search" id="search_form" method="get" class="usa-search usa-search--small" > <input name="utf8" type="hidden" value="✓" /> <input id="affiliate" name="affiliate" type="hidden" value="digitalgov" /> <div role="search"> <label class="usa-sr-only" for="query">Search small</label> <input class="usa-input" id="query" type="search" name="query" /> <button class="usa-button" name="commit" type="submit"> <img src="/uswds/img/usa-icons-bg/search--white.svg" class="usa-search__submit-icon" alt="Search" /> </button> </div> </form> </div> </div> </nav> </header> <main role="main" id="main-content"> <article class="grid-container-desktop" ><nav class="usa-breadcrumb usa-breadcrumb--wrap" aria-label="Breadcrumb"> <ol class="usa-breadcrumb__list"> <li class="usa-breadcrumb__list-item"> <a href="https://digital.gov/" class="usa-breadcrumb__link"> <span>Home</span> </a> </li> <li class="usa-breadcrumb__list-item"> <a href="https://digital.gov/news/" class="usa-breadcrumb__link" aria-label="Back to Blogs" > <span> Blogs</span> </a> </li> <li class="usa-breadcrumb__list-item usa-current" aria-current="page"> <span> Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3)</span> </li> </ol> </nav> <header> <div class="dg-page-header"> <h1> Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3) </h1> </div> <div class="authors-list authors-list--inline"> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/rebekahperillo.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/rebekah-knouse-perillo/ " title="Posts by Rebekah Knouse Perillo" rel="author" aria-label="Read more articles by Rebekah Knouse Perillo" >Rebekah Knouse Perillo</a > </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/brentryanjohnson.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/ryan-johnson/ " title="Posts by Ryan Johnson" rel="author" aria-label="Read more articles by Ryan Johnson" >Ryan Johnson</a > </div> </div> </div> <div class="meta"> <div class="date"> <span title="Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3)" >Nov 29, 2023</span > </div> </div> </header> <section> <div class="grid-row tablet-lg:grid-gap-6"> <div class="grid-col-12 tablet-lg:grid-col-9 tablet-lg:order-last"> <div class="content usa-prose"><div class="box "> <p><em>This is Part 3 in a three-part series with the U.S. General Services Administration (GSA) Center for Charge Card Management (CCCM) about building their new, open-source <a href="http://smartpay.gsa.gov">program</a> and <a href="http://training.smartpay.gsa.gov">training</a> websites, and the new <a href="https://889.smartpay.gsa.gov/">Section 889</a> web app.</em></p> <p><em>For this post, Ryan Johnson, a content strategist on the GSA Service Delivery team, chatted with product owner, Rebekah Perillo. Rebekah is a lead business management analyst with CCCM.</em></p> </div> <div class="image"> <img src="https://s3.amazonaws.com/digitalgov/three-gsa-smartpay-screens-part-3.png"alt="Three screenshots of GSA SmartPay websites overlap each other against a green and blue gradient background. From rear to front, the sites are: 889 Representations Search, Complete Your GSA SmartPay Training, and the main GSA SmartPay homepage."/></div> <p><strong>Ryan Johnson</strong>: <em>Hi Rebekah! Thank you for joining me to talk about our work together to modernize GSA SmartPay’s websites.</em></p> <p><strong>Rebekah Perillo</strong>: Thanks so much, Ryan!</p> <p><strong>Ryan Johnson</strong>: <em>Can you tell us about your role at the Center for Charge Card Management and how you became involved with the GSA SmartPay website modernization effort?</em></p> <p><strong>Rebekah Perillo</strong>: I serve as a Team Lead on the communications side of the house within the Center for Charge Card Management (CCCM). My colleagues and I work on tasks involving customer outreach, social media, training (including our yearly forum), and our websites. Several months into the website project, I was pulled in to help vet, reduce, and standardize content for the new program and training websites. When they approached me, little did I know or understand what that involved.</p> <p><strong>Ryan Johnson</strong>: <em>When you joined the website projects, our team (<a href="https://github.com/GSA/service-delivery">Service Delivery</a>) had completed a content audit of the main GSA SmartPay website. What were your initial thoughts about the content audit?</em></p> <p><strong>Rebekah Perillo</strong>: First, I was amazed by the sheer amount of content that was residing on the program website. There were over 500 pages, PDFs, and spreadsheet reports. That’s a lot of content! Second, the corresponding <a href="https://digital.gov/topics/analytics">analytics</a> showed that most of that content really wasn’t being viewed by users. By examining the results of the content audit, it started to tell the story of the current state of our website and where we needed to go.</p> <div class="quote-block "> <blockquote> <span class="quote-block__quotation-mark">“</span> By examining the results of the content audit, it started to tell the story of the current state of our website and where we needed to go. <span class="quote-block__quotation-mark">”</span></blockquote> </div> <p><strong>Ryan Johnson</strong>: <em>As our teams worked together on web content, it was evident there were inconsistencies in program terminology, which led to the development of a content style guide. Can you tell us about the challenges and benefits of that process?</em></p> <p><strong>Rebekah Perillo</strong>: On our legacy program site, many different people over the years created and posted content. Everyone had their own style and preferences on how to refer to common parts of the program. By reworking our content for the new program website, it finally gave us the chance to be consistent—which is one of my favorite words and things—by leveraging the GSA style guide to create a program-specific <a href="https://github.com/GSA/smartpay-website/wiki/GSA-SmartPay%C2%AE-%7C-Style-Guide-for-the-Website-and-Training-Platform">style guide</a>.</p> <p>Several CCCM team members and I got together to discuss and document how to represent standard terminology within our program. And, the beauty of it, is that the guide can be used for all of our communications materials, not just for the websites. It was a bit challenging to agree on standards for some of the items, but finding the time in our busy schedules to sit down together to create the guide was the most difficult part of it.</p> <p><strong>Ryan Johnson</strong>: <em>You were instrumental in consolidating content and removing ROT (redundant, outdated, trivial) information, ultimately reducing the main website’s content volume by 75%. How did you go about doing that?</em></p> <p><strong>Rebekah Perillo</strong>: Really, the content audit led the way, along with our direct knowledge from working with our customers. We used this information to narrow down the major topics that needed to be covered on the program website. Then, once we started to edit each topic’s content, we tried to ensure that the content was to the point, current, and readable.</p> <p>Ryan, you taught me that users come to our website to complete a task, so let’s make it easy for them! We want users to quickly find what they need and complete the task, so they’re able to focus on other valuable work.</p> <div class="quote-block "> <blockquote> <span class="quote-block__quotation-mark">“</span> Users come to our website to complete a task, so let’s make it easy for them! <span class="quote-block__quotation-mark">”</span></blockquote> </div> <p><strong>Ryan Johnson</strong>: <em>Reducing content on any website or digital product can be a difficult task and often requires buy-in from others in the program. How did you build support in the program for the content work?</em></p> <p><strong>Rebekah Perillo</strong>: Management gave me the freedom to reduce content as I saw fit. Pain points still exist though…even now, after launch. We’re still working to spread the message internally that the user’s needs trump our own opinions about content and supersede our previous content practices. Our goal is to continue to be mindful about what content is changed or added to the sites from here on out.</p> <p><strong>Ryan Johnson</strong>: <em>After you streamlined the content, we worked together on a new information architecture for the website. What were your thoughts on that process?</em></p> <p><strong>Rebekah Perillo</strong>: It was a great opportunity to take a look at all of the newly updated content and organize it in a thoughtful way. We participated in a <a href="https://methods.18f.gov/validate/card-sorting/">card sorting</a> exercise where each piece of content was listed on a card. Then, we were asked to group the content that we thought belonged together. Lastly, we named each grouping based on a theme. It proved to be an excellent starting point to reorganize the website that we further refined with <a href="https://methods.18f.gov/validate/usability-testing/">usability testing</a>.</p> <p><strong>Ryan Johnson</strong>: <em>Accessible content design was a big focus of our work together. Has that focus on accessibility changed the way the program thinks about web content going forward? If so, how?</em></p> <p><strong>Rebekah Perillo</strong>: My big take away was that accessibility is so much more than 508 compliance. For example, if you provide alt-text to an image, you’ll be considered 508 compliant, but you may not truly be accessible if the alt text doesn’t fully describe all pertinent aspects of the image.</p> <p>So, in addition to our extensive automated testing, we also conducted manual accessibility testing to make sure our websites weren’t just compliant, but also user-friendly for people using assistive technologies.</p> <p><a href="https://digital.gov/topics/accessibility/">Accessibility</a> and <a href="https://digital.gov/topics/diversity-equity-and-inclusion/">inclusion</a> are everyone’s job, and should be a main consideration when creating content. We want all users to have the same experience on our websites.</p> <p><strong>Ryan Johnson</strong>: <em>You had a lot of responsibilities in your role as product owner on these projects. How did you balance the content work with all of your other responsibilities?</em></p> <p><strong>Rebekah Perillo</strong>: Thankfully, I shared many of the day-to-day product owner responsibilities with my colleague, Andrew Lee. However, the content work was my task to complete. Management gave me the space and time to examine and thoughtfully work on content, making it a priority. I’m grateful they understood that many of my other job responsibilities had to be put on hold until the content work was completed. Content work can really be a full-time job – it requires quiet, concentration, and thoughtfulness to get it right.</p> <div class="quote-block "> <blockquote> <span class="quote-block__quotation-mark">“</span> Content work can really be a full-time job – it requires quiet, concentration, and thoughtfulness to get it right. <span class="quote-block__quotation-mark">”</span></blockquote> </div> <p><strong>Ryan Johnson</strong>: <em>Do you have advice for other government programs who want to get a hold of their website content and make it more <a href="https://digital.gov/guides/hcd/">user-centered</a>?</em></p> <p><strong>Rebekah Perillo</strong>: My advice is a resounding <code>Do it!</code>. In my opinion, over the years, so many government program websites have become overgrown with content. Rather than judiciously choosing what to display, they continue to add more content. With so much content on a site, it’s difficult to make sure it’s all current, working, and accessible. So, if they’re given the opportunity to update their content to resonate with users, I hope they jump at the opportunity, even though it’s a lot of work.</p> <p><strong>Ryan Johnson</strong>: <em>The new GSA SmartPay websites launched in early October. How’s it going so far?</em></p> <p><strong>Rebekah Perillo</strong>: So far, so good! It’s been very boring—we haven’t discovered many bugs or had significant complaints from users—which is the biggest compliment to the team. Customers seem to be happy! They’re able to access content and training to do their jobs. And, now that the MVP (minimum viable product) is launched, we’re focusing on how to build the websites to further meet user needs.</p> <hr> <p><em>Read <a href="https://digital.gov/2023/11/28/part-1-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team/">part 1</a> and <a href="https://digital.gov/2023/11/29/part-2-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team/">part 2</a> for more information about the GSA SmartPay project.</em></p> </div> <script src="https://touchpoints.app.cloud.gov/touchpoints/dc4265f6.js" async ></script> <section class="touchpoints-form-container"> <button id="touchpoints-modal-button" class="usa-button" type="button"> Was this page helpful? </button> </section> </div> <div class="dg-sidebar grid-col-12 tablet-lg:grid-col-3"> <div class="authors-list "> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/rebekahperillo.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/rebekah-knouse-perillo/ " title="Posts by Rebekah Knouse Perillo" rel="author" aria-label="Read more articles by Rebekah Knouse Perillo" >Rebekah Knouse Perillo</a > <p class="author__details-agency"> GSA </p> </div> </div> <div class="author usa-media-block"> <img class="author__photo-img usa-media-block__img" src="https://github.com/brentryanjohnson.png?size=50" alt="" /> <div class="usa-media-block__body"> <a class="author__name" href="https://digital.gov/authors/ryan-johnson/ " title="Posts by Ryan Johnson" rel="author" aria-label="Read more articles by Ryan Johnson" >Ryan Johnson</a > <p class="author__details-agency"> GSA </p> </div> </div> </div> <div class="meta"> <div class="date"> <span title="Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3)" >Nov 29, 2023</span> </div> </div> <article class="dg-promos dg-related-communities"> <h3 class="dg-promos__heading">Join a Community</h3> <ul class="dg-promos__list"><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/communicators/?promo" title="Visit Join the Communicators community page" class="dg-promos__link" > Join the Communicators </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/contact-center/?promo" title="Visit Join the Contact Center community page" class="dg-promos__link" > Join the Contact Center </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/multilingual/?promo" title="Visit Join the Multilingual community page" class="dg-promos__link" > Join the Multilingual </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/plain-language/?promo" title="Visit Join the Plain Language community page" class="dg-promos__link" > Join the Plain Language </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/social-media/?promo" title="Visit Join the Social Media community page" class="dg-promos__link" > Join the Social Media </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/user-experience/?promo" title="Visit Join the User Experience community page" class="dg-promos__link" > Join the User Experience </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/web-analytics-and-optimization/?promo" title="Visit Join the Web Analytics community page" class="dg-promos__link" > Join the Web Analytics </a> </li><li class="promo dg-promos__list-item"> <a href="https://digital.gov/communities/web-content-managers/?promo" title="Visit Join the Web Managers community page" class="dg-promos__link" > Join the Web Managers </a> </li></ul> <footer class="dg-promos__footer"> <a href="/communities" class="dg-promos__more-link dg-more-link" > <span> See all 34 communities </span> <svg class="usa-icon dg-icon dg-icon--small margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#arrow_forward" ></use> </svg> </a> </footer> </article> <article class="list-topics"> <h3 class="dg-promos__heading">Related Topics</h3> <a href="https://digital.gov/topics/accessibility/" data-topic="accessibility" >Accessibility</a > <a href="https://digital.gov/topics/content-strategy/" data-topic="content-strategy" >Content strategy</a > <a href="https://digital.gov/topics/customer-experience/" data-topic="customer-experience" >Customer experience</a > <a href="https://digital.gov/topics/digital-service-delivery/" data-topic="digital-service-delivery" >Digital service delivery</a > <a href="https://digital.gov/topics/plain-language/" data-topic="plain-language" >Plain language</a > <a href="https://digital.gov/topics/product-and-project-management/" data-topic="product-and-project-management" >Product and project management</a ></article> <section class="share-tools"> <div class="grid-row"> <div class="grid-col-4"> <a class="twitter" aria-label="Share on Twitter" target="_blank" rel="noreferrer" href="http://twitter.com/share?url=https://digital.gov%2f2023%2f11%2f29%2fpart-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team%2f&text=Delivering%20on%2021st%20Century%20IDEA%3a%20A%20case%20study%20from%20the%20GSA%20SmartPay%20team%20%28Part%203%29" > <svg class="usa-icon dg-icon dg-icon--large margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#x"></use> </svg> </a> </div> <div class="grid-col-4"> <a class="facebook" aria-label="Share on Facebook" target="_blank" rel="noreferrer" href="https://www.facebook.com/sharer/sharer.php?u=https://digital.gov%2f2023%2f11%2f29%2fpart-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team%2f" > <svg class="usa-icon dg-icon dg-icon--large margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#facebook" ></use> </svg> </a> </div> <div class="grid-col-4"> <a class="linkedin" aria-label="Share on LinkedIn" target="_blank" rel="noreferrer" href="https://www.linkedin.com/sharing/share-offsite/?url=https://digital.gov%2f2023%2f11%2f29%2fpart-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team%2f" > <svg class="usa-icon dg-icon dg-icon--large margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#linkedin" ></use> </svg> </a> </div> </div> <div class="grid-row"> <div class="grid-col-6"> <a target="_blank" title="Email this page" class="email" href="mailto:?subject=Delivering%20on%2021st%20Century%20IDEA%3a%20A%20case%20study%20from%20the%20GSA%20SmartPay%20team%20%28Part%203%29%20%7C%20Digital.gov&body=%20%20%0A-------%0ADelivering%20on%2021st%20Century%20IDEA%3a%20A%20case%20study%20from%20the%20GSA%20SmartPay%20team%20%28Part%203%29%0Ahttps://digital.govhttps%3a%2f%2fdigital.gov%2f2023%2f11%2f29%2fpart-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team%2f%3Fem%0A-------%0A%0A♥ Sign-up%20for%20the%20Digital.gov%20newsletter%3A%20https%3A%2F%2Fdigital.gov%2Fsubscribe%2F" data-proofer-ignore > <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#mail"></use> </svg> Email</a > </div> <div class="grid-col-6"> <a class="print" href="javascript:window.print()" onclick="window.print();return false;" > <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#print"></use> </svg> Print </a> </div> </div> </section> </div> </div> </section> </article> </main><div id="overlay" class="page-details display-none"> <div class="contents"> <h6>File name</h6><p>2023-11-29-part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team.md</p><h6>File path</h6> <p>news/2023/11/2023-11-29-part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team.md</p><h6>Link Shortcode</h6><p>{{< link "news/2023/11/2023-11-29-part-3-delivering-on-21st-century-idea-a-case-study-from-the-gsa-smartpay-team.md</p> <p>" >}}</p><button class="close" type="button" name="button">close</button> </div> </div> <section id="newsletter-signup" aria-label="Subscribe to the Digital.gov newsletter" > <div class="grid-container grid-container-desktop"> <div class="grid-row tablet-lg:grid-gap-6"> <div class="grid-col-12 tablet:grid-col-7"> <section class="usa-sign-up"> <p class="blurb" id="newsletter-subscribe-description"> <strong>Join 18,000 others in government</strong> and subscribe to our newsletter — a round-up of the best digital news in government and across our field. </p> </section> </div> <div class="grid-col-12 tablet:grid-col-5"> <section class="usa-sign-up" aria-describedby="newsletter-subscribe-description" > <script src="https://public.govdelivery.com/assets/Signup.js" data-account-code="USGSA" data-signup-id="34948" ></script> </section> </div> </div> </div> </section> <footer class="usa-footer usa-footer--big" role="contentinfo"> <section class="return-to-top"> <div class="grid-container grid-container-desktop usa-footer__return-to-top" > <a href="#"> <span>Return to top</span> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#arrow_upward" ></use> </svg> </a> </div> </section> <div class="usa-footer__primary-section"> <div class="grid-container grid-container-desktop"> <nav class="usa-footer__nav" aria-label="Footer navigation"> <div class="grid-row grid-gap-4"> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Learn</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/news/">Blogs</a> </li><li class="usa-footer__secondary-link"> <a href="/events/">Events</a> </li><li class="usa-footer__secondary-link"> <a href="/resources/">Resources</a> </li><li class="usa-footer__secondary-link"> <a href="/communities/">Communities</a> </li><li class="usa-footer__secondary-link"> <a href="/guides/">Guides</a> </li><li class="usa-footer__secondary-link"> <a href="/job-board/">Job board</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Contribute</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/contribute/">Write for us</a> </li><li class="usa-footer__secondary-link"> <a href="/digitalgov-university/">Host an event</a> </li><li class="usa-footer__secondary-link"> <a href="https://github.com/GSA/digitalgov.gov/issues">Submit GitHub issue</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">About</h4> <ul class="usa-list usa-list--unstyled"><li class="usa-footer__secondary-link"> <a href="/about/">About Us</a> </li><li class="usa-footer__secondary-link"> <a href="/policies/">Site Policies</a> </li><li class="usa-footer__secondary-link"> <a href="/about/contact/">Contact Us</a> </li><li class="usa-footer__secondary-link"> <a href="/about/manage-content/">Content schedule</a> </li></ul> </section> </div> <div class="mobile-lg:grid-col-6 tablet-lg:grid-col-3"> <section class="usa-footer__primary-content usa-footer__primary-content--collapsible" > <h4 class="usa-footer__primary-link">Social</h4> <ul class="usa-list usa-list--unstyled social-links"> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#x" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://twitter.com/digital_gov" >X (Formerly Twitter)</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#facebook" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://www.facebook.com/digitalgov/" >Facebook</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#youtube" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://youtube.com/@DigitalGov" >YouTube</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#linkedin" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="https://www.linkedin.com/company/digitalgov-gsa/" >LinkedIn</a > </li> <li class="usa-footer__secondary-link"> <svg class="usa-icon dg-icon dg-icon--standard margin-bottom-05" aria-hidden="true" focusable="false" > <use xlink:href="/uswds/img/sprite.svg#rss_feed" ></use> </svg> <a class="text-ink hover:text-ink text-no-underline hover:text-underline" href="/index.xml" >RSS</a > </li> </ul> </section> </div> </div> </nav> </div> </div> </footer> <div class="usa-identifier"> <section class="usa-identifier__section usa-identifier__section--masthead" aria-label="Agency identifier" > <div class="usa-identifier__container"> <div class="usa-identifier__logos"> <a href="https://www.gsa.gov" class="usa-identifier__logo"> <img class="usa-identifier__logo-img" src="/img/gsa-logo-w100.png" alt="GSA logo" role="img" width="100" height="100" /> </a> </div> <section class="usa-identifier__identity" aria-label="Agency description" > <p class="usa-identifier__identity-domain">Digital.gov</p> <p class="usa-identifier__identity-disclaimer"> An official website of the <a href="https://www.gsa.gov">U.S. General Services Administration</a> </p> </section> </div> </section> <nav class="usa-identifier__section usa-identifier__section--required-links" aria-label="Important links" > <div class="usa-identifier__container"> <ul class="usa-identifier__required-links-list"> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/about-us" class="usa-identifier__required-link usa-link" > About GSA </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/website-information/accessibility-statement" class="usa-identifier__required-link usa-link" > Accessibility statement </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/freedom-of-information-act-foia" class="usa-identifier__required-link usa-link" > FOIA requests </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/civil-rights-programs/the-no-fear-act" class="usa-identifier__required-link usa-link" > No FEAR Act data </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsaig.gov/" class="usa-identifier__required-link usa-link" > Office of the Inspector General </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/reference/reports/budget-performance" class="usa-identifier__required-link usa-link" > Performance reports </a> </li> <li class="usa-identifier__required-links-item"> <a href="https://www.gsa.gov/website-information/website-policies" class="usa-identifier__required-link usa-link" > Privacy policy </a> </li> </ul> </div> </nav> <section class="usa-identifier__section usa-identifier__section--usagov" aria-label="U.S. government information and services" > <div class="usa-identifier__container"> <div class="usa-identifier__usagov-description"> Looking for U.S. government information and services? </div> <a href="https://www.usa.gov/" class="usa-link"> Visit USA.gov </a> </div> </section> </div> </div> <div id="clicks_iframe" class="display-none"></div> </body> <script type="text/javascript">let glossaryPath = null; const glossaryIcon = "\/uswds\/img\/sprite.svg#expand_more" </script> <script src="https://digital.gov/dist/js/uswds.min.js"></script> <script src="https://digital.gov/dist/js/main.js"></script> </html>

CINXE.COM

Delivering on 21st Century IDEA: A case study from the GSA SmartPay team (Part 3) – Digital.gov