# Built by Field

> Design and technology studio

Built by Field (Field Creative Inc.) is a design and technology studio in Calgary, Alberta, founded in 2018.

We help organizations make sense of emerging tech, shifting expectations, and uncertain futures—then turn that understanding into useful digital experiences.

The full text of the case studies, capability pages and articles is at https://www.builtbyfield.com/llms-full.txt.

## Site
- [Work](https://www.builtbyfield.com/work)
- [Work archive](https://www.builtbyfield.com/work/archive)
- [Clients](https://www.builtbyfield.com/clients)
- [Latest](https://www.builtbyfield.com/latest)
- [About](https://www.builtbyfield.com/about)
- [Capabilities](https://www.builtbyfield.com/capabilities)
- [Contact](https://www.builtbyfield.com/contact)
- [Partners](https://www.builtbyfield.com/partners)

## Capabilities
- [Accessible design](https://www.builtbyfield.com/capabilities/accessible-design): Accessibility isn't a compliance line; it's whether the work actually works. We design and build to WCAG from the first layout: real contrast, real focus states, semantics a screen reader can navigate, motion that respects the people who turn it off. Retrofitting access is expensive. Designing with it costs nothing.
- [Brand design](https://www.builtbyfield.com/capabilities/brand-design): We design identities for organizations whose work is already good; the brand just hasn't caught up. That starts with positioning, not mood boards: what the organization is, who needs to understand it, and every surface the identity will have to live on. Because we build what we design, nothing arrives that can't survive contact with a browser.
- [Brand implementation](https://www.builtbyfield.com/capabilities/brand-implementation): An identity becomes a brand once it shows up everywhere. Whether we designed it or a partner did, we roll it out into the places people actually meet it: the website, templates, stationery, signage, social, and the everyday files a team reaches for without thinking.
- [Campaign production](https://www.builtbyfield.com/capabilities/campaign-production): A campaign idea is only as good as its rollout: dozens of formats, several channels, and a launch date that won't move. We produce campaigns across every surface they need, from landing pages and social assets to print, signage, and presentations, all drawn from one system so the fiftieth piece holds up like the first.
- [Content management systems](https://www.builtbyfield.com/capabilities/content-management-systems): The CMS decides whether a site ages well. We build on Sanity: structured content, an editing environment shaped around how your team actually works, and a front end that's free to be exactly what the design demands. Content stops being trapped in pages and becomes something the whole organization can query, reuse, and grow.
- [Content modelling](https://www.builtbyfield.com/capabilities/content-modelling): We don't build pages; we build content structures that generate pages. Before design starts, we work out what types of content exist, how they relate, and how they'll be managed over time, so a program is a program and a story is a story, not paragraphs trapped in a layout. It's the least visible part of our work, and the reason our sites still hold up years after launch.
- [Content strategy](https://www.builtbyfield.com/capabilities/content-strategy): Most sites carry more content than their audiences can use. We inventory what exists, weigh each page against what people actually come looking for, and decide what to keep, merge, rewrite, or retire. Then we plan how it stays that way: who owns each piece, when it gets reviewed, and what a new page has to earn before it goes up. When the words need a professional writer, we bring in partners who are writers first.
- [Custom CMS tooling](https://www.builtbyfield.com/capabilities/custom-cms-tooling): The CMS is an interface too, and the people in it every day deserve design. We extend Sanity with custom inputs, previews, and workflows: form builders, map editors, validation that explains itself. When editing feels considered, content stays good long after launch.
- [Dashboards and data tools](https://www.builtbyfield.com/capabilities/dashboards-and-data-tools): A dashboard should answer a question, not decorate one. We build internal tools that put the day's work in front of the right people: live data, sensible defaults, and actions where the information is. Success is quiet: fewer spreadsheets, fewer status emails, fewer tabs.
- [Data modelling](https://www.builtbyfield.com/capabilities/data-modelling): Every workflow tool is a data model wearing an interface. We work out the entities, relationships, and rules first, pinning down what a booking, a member, or a submission actually is, so the screens follow from the structure instead of fighting it. When the model matches how the organization thinks, the tool feels obvious.
- [Design systems](https://www.builtbyfield.com/capabilities/design-systems): A brand that only works in the guidelines PDF isn't finished. We design brand systems as working parts: typography, colour, spacing, and components defined precisely enough to build with and flexible enough to reach surfaces nobody has planned for yet. The same system that governs the website governs the deck, the report, and whatever comes next.
- [Digital strategy](https://www.builtbyfield.com/capabilities/digital-strategy): Most digital problems are decided before anything is designed: what to build, what to consolidate, what to leave alone. We help organizations make those calls by auditing what exists, mapping what matters, and setting a direction that holds up against real budgets and timelines. The deliverable is clear decisions, not a deck that sits in a drawer.
- [E-commerce](https://www.builtbyfield.com/capabilities/e-commerce): Commerce with substance deserves better than a template. We build Shopify storefronts where the brand holds from first visit through unboxing: custom front ends, structured content alongside the catalogue, and tools that help people find the right product rather than just a product. Milk Jar's Scent Seer began as exactly that conviction.
- [Editorial design](https://www.builtbyfield.com/capabilities/editorial-design): Long-form deserves better than a wall of text. We design editorial experiences, from annual reports to impact stories to features, where typography, pacing, and media carry a reader through the substance rather than past it. The best ones read like publications and manage like websites.
- [Information architecture](https://www.builtbyfield.com/capabilities/information-architecture): When people can't find something, it may as well not exist. We map layered content and multiple audiences into structures people move through without thinking about them: sitemaps, navigation, naming, and the hierarchy that decides what earns the homepage. Most sites that come to us for a redesign don't have a design problem; they have an architecture problem.
- [Interaction design](https://www.builtbyfield.com/capabilities/interaction-design): Motion and response are how an interface explains itself. We design interactions that carry information about what just happened, what's loading, and what's possible, and we prototype them in code, where timing and easing can be felt rather than imagined. If a movement says nothing, it doesn't ship.
- [Interactive maps](https://www.builtbyfield.com/capabilities/interactive-maps): A map is an interface, not an illustration. We build interactive mapping experiences, from 3D districts to self-guided tours to live open-data layers, where spatial storytelling runs on real infrastructure: vector tiles, MapLibre, and content models that let clients update the map themselves. Not pins on a map.
- [Interface design](https://www.builtbyfield.com/capabilities/interface-design): A working tool is judged on its thousandth use, not its first. We design dashboards, admin screens, and applications around the tasks people repeat every day: clear states, honest feedback, density where the work needs it and calm where it doesn't. In a tool, delight is mostly the absence of friction.
- [Kiosks and touchscreens](https://www.builtbyfield.com/capabilities/kiosks-and-touchscreens): Public screens are the hardest interfaces: no manual, no mouse, every audience at once. We design touch experiences for lobbies, venues, and public spaces, with generous targets, forgiving flows, and sessions that reset cleanly for the next person. Built to run unattended for months at a time.
- [Multilingual and multi-region systems](https://www.builtbyfield.com/capabilities/multilingual-and-multi-region-systems): Going bilingual after launch is a rebuild; planning for it is a routing decision. We build locale systems before the second language arrives: structured translations, per-region routing, content that knows its language. Wee Wild Ones launched in English with French infrastructure already in place, so expansion is content entry, not engineering.
- [Performance and optimization](https://www.builtbyfield.com/capabilities/performance-and-optimization): Speed compounds: faster sites rank better, convert better, and cost less to run. We budget for performance from the first wireframe: static where possible, media that sizes itself, nothing shipped that isn't needed. We measure on real devices rather than lab scores. A fast site is a form of respect.
- [Platform architecture](https://www.builtbyfield.com/capabilities/platform-architecture): Tools outlive their first version, so we architect for the second one from the start. Data models, permissions, integrations, and hosting are chosen for the workflows they have to carry, and kept legible enough that any developer who comes after us can find their way. Good architecture is mostly the discipline of leaving things understandable.
- [Platforms and applications](https://www.builtbyfield.com/capabilities/platforms-and-applications): When off-the-shelf runs out, we build the thing itself. Purpose-built platforms like scheduling systems, program hubs, and member experiences are designed around specific workflows rather than general content browsing, and engineered to be maintained, not just launched. Workflow first, then interface, then code; the order matters.
- [Portals and member experiences](https://www.builtbyfield.com/capabilities/portals-and-member-experiences): Some content is for exactly the right people and no one else. We build intranets, partner portals, and tracked asset distribution where access is designed rather than bolted on, and the inside of the gate gets the same care as a public site. We've replaced shared drives and USB sticks with systems people actually use.
- [Presentation design](https://www.builtbyfield.com/capabilities/presentation-design): Decks and reports are where thinking meets an audience, and most of them waste the moment. We design presentation systems, from templates and layouts to charts, that make dense information legible and let the people presenting look as considered as their work. Built in the tools your team already uses, so the hundredth slide holds up like the first.
- [Publication and print production](https://www.builtbyfield.com/capabilities/publication-and-print-production): Some stories deserve a finished object: an annual report, an impact story, the piece that anchors a launch. We design publications for print and screen from the same structured source, and manage production through to the final file. The discipline is the one we bring everywhere. Structure first, then form.
- [Visual identity](https://www.builtbyfield.com/capabilities/visual-identity): Logo, wordmark, colour, type: the visible layer of a brand, designed as one system rather than a kit of parts. We define how each element behaves in the real world, at sixteen pixels, on a report cover, over photography. An identity should be recognizable from any single piece of it.
- [Web design](https://www.builtbyfield.com/capabilities/web-design): We design websites for organizations whose digital presence hasn't caught up to the quality of their work. The design serves the content, with the hierarchy, rhythm, and restraint that make layered information feel effortless, and it's drawn by the same people who will build it, so nothing lands that can't ship. Beautiful and buildable aren't a trade-off; they're one decision.
- [Web development](https://www.builtbyfield.com/capabilities/web-development): We build websites meant to be kept: fast, typed, tested, and boring in the ways that matter. A modern front end over structured content, performance treated as a feature, and no dependency we wouldn't want to maintain in five years. The person writing the code was in the strategy meeting, and it shows in the details.

## Case studies
- [Calgary Arts Development · Calgary Public Art Guide (2025)](https://www.builtbyfield.com/clients/calgary-arts-development/calgary-public-art-guide): Making Calgary's art accessible to everyone through interactive mapping.
- [#HalfTheStory · Learning Management System (2026)](https://www.builtbyfield.com/clients/halfthestory/hts-learning-management-system)
- [Tributes · Website (2026)](https://www.builtbyfield.com/clients/tributes/tributes-website): Translating the shop floor experience into digital form.
- [Calgary Municipal Land Corporation · Impact report (2024)](https://www.builtbyfield.com/clients/calgary-municipal-land-corporation/impact-report): Bringing CMLC's strategic impact to life in an interactive report.
- [#HalfTheStory · Marketing website (2025)](https://www.builtbyfield.com/clients/halfthestory/marketing-website)
- [Calgary Municipal Land Corporation · C+E Access Map (2024)](https://www.builtbyfield.com/clients/calgary-municipal-land-corporation/c-e-access-map): Enhancing the C+E District experience with an immersive access map.
- [Strata Capital Partners · Company Website (2026)](https://www.builtbyfield.com/clients/strata-capital-partners/strata-website): A site to match the firm’s values.
- [Tributes · Brand identity (2024)](https://www.builtbyfield.com/clients/tributes/tributes-brand-identity): Building a brand as bold as the work behind it.
- [Wee Wild Ones · Design System and Website (2026)](https://www.builtbyfield.com/clients/wee-wild-ones/design-system-and-website): A scalable platform for an expanding network of centres.
- [Milk Jar Candle Co · Ecommerce site (2023)](https://www.builtbyfield.com/clients/milk-jar-candle-co/ecommerce-site)
- [Classroom Champions · Teacher dashboard (2023)](https://www.builtbyfield.com/clients/classroom-champions/teacher-dashboard): A dashboard built for how teachers actually work.
- [Calgary Municipal Land Corporation · Transit-Oriented Communities (2026)](https://www.builtbyfield.com/clients/calgary-municipal-land-corporation/transit-oriented-communities): Giving three new communities a place on CMLC's site. A program hub and three community pages, live before engagement opened, with every module CMLC's team switches on as a site moves.
- [Calgary Municipal Land Corporation · Corporate website (2023)](https://www.builtbyfield.com/clients/calgary-municipal-land-corporation/cmlc-website): Redesigning CMLC's digital home.
- [Alberta Real Estate Foundation · Brand identity (2024)](https://www.builtbyfield.com/clients/alberta-real-estate-foundation/aref-brand-identity): Refreshing AREF's brand identity.
- [United Way · Make the Month (2023)](https://www.builtbyfield.com/clients/united-way/make-the-month): Enter the shoes of a Canadian living in poverty.
- [PARK™ Production House · Website (2020)](https://www.builtbyfield.com/clients/park-production-house/park-website): Building an imagery-first platform.
- [University of Calgary · Alberta Post-Secondary Global Learning Toolkit (2026)](https://www.builtbyfield.com/clients/university-of-calgary/alberta-post-secondary-global-learning-toolkit): Creating a shared resource for international learning.
- [Calgary Municipal Land Corporation · Partner packages (2024)](https://www.builtbyfield.com/clients/calgary-municipal-land-corporation/partner-packages): Streamlining project communications with partner packages.
- [Whispir · Website Development (2022)](https://www.builtbyfield.com/clients/whispir/whispir-website-development): A new digital home for a communication leader.
- [Enough For All · Website Unification and Rebrand (2021)](https://www.builtbyfield.com/clients/enough-for-all/website-unification-and-rebrand): Bringing structure and cohesion to a city-wide strategy.
- [Classroom Champions · Marketing Website Revamp (2022)](https://www.builtbyfield.com/clients/classroom-champions/marketing-website-revamp): Building a stable foundation for a growing mission.
- [Ava Industries · Website Redesign (2023)](https://www.builtbyfield.com/clients/ava-industries/website-redesign): Creating an online presence for Ava.
- [University of Calgary · UCeed website (2021)](https://www.builtbyfield.com/clients/university-of-calgary/uceed-website): Driving innovation through venture backed initiatives with UCeed.
- [Ava Industries · Brand Identity (2022)](https://www.builtbyfield.com/clients/ava-industries/ava-brand-identity): Improving medical care, one site at a time.
- [Zappi · Website Development (2022)](https://www.builtbyfield.com/clients/zappi/website-development): A vibrant marketing site for a bold brand.
- [BluPlanet Recycling · Website (2019)](https://www.builtbyfield.com/clients/bluplanet-recycling/bp-recycling-website)
- [Shaun Ford & Co · Brand identity (2022)](https://www.builtbyfield.com/clients/shaun-ford-and-co/shaun-ford-brand-identity): Modernizing a brand identity without losing what made it theirs.
- [Quickdraw Animation Society · Website (2021)](https://www.builtbyfield.com/clients/quickdraw-animation-society/quickdraw-website)
- [Battistella Developments · NUDE website (2018)](https://www.builtbyfield.com/clients/battistella-developments/nude-website)
- [University of Calgary · 2020 Annual Report (2021)](https://www.builtbyfield.com/clients/university-of-calgary/2020-annual-report): Community Report.
- [Partners Development Group · Microsites (2024)](https://www.builtbyfield.com/clients/partners-development-group/partners-microsites): Refined microsites for a variety of communities.
- [Teine Energy · Brand refresh and corporate website (2020)](https://www.builtbyfield.com/clients/teine-energy/brand-refresh-and-corporate-website)
- [Alberta Ecotrust Foundation · Website design & development (2022)](https://www.builtbyfield.com/clients/alberta-ecotrust-foundation/alberta-ecotrust-website-design-and-development): Crafting a digital platform for environmental and climate action.
- [University of Calgary · 2021 Annual Report (2022)](https://www.builtbyfield.com/clients/university-of-calgary/2021-annual-report): A Year of Transformation.
- [Springboard Performance · Brand (2023)](https://www.builtbyfield.com/clients/springboard-performance/springboard-brand): Building a brand based on movement.
- [Bank Information Center · IFI Brand and Website (2021)](https://www.builtbyfield.com/clients/bank-information-center/ifi-brand-and-website)
- [Rise Calgary · Website (2026)](https://www.builtbyfield.com/clients/rise-calgary/rise-website)
- [Springboard Performance · Website (2024)](https://www.builtbyfield.com/clients/springboard-performance/springboard-website): An event-driven experience.
- [United Way · Brand Campaign (2022)](https://www.builtbyfield.com/clients/united-way/brand-campaign): Moving Calgary to build a brighter future with United Way.
- [Alberta Real Estate Foundation · Organization website (2024)](https://www.builtbyfield.com/clients/alberta-real-estate-foundation/aref-website): Rebuilding AREF's website with modern web tech.
- [Momentum · Organization Website (2023)](https://www.builtbyfield.com/clients/momentum/momentum-website): Redesigning Momentum's digital home.
- [Partners Development Group · Community hub website (2019)](https://www.builtbyfield.com/clients/partners-development-group/home-builder-website): A cohesive digital presence for a community builder.
- [Tweed · US market launch website (2020)](https://www.builtbyfield.com/clients/tweed/us-market-launch-website)
- [Bank Information Center · Organization Website (2020)](https://www.builtbyfield.com/clients/bank-information-center/bic-organization-website)

## Writing
- [A signature tool for Vibrant Communities Calgary (2026-07-30)](https://www.builtbyfield.com/latest/a-signature-tool-for-vibrant-communities-calgary): Email signatures at Vibrant Communities Calgary had drifted away from the standard, so we built them a custom tool for creating branded email signatures directly on their website.
- [Strata Capital Partners is live (2026-05-11)](https://www.builtbyfield.com/latest/strata-capital-partners-is-live): Merging the concepts of strata and candlestick charts to create digital sediment on a sophisticated homepage.
- [The End of Attention at All Costs (2025-01-13)](https://www.builtbyfield.com/latest/the-end-of-attention-at-all-costs): Leading brands are shifting away from surface-level engagement toward something more substantial: being truly helpful.
- [Sell Your Clients Better Websites (2025-01-11)](https://www.builtbyfield.com/latest/sell-your-clients-better-websites): Templated solutions like Squarespace and Wordpress serve their purpose for early-stage businesses, but often fall short when organizations need to create those transcendent moments that define great brands.
- [Developers for Designers (2025-01-11)](https://www.builtbyfield.com/latest/developers-for-designers): Create digital magic that will ensure brand moments are native to your brand universe.
- [Complexity in Scoping Technical Work (2024-07-17)](https://www.builtbyfield.com/latest/complexity-in-scoping-technical-work): Discover how using complexity scores and Fibonacci sequences transformed our technical project estimations at Built by Field. Learn how this practical approach leads to more accurate scoping, better client communication, and improved project outcomes.
- [Improving Type-Safety for Prismic Data (2024-06-13)](https://www.builtbyfield.com/latest/improving-type-safety-for-prismic-data): How to build more reliable TypeScript applications with Prismic CMS using a custom type-safe wrapper for link fields. This solution ensures content relationships are correctly typed, reducing errors and improving the developer experience when working with headless CMS content.
- [Why Headless? (2020-07-27)](https://www.builtbyfield.com/latest/why-headless): While the lion's share of websites still use a traditional CMS such as WordPress or Squarespace, the momentum behind Headless is growing considerably. But what is a Headless CMS, and why should you care? To begin, let’s first define the terms CMS and Headless.

## Clients
- [Calgary Arts Development](https://www.builtbyfield.com/clients/calgary-arts-development): Supporting and strengthening the arts to benefit all Calgarians
- [#HalfTheStory](https://www.builtbyfield.com/clients/halfthestory): Compelling solutions for an organization with a clear voice
- [Strata Capital Partners](https://www.builtbyfield.com/clients/strata-capital-partners): Building a brand and online home, layer by layer
- [Wee Wild Ones](https://www.builtbyfield.com/clients/wee-wild-ones): Building a foundation designed to nurture growth
- [Tributes](https://www.builtbyfield.com/clients/tributes): Crafting an identity for hands-on makers
- [Calgary Municipal Land Corporation](https://www.builtbyfield.com/clients/calgary-municipal-land-corporation): Constructing a digital environment for world-class city builders
- [Milk Jar Candle Co](https://www.builtbyfield.com/clients/milk-jar-candle-co): Award winning ecommerce to light up a brand refresh
- [Alberta Real Estate Foundation](https://www.builtbyfield.com/clients/alberta-real-estate-foundation): Transforming real estate leadership through design
- [University of Calgary](https://www.builtbyfield.com/clients/university-of-calgary): Amplifying academic excellence through digital storytelling
- [Alberta Ecotrust Foundation](https://www.builtbyfield.com/clients/alberta-ecotrust-foundation): Empowering environmental action through digital innovation
- [PARK™ Production House](https://www.builtbyfield.com/clients/park-production-house): Setting the scene for creative expression
- [United Way](https://www.builtbyfield.com/clients/united-way): Empowering community change through digital experiences
- [Momentum](https://www.builtbyfield.com/clients/momentum): Providing a step up for everyone through education
- [Classroom Champions](https://www.builtbyfield.com/clients/classroom-champions): Elevating education technology through strategic digital transformation
- [Enough For All](https://www.builtbyfield.com/clients/enough-for-all): Turning the levers to end local poverty
- [Zappi](https://www.builtbyfield.com/clients/zappi): A bold digital home for a world-class consumer insights platform
- [Ava Industries](https://www.builtbyfield.com/clients/ava-industries): A modern website for a modern EMR
- [Whispir](https://www.builtbyfield.com/clients/whispir): The right channel at the right time
- [Springboard Performance](https://www.builtbyfield.com/clients/springboard-performance): Building an active brand and web platform for a driven organization
- [Bank Information Center](https://www.builtbyfield.com/clients/bank-information-center): Multilingual solutions for an international organization
- [Partners Development Group](https://www.builtbyfield.com/clients/partners-development-group): Building a connected digital ecosystem for one of Calgary's leading land developers
- [Quickdraw Animation Society](https://www.builtbyfield.com/clients/quickdraw-animation-society): Empowering animators to learn and share their work
- [Earthmaster](https://www.builtbyfield.com/clients/earthmaster): Remediating the past to reclaim our future
- [BluPlanet Recycling](https://www.builtbyfield.com/clients/bluplanet-recycling)
- [Battistella Developments](https://www.builtbyfield.com/clients/battistella-developments)
- [Tweed](https://www.builtbyfield.com/clients/tweed)
- [Shaun Ford & Co](https://www.builtbyfield.com/clients/shaun-ford-and-co): A refined brand identity to reflect designed spaces
- [Teine Energy](https://www.builtbyfield.com/clients/teine-energy)
- [Rise Calgary](https://www.builtbyfield.com/clients/rise-calgary): Building an open door for a welcoming organization

## Contact
- Email: hello@builtbyfield.com
- Studio: Molson's Bank #300, 116 8 Avenue SW, Calgary, Alberta, T2P 1B3
- LinkedIn: https://www.linkedin.com/company/builtbyfield
- Instagram: https://www.instagram.com/builtbyfield/
- GitHub: https://github.com/builtbyfield
- Are.na: https://www.are.na/built-by-field

## Optional
- [Privacy Policy](https://www.builtbyfield.com/privacy)
- [Terms of Use](https://www.builtbyfield.com/terms)