Case study # An interactive building for GDI Ainsworth Updated November 15, 2026 Creative Website Development Software Development GDI Ainsworth is the cleaning and technical services arm of GDI Integrated Facility Services, one of North America's largest facility services companies. We drew a custom isometric building that shows everything GDI Ainsworth does, then turned it into the interactive services section on the gdi.com homepage. [See the Site ](https://gdi.com) ![GDI Ainsworth's isometric building illustration on a navy background](https://cdn.sanity.io/images/0838mkru/production/df561e535d495ba0f3c56aeac29931a9c9200819-3840x2160.png) Detail ## Every service in one picture In 2026, its 100th year, GDI was bringing its cleaning and technical services together under one name. The marketing team wanted original art to replace stock photos: one image that showed the whole range of what GDI does and didn't look like anything else in facility services. ![A pencil sketch of a food plant floor beside the finished illustration](https://cdn.sanity.io/images/0838mkru/production/79ade5395fd433f6bfed41139c6fab68cf61217a-3200x2400.png) Field note ## Drawn floor by floor We sketched each floor in pencil, set the style on one floor, then carried it through the whole building. Eight levels run from the basement to the roof, and every service shows people doing the work in the right gear for the trade. GDI got light and dark versions and layered files for each floor, ready for the website and the rest of its marketing. ![Illustrated food plant floor with sanitation crews in protective gear](https://cdn.sanity.io/images/0838mkru/production/4f0d183e4b6e940c7663e3dfe4be656a7e2bfa99-3200x2400.png) ![Illustrated hospitality floor with a gym, a kitchen and cleaners at work](https://cdn.sanity.io/images/0838mkru/production/b19d82c4ed6b0bb3dea52db36ffe0b32041224ef-3200x2400.png) ![Illustrated commercial floor with cleaners and a maintenance worker](https://cdn.sanity.io/images/0838mkru/production/0906a35a8f4e404f81455b3d4bc8047cf46bdc5c-3200x2400.png) ![Illustrated data centre floor with technicians at server racks](https://cdn.sanity.io/images/0838mkru/production/8c14f5a4518afd2a44742d9fd3de132440d98b26-3200x2400.png) Detail ## From illustration to homepage Once the art was done, we showed GDI three ways to put it on the site. They chose an interactive building: pick a level and the floors above lift away while the view zooms in. Each service links to its own page. We built it as a custom Elementor widget, so GDI's team can edit services, text and links themselves, in English and French. It's now on the gdi.com homepage. ![The interactive building on gdi.com, opened to the roof](https://cdn.sanity.io/images/0838mkru/production/d540dd48639d94ead48344b8c99e000f82407faa-1440x900.png) ![The gdi.com services section on a phone, showing the whole building](https://cdn.sanity.io/images/0838mkru/production/4e850d7d92b9f81c4f879f8e8fbc2f2e88f8bd06-2000x3600.png) ![The gdi.com services section on a phone, zoomed into Floor 2](https://cdn.sanity.io/images/0838mkru/production/5de3cca76d6703644f63abfa43a75e1af08139da-2000x3600.png) In their words01 / 01 They didn't simply execute a brief; they asked the right questions, brought great ideas to the table, and worked with us to create something that was both visually impressive and strategically useful. Kathryn Kozody Director of Marketing and Communications, GDI Ainsworth In closing ## Got more services than one page can explain? We draw and build the pieces that make a long list of services easy to follow. [Book a call ](https://www.papercrane.ca/book) ![The illustrated rooftop with HVAC units, solar panels and a green roof](https://cdn.sanity.io/images/0838mkru/production/fd768aea8d4bb978f9c7cfb74b28012e60273da6-3200x2400.png) ## MORE PROJECTS [ ![BioStrong DNA helix motif on warm charcoal](https://cdn.sanity.io/images/0838mkru/production/7411875969b6c4a65d937cda95cae1ce22fcc48a-3200x2000.png) Website DevelopmentDigital InfrastructureMarketing ### BioStrong BioStrong is the first (and one of the only) places in Alberta where aging Albertans can build bone density naturally! Their proven system allows their clients to safely lift four times their bodyweight in each session, triggering their bodies' natural ability to grow bone. They enlisted Paper Crane to help their target audiences understand the benefits of BioStrong. Explore ](https://www.papercrane.ca/case-studies/biostrong) [ ![MODERNSPEAK editorial compass motif on an ivory backdrop](https://cdn.sanity.io/images/0838mkru/production/0e2fdaefa4fb5544b762e4e68f7e6e7bf7b25075-3200x2000.png) Software DevelopmentDigital InfrastructureStrategy ### MODERNSPEAK MODERNSPEAK manages creators for some of the world’s best-known brands. We took their back office from a scrappy Airtable MVP to a bespoke, production-grade platform, and became their long-term technical partner. It’s our first true top-to-bottom software product, built from nothing but a foundation of our own. ](https://www.papercrane.ca/case-studies/modernspeak) [ ![CHF BC brand mark](https://cdn.sanity.io/images/0838mkru/production/a8d0f759b9319c79dcd562a05325085989bee6ab-3200x2000.png) Website DevelopmentWebsite DesignSoftware Development+1 ### CHF BC CHF BC's website had served them well, but it had grown dated and hard to change. We rebuilt it on a component system their own team can run, and built a live, Salesforce-connected Co-op Explorer that puts every housing co-op in the province on one map. Explore ](https://www.papercrane.ca/case-studies/chf-bc-website) [See all projects](https://www.papercrane.ca/case-studies) --- Source: https://www.papercrane.ca/case-studies/gdi-ainsworth