CINXE.COM
18F: Digital service delivery | Home
<!DOCTYPE html> <html lang="en-US"> <head> <!-- Basic Page Needs ================================================== --> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- Mobile Specific Metas ================================================== --> <meta name="HandheldFriendly" content="True" /> <meta name="MobileOptimized" content="320" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- Title and meta description ================================================== --> <title>18F: Digital service delivery | Home</title> <meta property="og:title" content="18F: Digital service delivery | Home" /> <meta name="description" content="" /> <meta property="og:description" content="" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@18F" /> <meta name="twitter:title" content="Home" /> <meta name="twitter:description" content="" /> <meta property="og:type" content="article" /> <link rel="canonical" href="/" /> <meta property="og:url" content="/" /> <script async="" src=/assets/js/uswds-init.js></script> <!-- Favicon ================================================== --> <link rel="icon" type="image/png" sizes="16x16" href="/img/favicons/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/img/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="192x192" href="/img/favicons/favicon-192x192.png"> <link rel="icon" type="image/svg+xml" href="/img/favicons/favicon.svg"> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <link rel="apple-touch-icon" sizes="180x180" href="/img/favicons/favicon-180x180.png"> <!-- CSS ================================================== --> <link href="https://unpkg.com/prismjs@1.20.0/themes/prism.css" rel="stylesheet"> <link rel="preload" as="style" href="/assets/styles/styles-UKMOJPRN.css" /> <link rel="stylesheet" href="/assets/styles/styles-UKMOJPRN.css" type="text/css" /> </head> <body class=" "> <a class="usa-skipnav" href="#main-content">Skip to main content</a> <div class="page-landing-page layout-demo "> <a class="usa-skipnav" href="#main-content">Skip to main content</a> <div class="usa-banner"> <div class="usa-accordion"> <section id="gov-banner-header-section" aria-label="USA Gov banner section header" class="usa-banner__header" > <div class="usa-banner__inner"> <div class="grid-col-auto"> <img src="/img/us_flag_small-VKjpzbKpq_.png" class="usa-banner__header-flag" alt="U.S. flag" loading="lazy" decoding="async"> </div> <div class="grid-col-fill tablet:grid-col-auto"> <p class="usa-banner__header-text"> An official website of the United States government </p> <p class="usa-banner__header-action" aria-hidden="true"> Here’s how you know </p> </div> <button class="usa-accordion__button usa-banner__button" aria-expanded="false" aria-controls="gov-banner" type="button" > <span class="usa-banner__button-text">Here's how you know</span> </button> </div> </section> <div class="usa-banner__content usa-accordion__content" id="gov-banner"> <div class="grid-row grid-gap-lg"> <div class="usa-banner__guidance tablet:grid-col-6"> <div class="usa-media-block__body"> <p> <strong>The .gov means it’s official.</strong> <br /> Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site. </p> </div> </div> <div class="usa-banner__guidance tablet:grid-col-6"> <div class="usa-media-block__body"> <p> <strong>The site is secure.</strong> <br /> The <strong>https://</strong> ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely. </p> </div> </div> </div> </div> </div> </div> <div class="usa-overlay"></div> </div> <header class="usa-header usa-header--basic usa-header--basic-megamenu" role="banner"> <div class="usa-nav-container"> <div class="usa-navbar"> <div class="usa-logo" id="header-logo"> <a href="/" title="Home"> <img src="/img/18f-logo-60i14872OF.svg" class="usa-logo-img" alt="18F home page" loading="lazy" decoding="async"> </a> </div> <button type="button" class="usa-menu-btn">Menu</button> </div> <nav class="usa-nav" aria-label="Menu navigation" > <button type="button" class="usa-nav__close"> <img src="/img/close-xPu02brD0d.svg" class="" alt="close" loading="lazy" decoding="async"> </button> <ul class="usa-nav__primary usa-accordion"> <li class="usa-nav__primary-item"> <a class="usa-nav__link " href="/our-work/" > <span>Our work</span> </a> </li> <li class="usa-nav__primary-item"> <a class="usa-nav__link " href="/work-with-us/" > <span>Work with us</span> </a> </li> <li class="usa-nav__primary-item"> <a class="usa-nav__link " href="/about/" > <span>About 18F</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="/blog/" > <span>Blog</span> </a> </li> <li class="usa-nav__primary-item"> <a class="usa-button an18f-button--dark margin-top-3 desktop:margin-top-0 desktop:margin-x-2 " href="/contact/" > <span>Contact</span> </a> </li> </ul> <a href="https://search.usa.gov/search?utf8=%E2%9C%93&affiliate=18F-site&query=&commit=" class="usa-button padding-x-2" > <img src="/img/search--white-ZVwKBtv5eC.svg" class="" alt="Search" loading="lazy" decoding="async"> </a> </nav> </div> </header> <main id="main-content"> <section class="usa-section"> <div class="grid-container"> <div class="grid-row"> <h1> 18F knows how to work within government — because we’re already here. </h1> </div> <div class="grid-row grid-gap"> <div class="grid-col-12 tablet-lg:grid-col-6 padding-y-6"> <p class="font-sans-xl line-height-sans-3"> As federal employees, we don’t have conflicts of interest, just dedication to your mission. Together with our government agency partners, we deliver projects that stay within budget and improve their technology. </p> <a class="usa-button usa-button--big margin-top-6" href="/work-with-us/"> Work with us </a> </div> <div class="grid-col-12 tablet-lg:grid-col-6 tablet-lg:display-flex flex-justify-end"> <img src="/img/hero-2023-RkHXMWU7aH.svg" class="" alt="" loading="lazy" decoding="async"> </div> </div> </div> </section> <section class="bg-base-lightest padding-y-10"> <div class="grid-container"> <div class="grid-row"> <div class="grid-col"> <figure class="margin-y-0"> <blockquote class="font-sans-xl tablet-lg:font-sans-2xl line-height-sans-3 margin-top-0 margin-x-1 tablet:margin-x-0 text-outdent-2"> “We engaged with 18F, and it was a game-changer for us. They came in and helped the IT team and business owners get involved in the agile development process. It changed our whole methodology.” </blockquote> <figcaption class="font-sans-lg text-outdent-2 line-height-sans-3"> <strong>—Alec Palmer</strong>, FEC’s Chief Information Officer </figcaption> </figure> </div> </div> </div> <p> </p> </section> <section class="usa-section usa-section--dark"> <div class="grid-container"> <div class="grid-row margin-bottom-6"> <h2>What 18F can do</h2> </div> <div class="grid-row grid-gap"> <div class="tablet:grid-col-4 margin-bottom-6 tablet:display-flex"> <div class="border-bottom-05 border-primary-lightest"> <img src="/img/cando_illo_1-ZYwt-DPBdj.svg" class="width-full" alt="" loading="lazy" decoding="async"> <p class="font-sans-lg line-height-sans-4 padding-bottom-3"> Modernize software development processes </p> </div> </div> <div class="tablet:grid-col-4 margin-bottom-6 tablet:display-flex"> <div class="border-bottom-05 border-primary-lightest"> <img src="/img/cando_illo_2-wWMGMILQEh.svg" class="width-full" alt="" loading="lazy" decoding="async"> <p class="font-sans-lg line-height-sans-4 padding-bottom-3"> Improve public-facing services like websites or applications </p> </div> </div> <div class="tablet:grid-col-4 margin-bottom-6 tablet:display-flex"> <div class="border-bottom-05 border-primary-lightest"> <img src="/img/cando_illo_3-Zc8BMcyo5i.svg" class="width-full" alt="" loading="lazy" decoding="async"> <p class="font-sans-lg line-height-sans-4 padding-bottom-3"> Digitize and streamline internal systems </p> </div> </div> </div> <div class="grid-row"> <img src="/img/cando_illo_4-kXd-rLVmOa.svg" class="" alt="" loading="lazy" decoding="async"> </div> <div class="grid-row margin-top-4"> <p class="font-sans-xl measure-6"> Each 18F engagement is tailored to your agency needs and capabilities. We listen to your needs, then take action together. </p> </div> <a href="/work-with-us/" class="usa-button usa-button--big an18f-button--accent margin-top-4"> Work with us </a> </div> </section> <section class="usa-section bg-base-lightest usa-section--mobile-no-x"> <div class="grid-container"> <h2>Featured projects</h2> <div class="grid-row grid-gap-lg margin-top-6"> <ul class="usa-card-group"> <li class="usa-card tablet-lg:grid-col-4 margin-bottom-4"> <div class="usa-card__container"> <header class="usa-card__header"> <div class="display-flex flex-align-center"> <img src="/img/fec-O7x9-1-_MK.svg" class="maxw-8 margin-right-2" alt="" loading="lazy" decoding="async"> <p class="line-height-sans-2 text-bold margin-top-0">Federal Election Commission</p> </div> <a href="/our-work/fec-gov/"> <h3 class="margin-top-3 text-bold">Easy-to-use campaign data</h3> </a> </header> <div class="usa-card__body"> <p class="margin-top-2">Rethinking how the Federal Election Commission provides data, instructions and legal resources to the public.</p> </div> </div> </li> <li class="usa-card tablet-lg:grid-col-4 margin-bottom-4"> <div class="usa-card__container"> <header class="usa-card__header"> <div class="display-flex flex-align-center"> <img src="/img/USDT-RVxE6j4mYy.png" class="maxw-8 margin-right-2" alt="" loading="lazy" decoding="async"> <p class="line-height-sans-2 text-bold margin-top-0">Department of the Treasury</p> </div> <a href="/our-work/data-act/"> <h3 class="margin-top-3 text-bold">Implementing a government-wide law</h3> </a> </header> <div class="usa-card__body"> <p class="margin-top-2">Implementing the Digital Accountability and Transparency Act with one of the largest government-wide agile projects ever undertaken.</p> </div> </div> </li> <li class="usa-card tablet-lg:grid-col-4 margin-bottom-4"> <div class="usa-card__container"> <header class="usa-card__header"> <div class="display-flex flex-align-center"> <img src="/img/gsa-logo-PcHN0aXDVW.svg" class="maxw-8 margin-right-2" alt="" loading="lazy" decoding="async"> <p class="line-height-sans-2 text-bold margin-top-0">General Services Administration</p> </div> <a href="/our-work/calc/"> <h3 class="margin-top-3 text-bold">Better tools for better research</h3> </a> </header> <div class="usa-card__body"> <p class="margin-top-2">Streamlining how contracting officers search past government contracts for fair hourly rates.</p> </div> </div> </li> </ul> </div> </div> </section> <section class="usa-section usa-section--mobile-no-x"> <div class="grid-container"> <h2 class="margin-bottom-3">Some agencies we’ve worked with</h2> <ul class="grid-row grid-gap usa-list--unstyled"> <li class="tablet:grid-col-4 display-flex flex-align-center margin-top-4"> <img src="/img/usaf-OCRSjsaH6Y.png" class="margin-right-105 maxw-7" alt="" loading="lazy" decoding="async"> <span class="list-images-text">U.S. Air Force</span> </li> <li class="tablet:grid-col-4 display-flex flex-align-center margin-top-4"> <img src="/img/USDHHS-Gv6q7-sm8h.png" class="margin-right-105 maxw-7" alt="" loading="lazy" decoding="async"> <span class="list-images-text">Department of Health and Human Services</span> </li> <li class="tablet:grid-col-4 display-flex flex-align-center margin-top-4"> <img src="/img/USDOI-291LMm-FUS.svg" class="margin-right-105 maxw-7" alt="" loading="lazy" decoding="async"> <span class="list-images-text">Department of the Interior</span> </li> <li class="tablet:grid-col-4 display-flex flex-align-center margin-top-4"> <img src="/img/USDOJ-6ALqmD1WRp.png" class="margin-right-105 maxw-7" alt="" loading="lazy" decoding="async"> <span class="list-images-text">Department of Justice</span> </li> <li class="tablet:grid-col-4 display-flex flex-align-center margin-top-4"> <img src="/img/OMB-QdhXxmZMvN.svg" class="margin-right-105 maxw-7" alt="" loading="lazy" decoding="async"> <span class="list-images-text">Office of Management and Budget</span> </li> <li class="tablet:grid-col-4 display-flex flex-align-center margin-top-4"> <img src="/img/wisconsin-0FjhkjZ9YM.svg" class="margin-right-105 maxw-7" alt="" loading="lazy" decoding="async"> <span class="list-images-text">State of Wisconsin</span> </li> </ul> <a class="usa-button usa-button--big margin-top-4" href="/our-work/"> See all agency partners </a> </div> </section> <section class="usa-section usa-section--dark bg-primary-dark"> <div class="grid-container"> <div class="grid-row margin-bottom-6"> <h2>Recent blog posts</h2> </div> <ul class="grid-row grid-gap usa-list--unstyled"> <li class="grid-col-12 tablet:grid-col-6 tablet-lg:grid-col-4 margin-bottom-5 "> <a href="/2024/11/05/three-ways-to-write-fearless-spreadsheet-formulas/" class="text-no-underline"> <h3 class="border-top-05 border-primary-lightest hover-primary-lightest padding-top-3 margin-bottom-3 text-bold text-white"> Three ways to write fearless spreadsheet formulas </h3> </a> </li> <li class="grid-col-12 tablet:grid-col-6 tablet-lg:grid-col-4 margin-bottom-5 "> <a href="/2024/10/21/18f-folks/" class="text-no-underline"> <h3 class="border-top-05 border-primary-lightest hover-primary-lightest padding-top-3 margin-bottom-3 text-bold text-white"> 18F Folks: Adopting a new illustration library </h3> </a> </li> <li class="grid-col-12 tablet:grid-col-6 tablet-lg:grid-col-4 margin-bottom-5 "> <a href="/2024/10/08/18f-year-of-launches/" class="text-no-underline"> <h3 class="border-top-05 border-primary-lightest hover-primary-lightest padding-top-3 margin-bottom-3 text-bold text-white"> 18F’s year of launches </h3> </a> </li> <li class="grid-col-12 tablet:grid-col-6 tablet-lg:grid-col-4 margin-bottom-5 "> <a href="/2024/09/12/derisking-guide-update/" class="text-no-underline"> <h3 class="border-top-05 border-primary-lightest hover-primary-lightest padding-top-3 margin-bottom-3 text-bold text-white"> A revised and expanded guide for de-risking government technology projects </h3> </a> </li> <li class="grid-col-12 tablet:grid-col-6 tablet-lg:grid-col-4 margin-bottom-5 "> <a href="/2024/08/20/andrew-hyder-award/" class="text-no-underline"> <h3 class="border-top-05 border-primary-lightest hover-primary-lightest padding-top-3 margin-bottom-3 text-bold text-white"> Andrew Hyder Government Service Improvement Award recognizes commitment to serving the public </h3> </a> </li> <li class="grid-col-12 tablet:grid-col-6 tablet-lg:grid-col-4 margin-bottom-5 "> <a href="/2024/07/17/working-with-oracle-databases-in-open-source-projects/" class="text-no-underline"> <h3 class="border-top-05 border-primary-lightest hover-primary-lightest padding-top-3 margin-bottom-3 text-bold text-white"> Working with Oracle databases in open-source projects </h3> </a> </li> </ul> <a href="/blog/" class="usa-button usa-button--big an18f-button--accent margin-top-4"> See all blog posts </a> </div> </section> </main> <footer> <div class="grid-container padding-y-6"> <hr class="hr-1-dark footer-hr-alignment"> <div class="grid-row grid-gap"> <div class="tablet:grid-col-3"> <img src="/img/18f-logo-60i14872OF.svg" class="maxw-5" alt="18F logo" loading="lazy" decoding="async"> <p> Work with us to plan successful projects, choose better vendors, build custom software, or learn how to work in new ways. </p> <a href="/contact/" class="usa-button an18f-button--dark" > Contact us </a> </div> <div class="tablet:grid-offset-1 tablet:grid-col-2"> <h2 class="font-heading-md text-medium margin-top-4 tablet:margin-top-0 margin-bottom-2 tablet:margin-bottom-4"> Pages </h2> <ul class="usa-list usa-list--unstyled font-sans-sm list-item-spacing-2"> <li><a href="/our-work/">Our work</a></li> <li><a href="/work-with-us/">Work with us</a></li> <li><a href="/about/">About 18F</a></li> <li><a href="/guides/">Guides</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/contact/">Contact</a></li> </ul> </div> <div class="tablet:grid-col-2"> <h2 class="font-heading-md text-medium margin-top-4 tablet:margin-top-0 margin-bottom-2 tablet:margin-bottom-4"> Policies </h2> <ul class="usa-list usa-list--unstyled font-sans-sm list-item-spacing-2"> <li><a href="/linking-policy/">Linking policy</a></li> <li><a href="/open-source-policy/">Open source policy</a></li> <li><a href="/vulnerability-disclosure-policy/">Vulnerability disclosure</a></li> <li><a href="/code-of-conduct/">Code of conduct</a></li> </ul> </div> <div class="tablet:grid-col-2"> <h2 class="font-heading-md text-medium margin-top-4 tablet:margin-top-0 margin-bottom-2 tablet:margin-bottom-4"> Contact </h2> <ul class="usa-list usa-list--unstyled font-sans-sm list-item-spacing-2"> <li> <a href="/contact/" > Get in touch </a> </li> <li> <a href="/about/#for-press" > Press </a> </li> <li> <a href="https://github.com/18F/18f.gsa.gov/issues/new/choose" class="usa-link--external" > Report a bug </a> </li> <li> <a href="/join/" > Join 18F </a> </li> </ul> </div> <div class="tablet:grid-col-2"> <h2 class="font-heading-md text-medium margin-top-4 tablet:margin-top-0 margin-bottom-2 tablet:margin-bottom-4"> Social </h2> <ul class="usa-list usa-list--unstyled font-sans-sm list-item-spacing-2"> <li class="display-flex flex-align-center"> <a href="https://github.com/18F" class="usa-link--external" rel="noreferrer" > <img src="/img/github-dark-2-w9jCrv94IZ.svg" class="maxw-205 margin-right-1 text-tbottom" alt="" loading="lazy" decoding="async">GitHub</a> </li> <li class="display-flex flex-align-center"> <a href="https://twitter.com/18F" class="usa-link--external" rel="noreferrer" > <img src="/img/twitter-dark-Pq04PjchNH.svg" class="maxw-205 margin-right-1 " alt="" loading="lazy" decoding="async">Twitter</a> </li> <li class="display-flex flex-align-center"> <a href="https://www.linkedin.com/company/gsa18f" class="usa-link--external" rel="noreferrer" > <img src="/img/linkedin-dark-ILbHB_Cgfp.svg" class="maxw-205 margin-right-1 " alt="" loading="lazy" decoding="async">LinkedIn</a> </li> </ul> </div> </div> </div> <div class="usa-identifier padding-top-2"> <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 src="/img/gsa-logo-blue-YKGHyQURdg.svg" class="usa-identifier__logo-img" alt="gsa logo" loading="lazy" decoding="async"> </a> </div> <div class="usa-identifier__identity text-base-lightest"> <p class="usa-identifier__identity-domain">18f.gsa.gov</p> <p class="usa-identifier__identity-disclaimer text-base-lightest">An official website of the <a href="https://www.gsa.gov/about-us/organization/federal-acquisition-service/technology-transformation-services"> GSA’s Technology Transformation Services </a> </p> </div> </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 class="usa-identifier__required-link usa-link" href="https://www.gsa.gov/about" title="About GSA"> About GSA </a> </li> <li class="usa-identifier__required-links-item"> <a class="usa-identifier__required-link usa-link" href="https://www.gsa.gov/website-information/accessibility-aids" title="View accessibility statement"> Accessibility support </a> </li> <li class="usa-identifier__required-links-item"> <a class="usa-identifier__required-link usa-link" href="https://www.gsa.gov/reference/freedom-of-information-act-foia" title="Submit a Freedom of Information Act (FOIA) request"> FOIA requests </a> </li> <li class="usa-identifier__required-links-item"> <a class="usa-identifier__required-link usa-link" href="https://www.gsa.gov/reference/civil-rights-programs/the-no-fear-act" title="View No FEAR Act data"> No FEAR Act data </a> </li> <li class="usa-identifier__required-links-item"> <a class="usa-identifier__required-link usa-link" href="https://www.gsaig.gov/" title="Office of the Inspector General"> Office of the Inspector General </a> </li> <li class="usa-identifier__required-links-item"> <a class="usa-identifier__required-link usa-link" href="https://www.gsa.gov/reference/reports/budget-performance" title="View budget and performance reports"> Performance reports </a> </li> <li class="usa-identifier__required-links-item"> <a class="usa-identifier__required-link usa-link" href="https://www.gsa.gov/website-information/website-policies" title="Our privacy policy"> 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 text-base-lightest">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> </footer> <!-- Pull in USWDS and custom js --> <script async src="/assets/js/app-IYN3AA5J.js"></script> <!-- Digital Analytics Program roll-up, see https://analytics.usa.gov for data --> <script id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=GSA&subagency=TTS,18F"></script> <!-- Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-HBYXWFP794"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-HBYXWFP794', { 'anonymize_ip': true }); </script> </body> </html>