CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1"/><meta property="og:logo" content="/static/readme-logo.png"/><link rel="preload" href="/static/fonts/ABCMarfa-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/static/fonts/ABCMarfa-Semibold.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/static/fonts/ABCMarfa-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/static/fonts/ABCMarfa-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><title>Atelio ❤ ReadMe</title><meta name="description" content="Learn how Atelio made their documentation great with ReadMe."/><meta itemProp="name" content="Atelio ❤ ReadMe"/><meta itemProp="description" content="Learn how Atelio made their documentation great with ReadMe."/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Atelio ❤ ReadMe"/><meta name="twitter:description" content="Learn how Atelio made their documentation great with ReadMe."/><meta name="twitter:site" content="@readme"/><meta property="og:title" content="Atelio ❤ ReadMe"/><meta property="og:description" content="Learn how Atelio made their documentation great with ReadMe."/><meta property="og:url" content="https://readme.com/customers/[customer]"/><meta property="og:site_name" content="ReadMe"/><meta property="og:type" content="website"/><meta property="og:image" content="https://readme.com/static/og_images/index.png?f115c11db865f8475314facf2f6da3cbaf1d7211"/><meta property="og:image:secure_url" content="https://readme.com/static/og_images/index.png?f115c11db865f8475314facf2f6da3cbaf1d7211"/><meta name="twitter:image" content="https://readme.com/static/og_images/index.png?f115c11db865f8475314facf2f6da3cbaf1d7211"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><link rel="shortcut icon" href="https://readme.com/static/favicons/favicon-blue.ico" type="image/x-icon"/><link rel="canonical" href="https://readme.com/customers/atelio"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=640&q=75 640w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=750&q=75 750w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=828&q=75 828w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=1080&q=75 1080w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=1200&q=75 1200w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=1920&q=75 1920w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=2048&q=75 2048w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=3840&q=75 3840w" imageSizes="100vw"/><meta name="next-head-count" content="28"/><meta name="google-site-verification" content="rxAkvHd3ZWzqPRiPq7aJ_1cda4MPBFlkT1lr-Er-Sns"/><link rel="stylesheet" href="https://kit.fontawesome.com/355cd656fe.css" crossorigin="anonymous"/><link rel="stylesheet" href="https://cdn.icomoon.io/80103/ReadMeIcons/style.css?xp2m1q"/><link rel="preload" href="/_next/static/css/0760f8468e0e0253.css" as="style"/><link rel="stylesheet" href="/_next/static/css/0760f8468e0e0253.css" data-n-g=""/><link rel="preload" href="/_next/static/css/22fac47658735888.css" as="style"/><link rel="stylesheet" href="/_next/static/css/22fac47658735888.css" data-n-p=""/><link rel="preload" href="/_next/static/css/052b12a8f4c0322f.css" as="style"/><link rel="stylesheet" href="/_next/static/css/052b12a8f4c0322f.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-9553701cc3d1967d.js" defer=""></script><script src="/_next/static/chunks/framework-847cdbe141f8ae13.js" defer=""></script><script src="/_next/static/chunks/main-c56643a7e189a6fc.js" defer=""></script><script src="/_next/static/chunks/pages/_app-e3c16446ff4ef374.js" defer=""></script><script src="/_next/static/chunks/5647-31da887d3695946d.js" defer=""></script><script src="/_next/static/chunks/2494-3fe8b7c0600b7938.js" defer=""></script><script src="/_next/static/chunks/1619-909f98688fe05944.js" defer=""></script><script src="/_next/static/chunks/5854-adb03e59529c28f3.js" defer=""></script><script src="/_next/static/chunks/6770-105d0b0c71909ae3.js" defer=""></script><script src="/_next/static/chunks/5878-8a6b61c16cc5d602.js" defer=""></script><script src="/_next/static/chunks/pages/customers/%5Bcustomer%5D-c291961be4b65f60.js" defer=""></script><script src="/_next/static/PNHNGXiUp5pakLqNsvob1/_buildManifest.js" defer=""></script><script src="/_next/static/PNHNGXiUp5pakLqNsvob1/_ssgManifest.js" defer=""></script><style id="__jsx-1244891252">.line.jsx-1244891252{-webkit-transition:background.6s;-moz-transition:background.6s;-o-transition:background.6s;transition:background.6s;width:-webkit-calc(4 * 1px);width:-moz-calc(4 * 1px);width:calc(4 * 1px);height:-webkit-calc(228 * 1px);height:-moz-calc(228 * 1px);height:calc(228 * 1px);background:var(--green);display:inline-block;opacity:1}</style><style id="__jsx-1655739866">.line.jsx-1655739866{-webkit-transition:background.6s;-moz-transition:background.6s;-o-transition:background.6s;transition:background.6s;width:-webkit-calc(4 * 1px);width:-moz-calc(4 * 1px);width:calc(4 * 1px);height:-webkit-calc(170 * 1px);height:-moz-calc(170 * 1px);height:calc(170 * 1px);background:var(--green);display:inline-block;opacity:1}</style><style id="__jsx-803869052">.line.jsx-803869052{-webkit-transition:background.6s;-moz-transition:background.6s;-o-transition:background.6s;transition:background.6s;width:-webkit-calc(4 * 1px);width:-moz-calc(4 * 1px);width:calc(4 * 1px);height:-webkit-calc(220 * 1px);height:-moz-calc(220 * 1px);height:calc(220 * 1px);background:var(--green);display:inline-block;opacity:1}</style></head><body id="root" class="no-js"><noscript><iframe title="gtm" src="https://www.googletagmanager.com/ns.html?id=GTM-MLTXQ5D" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><script>"use strict"; !function() { var t = window.driftt = window.drift = window.driftt || []; if (!t.init) { if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice.")); t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], t.factory = function(e) { return function() { var n = Array.prototype.slice.call(arguments); return n.unshift(e), t.push(n), t; }; }, t.methods.forEach(function(e) { t[e] = t.factory(e); }), t.load = function(t) { var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script"); o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js"; var i = document.getElementsByTagName("script")[0]; i.parentNode.insertBefore(o, i); }; } }(); drift.SNIPPET_VERSION = '0.3.1'; drift.load('4mmvn6i536m6'); drift.on('ready',function(api, payload) { api.widget.hide(); });</script><div class="style_Layout__8CT9t Layout_customers/[customer]"><div class="style_Layout-container__jFa0G"><main class="style_Layout-main__S5iYu"><div class="CaseStudy" style="--highlight-color:hsl(230, 91%, 78%)"><div style="background:hsl(230, 91%, 78%);border-radius:2em 2em 2em 2em;padding:inherit;width:100%" class="style_FancyCard__5dykh"><div class="style_HeroCard__R7__a style_FancyCard-content__Yhkuj"><header class="style_Navbar__GpigV style_Navbar_contrastTheme__SzkPq style_HeroCard-nav__i3WsI"><div class="style_Navbar-container__ZP6Y7"><div class="style_Navbar-left__IEumk"><a aria-label="Home" class="style_ReadMeLogo____L7j" href="/"><div></div></a><nav class="style_Navbar-nav_left__7qdcF"><button class="style_Navbar-link__npPS0"><span class="style_Navbar-link_anchor__Qsonc">Features</span><span class="style_Navbar-chevron__QgsGc icon-chevron-down"></span></button><a class="style_Navbar-link__npPS0 style_Navbar-link_anchor__Qsonc" href="/enterprise">Enterprise</a><a class="style_Navbar-link__npPS0 style_Navbar-link_anchor__Qsonc" href="/pricing">Pricing</a><button class="style_Navbar-link__npPS0"><span class="style_Navbar-link_anchor__Qsonc">Learn</span><span class="style_Navbar-chevron__QgsGc icon-chevron-down"></span></button><button class="style_Navbar-link__npPS0"><span class="style_Navbar-link_anchor__Qsonc">Company</span><span class="style_Navbar-chevron__QgsGc icon-chevron-down"></span></button></nav></div><div class="style_Navbar-nav_right__HgK_6"><a class="style_Navbar-link__npPS0 style_Navbar-link_anchor__Qsonc" href="https://dash.readme.com/login">Log In</a><a class="style_Button__Hs4Gt style_Button_sm__NCHbx" href="https://dash.readme.com/signup">Sign Up</a></div><button aria-label="Menu" class="Flex Flex_center style_Navbar-nav_mobile__7KpbO icon-menu" type="button"></button></div></header><section class="CaseStudy-hero"><div class="CaseStudy-hero-hgroup"><div class="CaseStudy-hero-logo"></div><h2 class="style_Heading__SJ3BS style_Heading_level-2__uRYh2 style_Heading_600__kysAr CaseStudy-hero-heading" style="color:var(--white)">Minimal time, maximum personalization: How Atelio by FIS leveraged ReadMe's Professional Services to launch a developer hub that matched their brand exactly</h2><p class="style_Paragraph__xyFI_ style_Paragraph_level-1__WwMWq CaseStudy-hero-subheading" style="color:var(--white)">With APIs core to their solutions offering, the Atelio team needed a developer hub that was optimized for both substance and style.</p></div><div class="CaseStudy-row"><div></div> <div class="style_SlackUi__pREnS" role="button" tabindex="0"><div class="style_SlackUi-main__QFIlS"><div class="style_SlackUi-avatar__BkdhQ"><img alt="erdman’s Slack Avatar" srcSet="/_next/image?url=%2Fstatic%2Fpeople%2Ferdman.jpg&w=64&q=75 1x, /_next/image?url=%2Fstatic%2Fpeople%2Ferdman.jpg&w=128&q=75 2x" src="/_next/image?url=%2Fstatic%2Fpeople%2Ferdman.jpg&w=128&q=75" width="56" height="56" decoding="async" data-nimg="1" loading="lazy" style="color:transparent;max-width:100%;height:auto"/></div><div class="style_SlackUi-msg__7ujo9"><svg width="37" height="36" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 36"><path d="M8.17 22.7a3.75 3.75 0 0 1-7.5 0 3.75 3.75 0 0 1 3.75-3.74h3.75v3.74Zm1.88 0a3.75 3.75 0 0 1 7.5 0v9.38a3.75 3.75 0 0 1-7.5 0V22.7Z" fill="#DE1C59"></path><path d="M13.8 7.67a3.75 3.75 0 0 1 0-7.5 3.75 3.75 0 0 1 3.74 3.75v3.75H13.8Zm0 1.88a3.75 3.75 0 0 1 0 7.5H4.42a3.75 3.75 0 0 1 0-7.5h9.38Z" fill="#35C5F0"></path><path d="M28.83 13.3a3.75 3.75 0 0 1 7.5 0 3.75 3.75 0 0 1-3.75 3.74h-3.75V13.3Zm-1.88 0a3.75 3.75 0 0 1-7.5 0V3.92a3.75 3.75 0 0 1 7.5 0v9.38Z" fill="#2EB57D"></path><path d="M23.2 28.33a3.75 3.75 0 0 1 0 7.5 3.75 3.75 0 0 1-3.74-3.75v-3.75h3.74Zm0-1.88a3.75 3.75 0 0 1 0-7.5h9.38a3.75 3.75 0 0 1 0 7.5H23.2Z" fill="#EBB02E"></path></svg>love the custom sidebar, looks so dope! 🔥</div><section class="style_SlackUi-popover__eDTiX"><img alt="erdman’s Slack Profile" srcSet="/_next/image?url=%2Fstatic%2Fpeople%2Ferdman.jpg&w=384&q=75 1x, /_next/image?url=%2Fstatic%2Fpeople%2Ferdman.jpg&w=640&q=75 2x" src="/_next/image?url=%2Fstatic%2Fpeople%2Ferdman.jpg&w=640&q=75" width="260" height="260" decoding="async" data-nimg="1" loading="lazy" style="color:transparent;max-width:100%;height:auto"/><div class="style_SlackUi-popover-info__mLsL1"><div class="style_SlackUi-popover-info-name__B4vEU">Andrew Erdman</div><div>Solutions Architect</div></div></section></div><section class="style_SlackUiFooter__E_HM8">Actual excerpt from our company Slack channel<strong class="style_SlackUiFooter-channel__BOu8o">#nicedocs</strong></section></div></div></section></div></div><article class="CaseStudy-row CaseStudy-content"><section><div class="CaseStudy-hero-img"><a href="//docs.atelio.com/embedded/docs/guides/" rel="noopener noreferrer" style="box-shadow:0 2px 0 hsla(230, 91%,39%, 0.05), 0 3px 15px hsla(230, 91%,39%, 0.1), 0 10px 40px hsla(230, 91%,39%, 0.05)" target="_blank"><img alt="Atelio Documentation" sizes="100vw" srcSet="/_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=640&q=75 640w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=750&q=75 750w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=828&q=75 828w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=1080&q=75 1080w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=1200&q=75 1200w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=1920&q=75 1920w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=2048&q=75 2048w, /_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fstatic%2Fimg%2Fcustomers%2Fcases%2Fatelio%2Fmedia.png&w=3840&q=75" width="974" height="592" decoding="async" data-nimg="1" style="color:transparent;width:100%;height:auto"/></a><a class="CaseStudy-hero-img-button" href="//docs.atelio.com/embedded/docs/guides/" rel="noopener noreferrer" target="_blank"><span>Open Docs</span><i class="fa fa-arrow-circle-up"></i></a></div><div class="CaseStudy-content-text"><p><a href="https://www.atelio.com/">Atelio by FIS</a> is an innovative fintech platform that helps businesses integrate financial services directly into their systems, enabling them to function like fintech companies. Backed by FIS’ robust security and compliance standards, Atelio’s platform encompasses embedded finance, financial intelligence, and automated finance. With Atelio’s easy-to-use solutions and APIs, businesses can offer credit cards, streamline payments, and gain deeper intelligence on their customers, all while maintaining compliance with financial regulations.</p> <p>Atelio’s APIs are the main interaction layer for developers to access a wide range of features from issuing secured credit cards to the Know Your Customer (KYC) solution for customer identity verification. To underscore just how important Atelio’s APIs are to their solutions offering: Atelio’s developer hub launched on the same day as the company itself.</p> <h1>Customization Was the Name of the Game 🎲</h1> <p>With a turnaround time of less than a year from acquisition to a relaunch that included bringing together existing products, as well as adding new features and functionalities, Atelio’s Head of Developer Experience, Julie Hubschman, was working against the clock to bring Atelio’s developer platform to life. Having used ReadMe at three previous companies and inheriting developer docs that were built in ReadMe, Julie’s decision to use ReadMe for the fourth time to launch Atelio’s developer platform was partly influenced by creature comfort, partly efficiency, and partly knowing the customization possibilities within ReadMe. The goal was for Atelio’s developer hub to mirror the branding and UI that Atelio’s designer had crafted for its website. The question was if that level of customization was even possible in ReadMe, and even if it was, Julie knew it was no small task.</p> <blockquote> <p>The first time I saw customization in ReadMe was at a previous company where we had a frontend engineer who could hack anything. It was very impressive, and I knew then that a lot of customization was possible. Because of my engineering background, I’ve hacked a fair amount of customizations in ReadMe too. But with Atelio, we basically had two months to go from designs to live docs. And so I basically said to your team, ‘I know a lot of this is customizable. I know you all know it’s all customizable. I know you all know where all the skeletons are. And I don’t. So how do we make this work?’ <cite>Julie Hubschman, Head of Developer Experience</cite></p> </blockquote> <h1>Enter: ReadMe Professional Services 💡</h1> <p>Fortunately for Julie and her team, ReadMe had launched its Professional Services offering a few months prior. With à la carte options across content strategy and architecture, technical writing, and design and development customization, the fully customizable services are designed to supplement customers’ internal resources and ensure that their developer hub reaches its full potential. The additional resources that ReadMe’s professional services offers felt like the perfect solution for Julie and her team to hit their goals and timeline. Plus, the fact that ReadMe was already an approved vendor in FIS’ system meant one less lengthy and time-consuming vendor request for Julie to submit.</p> <p>Within 48 hours of submitting the request to add ReadMe’s professional services to their contract, Julie was approved and the teams began working. They had ambitious content and design goals and two months until the launch date and public announcement.</p> <p>Months prior to bringing ReadMe on board, Atelio’s designer, Lucy Ormiston, had created the gold standard prototypes for Atelio’s developer platform. Using API documentation best practices as a foundational guide and a design system that mirrored Atelio’s future website to inform the visual look and feel, the Guides and API Reference design looked great but didn’t exactly map to what was possible in ReadMe, or so Julie thought.</p> <blockquote> <p>Our designer made the designs in Figma. I saw those designs and I was like, ‘I don’t think this is possible.’ I said, ‘This is nuts. But go in, ask for it, even though you probably won’t get it.’ And then they did all of it. They did crazy JavaScript. They did all of it. <cite>Julie Hubschman, Head of Developer Experience</cite></p> </blockquote> <p>Julie knew she was asking for a lot, and fortunately, ReadMe’s Solutions Architects delivered. Using Lucy’s Figma file as the blueprint and keeping an open line of communication between the teams, ReadMe’s Solutions Architects, Andrew and Jim, worked to ensure an almost 1:1 translation from designs to the developed site thanks to healthy doses of custom CSS and JavaScript. Some of the highlights included creating custom navigation to mirror Atelio’s homepage, and introducing a new breadcrumb functionality that spans across the top of every page to help orient developers as they navigate through Atelio’s Guides and API Reference. A custom-styled sidebar expands and collapses to enhance readability, and the first page of Atelio’s Guides features custom components like buttons and cards to provide an optimal UX, especially for developers just getting acquainted with Atelio’s docs.</p> <h1>Technical Writing Without the Writing ✍️</h1> <p>From a technical writing perspective, Julie needed someone who could get into the weeds of the docs with her. Julie came to Mansa, ReadMe’s technical writer, with an interesting, albeit tedious, challenge—collate the extensive, and somewhat disparate, docs into a structure optimized for readability, without removing or rewriting any of the content. Julie provided Mansa with a template to match the structure and flow of Atelio’s marketing pages, and Mansa got to work.</p> <blockquote> <p>I had made an initial template for the docs to match what the marketing team was doing and I was told, ‘You cannot remove anything. Don’t rewrite anything. Just reorganize it.’ It’s a tedious task that involves going through everything. They were written by four people over time and you could tell by looking at them. <cite>Julie Hubschman, Head of Developer Experience</cite></p> </blockquote> <p>Bringing well over a decade of technical writing expertise to the project, Mansa employed information architecture best practices to optimize the Guides and API Reference sections for discoverability and navigability. The result was an entirely new content architecture, replete with categories, overview pages, and nested subpages, but with little impact to the content itself, per Julie’s request.</p> <h1>Ready, Set, Launch 🚀</h1> <p>It was a sprint to the finish line for both teams but launch day arrived, the press release went live, and so too did Atelio’s website and developer hub. “The docs are one of the most viewed parts of the site to this day. I think that speaks to who we’re serving,” says Julie.</p> <p>In terms of the Atelio team’s response? You can say what ReadMe’s team delivered took them by surprise—in a good way. Julie commented, “We were able to get [Atelio’s developer hub] to look like it was part of a page made by a whole different company, which was really amazing. The fact that ReadMe did what they did is like witchcraft.”</p></div></section><section><aside class="CaseStudy-aside" style="background:hsl(230, 91%, 78%)"><p>Atelio by FIS is an innovative fintech platform that provides the building blocks for financial institutions, businesses, and software developers to embed financial services into their offerings.</p><div class="CaseStudy-aside-item"><i class="icon-map-pin"></i>Jacksonville, FL</div><div class="CaseStudy-aside-item"><i class="icon-landing-page-2"></i>Financial Services, B2B</div><div class="CaseStudy-aside-item"><i class="icon-link"></i><a href="//docs.atelio.com/embedded/docs/guides/" rel="noopener noreferrer" target="_blank">Open Docs</a></div><footer class="CaseStudy-aside-footer"><a class="style_Button__Hs4Gt style_Button_contrast__BfjEh style_Button_lg__rv5GV CaseStudy-aside-button" href="https://dash.readme.com/signup">Sign Up for ReadMe</a><small>Free 14-day trial</small></footer></aside></section></article></div></main><div style="background:var(--blue100);border-radius:2em 2em 2em 2em;padding:0rem;width:auto" class="style_FancyCard__5dykh"><div class="style_FancyCard-content__Yhkuj"><section class="style_Footer__rGDbS"><div class="style_Footer-header__LwdEL"><div class="style_Footer-header-left__hWoSY Flex Flex_column"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 206.4" class="style_Footer-logo__8ldA2"><defs><style>.cls-1{fill:#3e8bf6;}</style></defs><path class="cls-1" d="M473.996,38.588c-38.042,0-65.043,26.754-65.043,64.06,0,39.025,29.701,63.814,67.497,63.814,17.811,0,41.273-5.728,54.304-21.873,1.341-1.661,1.266-4.055-.256-5.553l-12.331-12.142c-1.563-1.539-4.093-1.584-5.651-.04-10.061,9.968-22.898,13.836-34.595,13.836-18.162,0-33.381-10.063-35.342-30.433h91.748c1.012,0,1.89-.738,2.023-1.742,.317-2.39,.476-4.873,.476-7.833,0-18.651-6.627-33.87-17.919-44.912-11.042-11.046-26.75-17.183-44.912-17.183Zm-31.173,51.296c2.212-16.444,13.747-26.507,30.437-26.507,8.834,0,16.444,2.947,21.841,8.592,4.173,4.662,7.363,10.553,8.345,17.915h-60.624Z"></path><path class="cls-1" d="M1182.081,55.771c-11.042-11.046-26.75-17.183-44.912-17.183-38.042,0-65.043,26.754-65.043,64.06,0,39.025,29.701,63.814,67.497,63.814,17.811,0,41.274-5.728,54.305-21.873,1.34-1.662,1.265-4.055-.256-5.553l-12.331-12.142c-1.564-1.539-4.092-1.584-5.651-.04-10.061,9.968-22.898,13.836-34.595,13.836-18.162,0-33.38-10.063-35.341-30.433h91.747c1.012,0,1.89-.738,2.024-1.742,.316-2.39,.476-4.873,.476-7.832,0-18.651-6.627-33.87-17.919-44.912Zm-76.085,34.112c2.212-16.444,13.747-26.507,30.437-26.507,8.834,0,16.444,2.947,21.841,8.592,4.173,4.662,7.363,10.553,8.345,17.915h-60.623Z"></path><path class="cls-1" d="M690.309,138.423c.008-.053,.003-.107,.011-.16h-6.357v-56.506h0V46.38c0-2.812-2.279-5.091-5.091-5.091h-18.824c-2.812,0-5.091,2.28-5.091,5.091v8.858c-10.794-10.282-25.255-16.65-41.923-16.65-36.817,0-62.588,27.49-62.588,64.06,0,36.077,25.529,63.814,62.588,63.814,18.896,0,33.375-7.855,43.684-19.631v4.958c0,6.749,5.471,12.219,12.219,12.219h20.583c2.812,0,5.091-2.28,5.091-5.091v-15.561c0-2.532-1.881-4.539-4.302-4.932Zm-71.878-.677c-20.123,0-34.606-15.465-34.606-35.099,0-19.88,14.483-35.341,34.606-35.341,18.162,0,34.116,12.76,34.116,35.341,0,22.335-15.954,35.099-34.116,35.099Z"></path><path class="cls-1" d="M1063.068,138.264h-9.168v-47.151c0-31.416-19.88-52.525-50.317-52.525-18.405,0-32.641,7.609-42.215,18.902-8.341-12.028-21.841-18.902-39.267-18.902s-30.385,7.462-38.979,18.556v-11.007c0-2.812-2.28-5.091-5.091-5.091h-18.824c-2.812,0-5.091,2.279-5.091,5.091v108.33c0,5.269,4.271,9.54,9.54,9.54h33.731c2.812,0,5.091-2.279,5.091-5.091v-15.561c0-2.812-2.279-5.091-5.091-5.091h-9.155v-44.45c0-15.954,10.306-26.018,25.278-26.018,14.729,0,23.317,10.063,23.317,26.018v60.653c0,5.269,4.271,9.54,9.54,9.54h30.158c2.798,0,5.067-2.268,5.067-5.067v-15.61c0-2.798-2.269-5.067-5.067-5.067h-5.581v-44.45c0-15.954,10.553-26.018,25.278-26.018s23.564,10.063,23.564,26.018v44.45l.013,12.723v3.48c0,5.269,4.271,9.54,9.54,9.54h33.731c2.812,0,5.091-2.279,5.091-5.091v-15.561c0-2.812-2.28-5.091-5.091-5.091Z"></path><path class="cls-1" d="M822.771,.023h-27.431c-2.812,0-5.092,2.28-5.092,5.091v15.561c0,2.812,2.28,5.091,5.092,5.091h1.453c-.001,.009,0,.018-.001,.028h4.086v25.068c-10.063-7.609-22.581-12.275-36.817-12.275-36.813,0-62.585,27.49-62.585,64.06,0,36.077,25.525,63.814,62.585,63.814,17.858,0,31.725-7.063,41.899-17.774v10.228c0,2.812,2.28,5.091,5.091,5.091h18.824c2.812,0,5.091-2.279,5.091-5.091v-17.109c.008,0,.015-.004,.023-.005V12.242c0-6.749-5.471-12.219-12.219-12.219Zm-53.309,137.724c-20.127,0-34.606-15.465-34.606-35.099,0-19.88,14.479-35.341,34.606-35.341,18.162,0,34.112,12.76,34.112,35.341,0,22.335-15.95,35.099-34.112,35.099Z"></path><path class="cls-1" d="M225.466,29.543h-59.576c-20.931,0-38.411,14.655-42.819,34.255-4.407-19.6-21.886-34.255-42.818-34.255H20.677C9.257,29.543,0,38.8,0,50.219v104.829c0,11.42,9.257,20.677,20.677,20.677H60.209s.001,.001,.002,.001c41.229,.126,54.747,9.808,61.262,29.595,.268,.611,.889,1.055,1.599,1.055,.713,0,1.331-.439,1.597-1.055,6.513-19.787,20.034-29.469,61.262-29.595,.001,0,.001-.001,.002-.001h39.534c11.42,0,20.677-9.257,20.677-20.677V50.219c0-11.419-9.257-20.677-20.677-20.677Zm-122.185,112.293c0,1.219-.988,2.207-2.207,2.207H33.738c-1.219,0-2.207-.988-2.207-2.207v-8.38c0-1.219,.988-2.207,2.207-2.207H101.074c1.219,0,2.207,.988,2.207,2.207v8.38Zm0-26.083c0,1.219-.988,2.207-2.207,2.207H33.738c-1.219,0-2.207-.988-2.207-2.207v-8.38c0-1.219,.988-2.207,2.207-2.207H101.074c1.219,0,2.207,.988,2.207,2.207v8.38Zm0-26.083c0,1.219-.988,2.207-2.207,2.207H33.738c-1.219,0-2.207-.988-2.207-2.207v-8.38c0-1.219,.988-2.207,2.207-2.207H101.074c1.219,0,2.207,.988,2.207,2.207v8.38Zm111.33,52.166c0,1.219-.988,2.207-2.207,2.207h-67.334c-1.219,0-2.207-.988-2.207-2.207v-8.38c0-1.219,.988-2.207,2.207-2.207h67.334c1.219,0,2.207,.988,2.207,2.207v8.38Zm0-26.083c0,1.219-.988,2.207-2.207,2.207h-67.334c-1.219,0-2.207-.988-2.207-2.207v-8.38c0-1.219,.988-2.207,2.207-2.207h67.334c1.219,0,2.207,.988,2.207,2.207v8.38Zm0-26.083c0,1.219-.988,2.207-2.207,2.207h-67.334c-1.219,0-2.207-.988-2.207-2.207v-8.38c0-1.219,.988-2.207,2.207-2.207h67.334c1.219,0,2.207,.988,2.207,2.207v8.38Z"></path><path class="cls-1" d="M414.034,44.915c-3.989-2.687-13.364-7.221-30.408-6.327-15.445,.81-27.49,8.102-35.589,21.109v-2.454c0-.033-.004-.059-.004-.091v-3.648c0-6.749-5.471-12.22-12.22-12.22h-26.614c-2.812,0-5.091,2.279-5.091,5.091v16.079c0,2.812,2.28,5.091,5.091,5.091h4.693s-1.979,.002-1.981,.003h2.742s.004,.002,.006,.002h5.64v70.713h-9.144c-2.785,0-5.042,2.258-5.042,5.042v15.66c0,2.784,2.257,5.041,5.041,5.041h52.385c2.784,0,5.04-2.257,5.04-5.04v-15.662c0-2.784-2.257-5.041-5.041-5.041h-9.123v-40.277c0-17.183,10.085-28.875,26.26-29.697,7.531-.383,12.856,.768,16.122,1.869,.91,.307,1.86-.156,2.262-1.027,3.742-8.106,8.877-15.263,15.171-21.278,.884-.845,.814-2.254-.2-2.937Z"></path></svg><div class="style_Footer-header-left-title__wp3mP"><h2 class="style_Heading__SJ3BS style_Heading_level-2__uRYh2 style_Heading_600__kysAr"><span style="color:var(--blue10)">Ready for a  <span style="color:var(--blue)">developer hub</span>  developers love?</span></h2><p class="style_Paragraph__xyFI_ style_Paragraph_level-3__noZ7I" style="color:var(--blue10)">Sign up for a free 14 day trial of the full platform. Your API Reference is free forever.</p></div><div class="style_GetStartedCTA__V7Z__ style_Footer-getstarted__ndyuM"><a class="style_Button__Hs4Gt style_GetStartedCTA-button__NIlBQ" href="https://dash.readme.com/signup">Get Started</a><div>or<button class="style_Button__Hs4Gt rm-RequestDemo style_GetStartedCTA-link___4PeD">Request a Demo</button></div></div></div><div class="style_Footer-header-right__mYn72"><div role="figure" aria-label="An illustration of owls celebrating their successfull API status codes" class="style_Parallax__63ZXr style_Parallax_align-end__FAR4H"><div class="style_Parallax-wrapper__0WP24" style="--parallax-intrinsic-width:740;--parallax-intrinsic-height:560;--parallax-scale:1"><div class="style_Parallax-element__SglnI"><div class="style_Parallax-fixed-layer__IaLh0"><div class="style_ParallaxItem__SsySB" style="top:0;left:130px;transform:translate3d(-2px, 0, 0) scale(var(--layer-scale, 1))"><div class=""><div><div style="transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)"><span class="jsx-1244891252 line"></span></div></div></div></div><div class="style_ParallaxItem__SsySB" style="top:0;left:340px;transform:translate3d(-2px, 0, 0) scale(var(--layer-scale, 1))"><div class=""><div><div style="transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)"><span class="jsx-1655739866 line"></span>s</div></div></div></div><div class="style_ParallaxItem__SsySB" style="top:0;left:550px;transform:translate3d(-2px, 0, 0) scale(var(--layer-scale, 1))"><div class=""><div><div style="transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)"><span class="jsx-803869052 line"></span></div></div></div></div><div class="style_ParallaxItem__SsySB" style="top:195px;left:130px;transform:translate3d(-20px, 0, 0) scale(var(--layer-scale, 1))"><div class=""><div><div style="transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)"><div class="style_Status__xKNIl"><code class="style_HTTPStatus__r8KkZ style_HTTPStatus_2__LG19t"><span role="img" aria-label="200 status code" class="style_HTTPStatus-chit__AUWdR"></span></code>200</div></div></div></div></div><div class="style_ParallaxItem__SsySB" style="top:140px;left:340px;transform:translate3d(-20px, 0, 0) scale(var(--layer-scale, 1))"><div class=""><div><div style="transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)"><div class="style_Status__xKNIl"><code class="style_HTTPStatus__r8KkZ style_HTTPStatus_2__LG19t"><span role="img" aria-label="200 status code" class="style_HTTPStatus-chit__AUWdR"></span></code>200</div></div></div></div></div><div class="style_ParallaxItem__SsySB" style="top:185px;left:550px;transform:translate3d(-20px, 0, 0) scale(var(--layer-scale, 1))"><div class=""><div><div style="transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)"><div class="style_Status__xKNIl"><code class="style_HTTPStatus__r8KkZ style_HTTPStatus_2__LG19t"><span role="img" aria-label="200 status code" class="style_HTTPStatus-chit__AUWdR"></span></code>200</div></div></div></div></div><div class="style_ParallaxItem__SsySB" style="top:300px;left:550px;transform:translate3d(-50%, 0, 0) scale(var(--layer-scale, 1))"><div class=""><div><div style="transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)"><img alt="Owlejandro celebrating" height="187" loading="lazy" src="/static/owlberts/owlejandro-celebrating.png" width="190"/></div></div></div></div></div><div class="style_ParallaxItem__SsySB" style="--layer-opacity:1;--layer-scale:1;top:245px;left:340px;transform:translate3d(-106px, 0, 0) scale(var(--layer-scale, 1));--layer-z-index:50"><div class=""><div><div style="transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)"><img alt="Owlbert celebrating" src="/static/owlberts/owlbert-celebrating.png" width="230" height="194" loading="lazy"/></div></div></div></div><div class="style_ParallaxItem__SsySB" style="--layer-opacity:1;--layer-scale:1;top:235px;left:130px;transform:translate3d(-50%, 0, 0) scale(var(--layer-scale, 1));--layer-z-index:40"><div class=""><div><div style="transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)"><img alt="Owlivia celebrating" src="/static/owlberts/owlivia-celebrating.png" width="216" height="231" loading="lazy"/></div></div></div></div><div class="style_ParallaxItem__SsySB" style="--layer-opacity:1;--layer-scale:1;top:100px;left:30px;transform:translate3d(0, 0, 0) scale(var(--layer-scale, 1));--layer-z-index:20"><div class=""><div><div style="transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)"><img alt="confetti" loading="lazy" src="/static/img/home/footer-confetti-foreground.png" width="640" height="358"/></div></div></div></div><div class="style_ParallaxItem__SsySB" style="--layer-opacity:0.5;--layer-scale:1;top:60px;left:30px;transform:translate3d(0, 0, 0) scale(var(--layer-scale, 1));--layer-z-index:10"><div class="style_ParallaxItem_drift-motion__3HjJh"><div><div style="transform:perspective(600px) rotateX(0deg) rotateY(0deg) scale(1)"><img alt="confetti" height="358" loading="lazy" src="/static/img/home/footer-confetti-background.png" width="640"/></div></div></div></div></div></div></div></div></div><div class="style_Footer-container__0L47k"><div class="Footer-mainmenu style_Footer-mainmenu__R087c"><ul class="Flex Flex_column style_Footer-list__9opQ5"><li class="style_Footer-list-title__gV6_l">PRODUCT</li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/documentation">Docs</a></li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/developer-dashboard">Developer Dashboard</a></li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/community">Community</a></li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/enterprise">Enterprise</a></li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/pricing">Pricing</a></li></ul><ul class="Flex Flex_column style_Footer-list__9opQ5"><li class="style_Footer-list-title__gV6_l">RESOURCES</li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/customers">Customer Stories</a></li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/events">Events</a></li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/resources">Resource Library</a></li><li class="style_Footer-list-item__W9pyJ"><a href="https://blog.readme.com/" class="style_Footer-list-link__bd5qA style_Footer-list-link_external__2672I" target="_blank" rel="noreferrer">ReadMe Blog<i class="style_Footer-list-link-icon__yHQKr icon-arrow-up-right"></i></a></li><li class="style_Footer-list-item__W9pyJ"><a href="https://docs.readme.com/docs" class="style_Footer-list-link__bd5qA style_Footer-list-link_external__2672I" target="_blank" rel="noreferrer">ReadMe Docs<i class="style_Footer-list-link-icon__yHQKr icon-arrow-up-right"></i></a></li></ul><ul class="Flex Flex_column style_Footer-list__9opQ5"><li class="style_Footer-list-title__gV6_l">COMPANY</li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/about">Team</a></li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/slack">Join our Slack</a></li><li class="style_Footer-list-item__W9pyJ"><button class="style_Footer-list-link__bd5qA">Contact Support</button></li></ul></div><div class="Footer-submenu style_Footer-submenu-container__0Ptpx"><ul class="style_Footer-submenu__higtb style_Footer-list__9opQ5"><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/tos">Terms of Service</a></li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/privacy">Privacy Policy</a></li><li class="style_Footer-list-item__W9pyJ"><a class="style_Footer-list-link__bd5qA" href="/msa">MSA</a></li></ul></div></div></section></div></div></div></div><script id="hs-script-loader" async="" defer="" src="//js.hs-scripts.com/9401557.js"></script></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"color":"hsl(230, 91%, 78%)","companyDescription":"Atelio by FIS is an innovative fintech platform that provides the building blocks for financial institutions, businesses, and software developers to embed financial services into their offerings.","companyName":"Atelio","companyType":"B2B","companyUrl":"//docs.atelio.com/embedded/docs/guides/","content":"\n[Atelio by FIS](https://www.atelio.com/) is an innovative fintech platform that helps businesses integrate financial services directly into their systems, enabling them to function like fintech companies. Backed by FIS’ robust security and compliance standards, Atelio’s platform encompasses embedded finance, financial intelligence, and automated finance. With Atelio’s easy-to-use solutions and APIs, businesses can offer credit cards, streamline payments, and gain deeper intelligence on their customers, all while maintaining compliance with financial regulations.\n\nAtelio’s APIs are the main interaction layer for developers to access a wide range of features from issuing secured credit cards to the Know Your Customer (KYC) solution for customer identity verification. To underscore just how important Atelio’s APIs are to their solutions offering: Atelio’s developer hub launched on the same day as the company itself.\n\n# Customization Was the Name of the Game 🎲\n\nWith a turnaround time of less than a year from acquisition to a relaunch that included bringing together existing products, as well as adding new features and functionalities, Atelio’s Head of Developer Experience, Julie Hubschman, was working against the clock to bring Atelio’s developer platform to life. Having used ReadMe at three previous companies and inheriting developer docs that were built in ReadMe, Julie’s decision to use ReadMe for the fourth time to launch Atelio’s developer platform was partly influenced by creature comfort, partly efficiency, and partly knowing the customization possibilities within ReadMe. The goal was for Atelio’s developer hub to mirror the branding and UI that Atelio’s designer had crafted for its website. The question was if that level of customization was even possible in ReadMe, and even if it was, Julie knew it was no small task.\n\n\u003e The first time I saw customization in ReadMe was at a previous company where we had a frontend engineer who could hack anything. It was very impressive, and I knew then that a lot of customization was possible. Because of my engineering background, I’ve hacked a fair amount of customizations in ReadMe too. But with Atelio, we basically had two months to go from designs to live docs. And so I basically said to your team, ‘I know a lot of this is customizable. I know you all know it’s all customizable. I know you all know where all the skeletons are. And I don’t. So how do we make this work?’\n\u003e \u003ccite\u003eJulie Hubschman, Head of Developer Experience\u003c/cite\u003e\n\n# Enter: ReadMe Professional Services 💡\n\nFortunately for Julie and her team, ReadMe had launched its Professional Services offering a few months prior. With à la carte options across content strategy and architecture, technical writing, and design and development customization, the fully customizable services are designed to supplement customers’ internal resources and ensure that their developer hub reaches its full potential. The additional resources that ReadMe’s professional services offers felt like the perfect solution for Julie and her team to hit their goals and timeline. Plus, the fact that ReadMe was already an approved vendor in FIS’ system meant one less lengthy and time-consuming vendor request for Julie to submit.\n\nWithin 48 hours of submitting the request to add ReadMe’s professional services to their contract, Julie was approved and the teams began working. They had ambitious content and design goals and two months until the launch date and public announcement.\n\nMonths prior to bringing ReadMe on board, Atelio’s designer, Lucy Ormiston, had created the gold standard prototypes for Atelio’s developer platform. Using API documentation best practices as a foundational guide and a design system that mirrored Atelio’s future website to inform the visual look and feel, the Guides and API Reference design looked great but didn’t exactly map to what was possible in ReadMe, or so Julie thought.\n\n\u003e Our designer made the designs in Figma. I saw those designs and I was like, ‘I don’t think this is possible.’ I said, ‘This is nuts. But go in, ask for it, even though you probably won’t get it.’ And then they did all of it. They did crazy JavaScript. They did all of it.\n\u003e \u003ccite\u003eJulie Hubschman, Head of Developer Experience\u003c/cite\u003e\n\nJulie knew she was asking for a lot, and fortunately, ReadMe’s Solutions Architects delivered. Using Lucy’s Figma file as the blueprint and keeping an open line of communication between the teams, ReadMe’s Solutions Architects, Andrew and Jim, worked to ensure an almost 1:1 translation from designs to the developed site thanks to healthy doses of custom CSS and JavaScript. Some of the highlights included creating custom navigation to mirror Atelio’s homepage, and introducing a new breadcrumb functionality that spans across the top of every page to help orient developers as they navigate through Atelio’s Guides and API Reference. A custom-styled sidebar expands and collapses to enhance readability, and the first page of Atelio’s Guides features custom components like buttons and cards to provide an optimal UX, especially for developers just getting acquainted with Atelio’s docs.\n\n# Technical Writing Without the Writing ✍️\n\nFrom a technical writing perspective, Julie needed someone who could get into the weeds of the docs with her. Julie came to Mansa, ReadMe’s technical writer, with an interesting, albeit tedious, challenge—collate the extensive, and somewhat disparate, docs into a structure optimized for readability, without removing or rewriting any of the content. Julie provided Mansa with a template to match the structure and flow of Atelio’s marketing pages, and Mansa got to work.\n\n\u003e I had made an initial template for the docs to match what the marketing team was doing and I was told, ‘You cannot remove anything. Don’t rewrite anything. Just reorganize it.’ It’s a tedious task that involves going through everything. They were written by four people over time and you could tell by looking at them.\n\u003e \u003ccite\u003eJulie Hubschman, Head of Developer Experience\u003c/cite\u003e\n\nBringing well over a decade of technical writing expertise to the project, Mansa employed information architecture best practices to optimize the Guides and API Reference sections for discoverability and navigability. The result was an entirely new content architecture, replete with categories, overview pages, and nested subpages, but with little impact to the content itself, per Julie’s request.\n\n# Ready, Set, Launch 🚀\n\nIt was a sprint to the finish line for both teams but launch day arrived, the press release went live, and so too did Atelio’s website and developer hub. “The docs are one of the most viewed parts of the site to this day. I think that speaks to who we’re serving,” says Julie.\n\nIn terms of the Atelio team’s response? You can say what ReadMe’s team delivered took them by surprise—in a good way. Julie commented, “We were able to get [Atelio’s developer hub] to look like it was part of a page made by a whole different company, which was really amazing. The fact that ReadMe did what they did is like witchcraft.”\n","hq":"Jacksonville, FL","id":"atelio","identifier":"atelio","industry":"Financial Services","largeLogo":false,"nicedocsAvatar":"erdman","nicedocsMsg":"love the custom sidebar, looks so dope! 🔥","nicedocsName":"Andrew Erdman","nicedocsTitle":"Solutions Architect","pageTitle":"Minimal time, maximum personalization: How Atelio by FIS leveraged ReadMe's Professional Services to launch a developer hub that matched their brand exactly","pageSubtitle":"With APIs core to their solutions offering, the Atelio team needed a developer hub that was optimized for both substance and style."},"__N_SSG":true},"page":"/customers/[customer]","query":{"customer":"atelio"},"buildId":"PNHNGXiUp5pakLqNsvob1","isFallback":false,"gsp":true,"scriptLoader":[]}</script><script>document.getElementsByTagName("body")[0].classList.remove("no-js");</script></body></html>