We’re constantly improving our website

Every Thursday we publish release notes with the latest updates, improvements, and fixes we’ve shipped that week.

JUN 2026

Changed the Field Notes listing page URL structure so posts have cleaner, more stable routes, Added unique descriptions for each published Field Note, improving listing summaries and page metadata, Improved the standalone Field Notes page UI, including navigation, mobile styling, transitions, and back-to-index behaviour, Added the Field Note: Putting video back where it belongs, Fixed iOS UI bugs around Field Notes modal height, scroll momentum, layer transitions, and back-button focus states, Added the Rho case study, with new case study content, and assets, Added the new three-col-stagger module for staggered case study image layouts, Refined the Semrush case study with copy, asset, and stats module updates, Fixed MD to MDX pipeline issues so poster metadata, Air alt text, and generated media attributes are applied correctly, Added links to the projects page from the homepage

10 changes

    _////     _///     _//
  _//    _//  _/ _//   _//
_//        _//_// _//  _//
_//        _//_//  _// _//
_//        _//_//   _/ _//
  _//     _// _//    _/ //
    _////     _//      _//

Overview

This release tightens the Field Notes experience end to end, from cleaner URLs and richer metadata to standalone page polish and iOS interaction fixes. It also adds the Rho case study and the new video pipeline field note, while improving the case study MD to MDX pipeline for poster and asset metadata.

Highlights

Field Notes:

Changed the Field Notes listing page URL structure so posts have cleaner, more stable routes.
Added unique descriptions for each published Field Note, improving listing summaries and page metadata.
Improved the standalone Field Notes page UI, including navigation, mobile styling, transitions, and back-to-index behaviour.
Added the Field Note: Putting video back where it belongs.
Fixed iOS UI bugs around Field Notes modal height, scroll momentum, layer transitions, and back-button focus states.

Case studies:

Added the Rho case study, with new case study content, and assets.
Added the new three-col-stagger module for staggered case study image layouts.
Refined the Semrush case study with copy, asset, and stats module updates.

Pipeline:

Fixed MD to MDX pipeline issues so poster metadata, Air alt text, and generated media attributes are applied correctly.

Homepage:

Added links to the projects page from the homepage.

Improved Google Analytics tracking for form events, giving clearer visibility into enquiry and submission behaviour, Published a new field note: The cache that doubled as a coordinator, Made post-launch UI improvements and bug fixes across Field Notes, including faster load times and cleaner supporting code, Improved Field Notes link previews with better titles and images when posts are shared, Added the new Semrush case study, Added click-to-load behaviour for the benchmarking tool so the heavier interactive experience loads only when needed, Various bug fixes

7 changes

 ███  █   █   
█ ░░█ ██  █░  
█░ ░█░█░█ █░░ 
█░░ █░█░░██░░ 
 ███ ░█░░ █░░ 
  ░░░ ░░░  ░░ 
   ░░░  ░   ░

Overview

This week focused on making the newly launched Field Notes faster and easier to share, while adding the Semrush case study and improving measurement across the site. We also tightened heavier tools and cleared down a set of post-launch fixes.

Highlights

Improved Google Analytics tracking for form events, giving clearer visibility into enquiry and submission behaviour.
Published a new field note: The cache that doubled as a coordinator.
Made post-launch UI improvements and bug fixes across Field Notes, including faster load times and cleaner supporting code.
Improved Field Notes link previews with better titles and images when posts are shared.
Added the new Semrush case study.
Added click-to-load behaviour for the benchmarking tool so the heavier interactive experience loads only when needed.
Various bug fixes.

MAY 2026

We launched field notes, Six field notes are live now to get use started, with more scheduled, There's a new field note listing page at /field-notes/, as well as individual field note pages at /field-notes/post/[...slug], and an author listing page at /field-notes/authors/, View the field notes on the listing page using a bespoke modal that transitions between field notes seemlessly

4 changes

░░      ░░░   ░░░  ░
▒  ▒▒▒▒  ▒▒    ▒▒  ▒
▓  ▓▓▓▓  ▓▓  ▓  ▓  ▓
█  ████  ██  ██    █
██      ███  ███   █
░░      ░░░   ░░░  ░

Overview

This week we released a new section of our site: Field Notes! It's been in the works for a while and it's a place where we'll be sharing our thoughts, insights, and learnings from working on interesting projects.

Highlights

We launched field notes!
Six field notes are live now to get use started, with more scheduled
There's a new field note listing page at /field-notes/, as well as individual field note pages at /field-notes/post/[...slug], and an author listing page at /field-notes/authors/
View the field notes on the listing page using a bespoke modal that transitions between field notes seemlessly

Upgrade to Astro 6, Rebuilt the testimonials module around CSS-led scrolling with cleaner measurement logic, reduced animation dependencies, improved mobile Safari behaviour, and accessible read more controls, Added the MD to MDX case-study pipeline for automated case study publishing with ingestion, scaffolding, validation, backfill tools, module recognition, CI guards, and PR automation, Improved form verification with a confirm email step, paste protection on the confirmation field, and stronger submission context for internal follow-up, Various bug fixes

5 changes

6666666   66   66
66   66   666  66
66   66   6666 66
66   66   66 6666
66   66   66  666
6666666   66   66

Overview

This release upgrades the site to Astro 6, automates the case-study publishing flow, rebuilds the testimonials module, and improves contact form verification. It also fixes a set of front-end bugs for smoother behaviour across the site.

Highlights

Upgrade to Astro 6
Rebuilt the testimonials module around CSS-led scrolling with cleaner measurement logic, reduced animation dependencies, improved mobile Safari behaviour, and accessible read more controls.
Added the MD to MDX case-study pipeline for automated case study publishing with ingestion, scaffolding, validation, backfill tools, module recognition, CI guards, and PR automation.
Improved form verification with a confirm email step, paste protection on the confirmation field, and stronger submission context for internal follow-up.
Various bug fixes

Pause/play button for all videos helps with accessibility, we also take into account the user's preference for reduced motion, New animations on the project pages match the style of the AI brand engine pages and help to showcase our completed work, Behind the scenes we tidied up the CSS colour variables and removed any rogue hex codes that had crept in over the last few years

3 changes

 _______  __    _ 
|       ||  |  | |
|   _   ||   |_| |
|  | |  ||       |
|  |_|  ||  _    |
|       || | |   |
|_______||_|  |__|

Overview

This week we improved the accessibility of our website by adding a global pause/play button to all our videos. We also added some subtle animations to the project pages.

Highlights

Pause/play button for all videos helps with accessibility, we also take into account the user's preference for reduced motion
New animations on the project pages match the style of the AI brand engine pages and help to showcase our completed work
Behind the scenes we tidied up the CSS colour variables and removed any rogue hex codes that had crept in over the last few years

Replaced Glide.js and custom carousel logic with Embla across site sliders and the case-study next-project navigation, Added a dedicated NDA signing page so clients can review and sign through an embedded DocuSeal form from a secure tokenised link

2 changes

    O))))     O)))     O))
  O))    O))  O) O))   O))
O))        O))O)) O))  O))
O))        O))O))  O)) O))
O))        O))O))   O) O))
  O))     O)) O))    O) ))
    O))))     O))      O))

Overview

This release refactors the NDA workflow with embedded DocuSeal client signing, while replacing Glide.js and custom carousel code with Embla across the site.

Highlights

Replaced Glide.js and custom carousel logic with Embla across site sliders and the case-study next-project navigation.
Added a dedicated NDA signing page so clients can review and sign through an embedded DocuSeal form from a secure tokenised link.

APR 2026

Added the updated AI Brand Engine landing page experience and new supporting pages for How it works, FAQs, Book a demo, and comparison content, Introduced new reusable landing-page modules for FAQ content, related-page exploration, and comparison tables, Replaced the manual NDA signing process with an automated DocuSeal flow, including internal signing and improved confirmation links, Added end-to-end tests that walk through the automated NDA journey like a real user, helping catch issues before release, Improved SEO support so the new pages are better organised and easier for search engines to understand, Refreshed the footer with the latest newsletter content

6 changes

AIAIAIAI  AI    AI
AI    AI  AII   AI
AI    AI  AIAI  AI
AI    AI  AI IA AI
AI    AI  AI  IAAI
AI    AI  AI   AII
AI    AI  AI    AI
AIAIAIAI  AI    AI

Overview

This release expands the AI Brand Engine experience with new pages, page modules, animations, and comparison content, while moving the mutual NDA process from manual signing to automated DocuSeal signing. It also includes form, footer, routing, and shared styling updates that make the site easier to maintain and more consistent across landing pages.

Highlights

Added the updated AI Brand Engine landing page experience and new supporting pages for How it works, FAQs, Book a demo, and comparison content.
Introduced new reusable landing-page modules for FAQ content, related-page exploration, and comparison tables.
Replaced the manual NDA signing process with an automated DocuSeal flow, including internal signing and improved confirmation links.
Added end-to-end tests that walk through the automated NDA journey like a real user, helping catch issues before release.
Improved SEO support so the new pages are better organised and easier for search engines to understand.
Refreshed the footer with the latest newsletter content.

Added a complete NDA workflow from request to approval and signing, Updated form copy, behaviour, and mobile interactions to accommodate NDA requests and provide a clearer submission experience, Improved case-study page performance, particularly the next-project navigation and title presentation, Corrected heading levels on the home and contact landing pages for better accessibility, Expanded automated test coverage for the new NDA and form flows, Added a project type-check step to ensure code quality and safety within Astro components

6 changes

 .d88888b.  888b    888
d88P" "Y88b 8888b   888
888     888 88888b  888
888     888 888Y88b 888
888     888 888 Y88b888
888     888 888  Y88888
Y88b. .d88P 888   Y8888
 "Y88888P"  888    Y888

Overview

This release adds a new NDA request and approval process, improves the form experience on desktop and mobile, brings performance refinements to our case-study pages, and adds a type-check plugin to ensure code quality and safety within our Astro components.

Highlights

Added a complete NDA workflow from request to approval and signing.
Updated form copy, behaviour, and mobile interactions to accommodate NDA requests and provide a clearer submission experience.
Improved case-study page performance, particularly the next-project navigation and title presentation.
Corrected heading levels on the home and contact landing pages for better accessibility.
Expanded automated test coverage for the new NDA and form flows.
Added a project type-check step to ensure code quality and safety within Astro components.

Added shared fade and fade-up reveals for text-columns, cards, page previews, forms, and list content across the homepage, case studies, capabilities, contact, and AI Brand Engine landing pages, Replaced the older AI Brand Engine GSAP and ScrollTrigger text reveal approach with a reusable landing-page reveal system, including staggered text-columns, card timing fixes, and improved replay behaviour, Refined scroll-triggered motion on the homepage so case cards, capabilities list items, and supporting calls to action reveal in a clearer sequence as they enter view, Updated Husky hooks for the current version by removing deprecated bootstrap usage and trimming the hook scripts down to the commands that still need to run

4 changes

 ::::::::  ::::    :::
:+:    :+: :+:+:   :+:
+:+    +:+ :+:+:+  +:+
+#+    +:+ +#+ +:+ +#+
+#+    +#+ +#+  +#+#+#
#+#    #+# #+#   #+#+#
 ########  ###    ####

Overview

This release adds a shared CSS-first animation layer across key landing pages and updates the Husky hook setup for the current version, making motion more consistent while simplifying local git automation.

Highlights

Added shared fade and fade-up reveals for text-columns, cards, page previews, forms, and list content across the homepage, case studies, capabilities, contact, and AI Brand Engine landing pages.
Replaced the older AI Brand Engine GSAP and ScrollTrigger text reveal approach with a reusable landing-page reveal system, including staggered text-columns, card timing fixes, and improved replay behaviour.
Refined scroll-triggered motion on the homepage so case cards, capabilities list items, and supporting calls to action reveal in a clearer sequence as they enter view.
Updated Husky hooks for the current version by removing deprecated bootstrap usage and trimming the hook scripts down to the commands that still need to run.

Rolled the ON logo animation out across the site so the brand motion now appears consistently beyond the homepage, Smoothed case study browsing and navigation across the site, especially on touch devices and mobile, Shipped page speed improvements across the site through frontend cleanup and performance tuning, Updated site metadata and indexing rules, including a noindex rule for private pages

4 changes

  ● ● ● ● ●     ● ● ● ● ● ● ●
●     ●     ●   ● ●         ●
●     ●     ●   ●   ●       ●
●     ●     ●   ●     ●     ●
●     ●     ●   ●       ●   ●
●     ●     ●   ●         ● ●
  ● ● ● ● ●     ● ● ● ● ● ● ●

Overview

This week’s release introduced the ON logo animation across the wider site and tightened several parts of the shared frontend experience around it. We also improved case study browsing, and shipped a set of performance and SEO refinements.

Highlights

Rolled the ON logo animation out across the site so the brand motion now appears consistently beyond the homepage.
Smoothed case study browsing and navigation across the site, especially on touch devices and mobile.
Shipped page speed improvements across the site through frontend cleanup and performance tuning.
Updated site metadata and indexing rules, including a noindex rule for private pages.

Prerendered static pages so key routes are served directly from Netlify’s CDN instead of serverless functions, Improved font loading by preloading the primary font earlier, Added hover-based page prefetching to speed up internal navigation, Added cache headers for fonts and removed dead build chunking config, Extracted shared media helpers into a single reusable utility file, Standardised grammar, typos, casing, and US spelling across landing-page copy, Migrated MDX/module 12-column layouts onto the shared grid.scss system, Migrated more pages away from legacy layout patterns, including the privacy policy page, Increased the animated homepage navbar logo size and refined its motion behaviour, Added Astro page transitions across the shared layout, case study navigation, and next-project routing, with automated coverage for new pages, Improved Speedyclip video accessibility and SEO metadata by preserving authored descriptions through the MDX/module pipeline, Added VideoObject schema for case studies, landing pages, and the homepage where video metadata is strong enough

12 changes

(\_/)
( •_•)
 / >🥚
🥚  🥚  🥚
🥚  🥚  🥚

Overview

This release improves site performance, streamlines shared layouts and modules, adds page-transition support across navigation, and refines the animated homepage navbar logo. It also strengthens video metadata and continues the move away from legacy page structures.

Highlights

Prerendered static pages so key routes are served directly from Netlify’s CDN instead of serverless functions
Improved font loading by preloading the primary font earlier
Added hover-based page prefetching to speed up internal navigation
Added cache headers for fonts and removed dead build chunking config
Extracted shared media helpers into a single reusable utility file
Standardised grammar, typos, casing, and US spelling across landing-page copy
Migrated MDX/module 12-column layouts onto the shared grid.scss system
Migrated more pages away from legacy layout patterns, including the privacy policy page
Increased the animated homepage navbar logo size and refined its motion behaviour
Added Astro page transitions across the shared layout, case study navigation, and next-project routing, with automated coverage for new pages
Improved Speedyclip video accessibility and SEO metadata by preserving authored descriptions through the MDX/module pipeline
Added VideoObject schema for case studies, landing pages, and the homepage where video metadata is strong enough

MAR 2026

Rebuilt the case studies index as a dedicated mdx-driven landing page, Improved case-study SEO with rewritten metadata, new display title and description handling, structured data on case-study pages, and cleaner search indexing, Expanded accessibility and content quality across case studies with broader alt text rewrites, richer media captions, keyword-aware subheading updates, and related internal links between projects, Refreshed the newsletter footer with dated newsletter preview cards, improved subscribe and success states, Cleaned up redirects and legacy page behaviour, removal of the old test form route, layout migrations for Labs and discourse pages, and simpler homepage scroll behaviour

5 changes

+----+ +----+ +----+
| ON | | [] | | [] |
+----+ +----+ +----+
+----+ +----+ +----+
| [] | |SEO | | [] |
+----+ +----+ +----+

Overview

This release rebuilds the case studies experience around a new MDX-driven landing page, improves case-study SEO and accessibility, refreshes the newsletter footer, and tidies several legacy routes and layouts across the site.

Highlights

Rebuilt the case studies index as a dedicated mdx-driven landing page.
Improved case-study SEO with rewritten metadata, new display title and description handling, structured data on case-study pages, and cleaner search indexing.
Expanded accessibility and content quality across case studies with broader alt text rewrites, richer media captions, keyword-aware subheading updates, and related internal links between projects.
Refreshed the newsletter footer with dated newsletter preview cards, improved subscribe and success states.
Cleaned up redirects and legacy page behaviour, removal of the old test form route, layout migrations for Labs and discourse pages, and simpler homepage scroll behaviour.

Added a new release notes page and parser so website updates can be published in a consistent, browsable format, Introduced contact form pipeline tests and Playwright form E2E coverage to catch regressions earlier in CI, Refactored form submission logic into a clearer shared pipeline for project enquiries and newsletter signups, Added a reusable dev grid overlay and related tooling to support layout alignment during development

4 changes

  /$$$$$$  /$$   /$$
 /$$__  $$| $$$ | $$
| $$  \ $$| $$$$| $$
| $$  | $$| $$ $$ $$
| $$  | $$| $$  $$$$
| $$  | $$| $$\  $$$
|  $$$$$$/| $$ \  $$
 \______/ |__/  \__/

Overview

This release introduces a dedicated release notes experience for the site, refactors project enquiry and newsletter submission handling into a shared pipeline, expands automated form test coverage, and adds reusable dev grid tooling to support layout alignment during development.

Highlights

Added a new release notes page and parser so website updates can be published in a consistent, browsable format.
Introduced contact form pipeline tests and Playwright form E2E coverage to catch regressions earlier in CI.
Refactored form submission logic into a clearer shared pipeline for project enquiries and newsletter signups.
Added a reusable dev grid overlay and related tooling to support layout alignment during development.

New footer with newsletter sign up form, Improved alt tags on many images, We added a new component on the homepage to showcase ON Labs

3 changes

_______/\\\\\_______/\\\\\_____/\\\_        
 _____/\\\///\\\____\/\\\\\\___\/\\\_       
  ___/\\\/__\///\\\__\/\\\/\\\__\/\\\_      
   __/\\\______\//\\\_\/\\\//\\\_\/\\\_     
    _\/\\\_______\/\\\_\/\\\\//\\\\/\\\_    
     _\//\\\______/\\\__\/\\\_\//\\\/\\\_   
      __\///\\\__/\\\____\/\\\__\//\\\\\\_  
       ____\///\\\\\/_____\/\\\___\//\\\\\_ 
        ______\/////_______\///_____\/////__

Overview

This week we released a new footer with a newsletter sign up form and some previews of past newsletters.

Highlights

New footer with newsletter sign up form
Improved alt tags on many images
We added a new component on the homepage to showcase ON labs

Refactored high-traffic page behaviours into dedicated client-side modules instead of large inline scripts, Removed legacy script plumbing that was no longer needed, Removed legacy components, Stabilised homepage loop/scroll behaviour and improved custom scrollbar handling, Improved page caching for better performance, and more stable loading, Implemented search indexing for case studies and landing pages, Added stricter handling so non-public content is excluded from indexing, Added production sync support for search index updates after builds, Improved commit/quality checks to reduce false-positive failures, Updated CI action versions and supporting workflow config, Applied dependency updates across app and tooling

11 changes

    ,----..            ,--. 
   /   /   \         ,--.'| 
  /   .     :    ,--,:  : | 
 .   /   ;.  \,`--.'`|  ' : 
.   ;   /  ` ;|   :  :  | | 
;   |  ; \ ; |:   |   \ | : 
|   :  | ; | '|   : '  '; | 
.   |  ' ' ' :'   ' ;.    ; 
'   ;  \; /  ||   | | \   | 
 \   \  ',  / '   : |  ; .' 
  ;   :    /  |   | '`--'   
   \   \ .'   '   : |       
    `---`     ;   |.'       
              '---'

Overview

This release focused on frontend stability, legacy cleanup, and search capability. We also completed a maintenance pass across build tooling and dependencies.

Highlights

Frontend stability and cleanup:

Refactored high-traffic page behaviours into dedicated client-side modules instead of large inline scripts.
Removed legacy script plumbing that was no longer needed.
Removed legacy components.

Template and UX improvements:

Stabilised homepage loop/scroll behaviour and improved custom scrollbar handling.
Improved page caching for better performance, and more stable loading.

Search and content indexing:

Implemented search indexing for case studies and landing pages.
Added stricter handling so non-public content is excluded from indexing.
Added production sync support for search index updates after builds.

Operations and maintenance:

Improved commit/quality checks to reduce false-positive failures.
Updated CI action versions and supporting workflow config.
Applied dependency updates across app and tooling.

FEB 2026

The new ON Labs cache will improve the loading and performance of the page for users, ON Labs uses our new video platform, reducing total page load overall, The creative technology page is now being built from out mdx modules, We tidied up legacy CSS classes, making styles more readable, The homepage now loops on mobile, The testimonials component on the homepage is now more responsive for different screen sizes

6 changes

    ███████    ██████   █████
  ███▒▒▒▒▒███ ▒▒██████ ▒▒███ 
 ███     ▒▒███ ▒███▒███ ▒███ 
▒███      ▒███ ▒███▒▒███▒███ 
▒███      ▒███ ▒███ ▒▒██████ 
▒▒███     ███  ▒███  ▒▒█████ 
 ▒▒▒███████▒   █████  ▒▒█████
   ▒▒▒▒▒▒▒    ▒▒▒▒▒    ▒▒▒▒▒

Overview

This release brings major improvements to ON labs, including a new caching system and implementation of our new video platform that we added to the rest of the site last week. We also rebuilt the creative technology page using our MDX modules system

Highlights

The new ON labs cache will improve the loading and performance of the page for users
ON labs uses our new video platform, reducing total page load overall
The creative technology page is now being built from out mdx modules
We tidied up legacy CSS classes, making styles more readable
The homepage now loops on mobile
The testimonials component on the homepage is now more responsive for different screen sizes

Redesigned contact page, Rebuilt homepage, Added a styled focus outline, New data use consent checkbox, Marked mandatory fields with *, New bespoke cookie banner, All media above the fold now has 'fetch-priority=high' set automatically, Added our new speedy video service in the Air, GF Smith and OneSurvey case studies to optimise loading and video quality

8 changes

 ░▒▓██████▓▒░░▒▓███████▓▒░  
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░ 
 ░▒▓██████▓▒░░▒▓█▓▒░░▒▓█▓▒░

Overview

This release includes two new pages rebuilt using our MDX landing page system — the contact and the homepage. The contact page got a redesign, and while the homepage might look similar, under the hood it is very different. We also added some accessibility improvements to the start project form.

Highlights

Redesigned contact page
Rebuilt homepage
Form accessibilty improvements:
Added a styled focus outline
New data use consent checkbox
Marked mandatory fields with *
New bespoke cookie banner
All media above the fold now has 'fetch-priority=high' set automatically
Added our new speedy video service in the Air, GF Smith and OneSurvey case studies to optimise loading and video quality

Contact forms now send a confirmation email to the user after a successful submission, Improved the form success state to provide clearer post-submit feedback, Refined logged error messaging to make issues easier to interpret and debug, Built and launched the new AI Brand Engine landing page, Updated landing page structure/content blocks, Added styling and animation behaviour

6 changes

  ___  _   _      _    ___ 
 / _ \| \ | |    / \  |_ _|
| | | |  \| |   / _ \  | | 
| |_| | |\  |  / ___ \ | | 
 \___/|_| \_| /_/   \_\___|

Overview

This release focuses on form experience and reliability improvements, alongside the rollout of the new AI Brand Engine landing page. We improved the post-submit journey, strengthened how errors are surfaced and logged, and shipped the new page with updated modules, copy, styling, and animation behaviour.

Highlights

Form improvements:

Contact forms now send a confirmation email to the user after a successful submission.
Improved the form success state to provide clearer post-submit feedback.
Refined logged error messaging to make issues easier to interpret and debug.

AI Brand Engine page:

Built and launched the new AI Brand Engine landing page.
Updated landing page structure/content blocks.
Added styling and animation behaviour.

Redesigned the "Start a project" page to improve clarity, usability, and the overall enquiry experience, Moved away from iframe-embedded Pipedrive forms to an API-integrated approach for better control over UI and behaviour, Added logic to support lead creation/update flows with Pipedrive data mapping, Implemented improved form foundations to support validation and anti-spam controls, Added a "View Next Case Study" slider in the footer of case study pages to improve onward navigation and content discovery, Added support for MDX-driven landing pages built with the global modules system, Enables faster, more consistent authoring while reducing reliance on legacy page patterns, Small fixes and refinements across the site

8 changes

      ___           ___     
     /\  \         /\__\    
    /::\  \       /::|  |   
   /:/\:\  \     /:|:|  |   
  /:/  \:\  \   /:/|:|  |__ 
 /:/__/ \:\__\ /:/ |:| /\__\
 \:\  \ /:/  / \/__|:|/:/  /
  \:\  /:/  /      |:/:/  / 
   \:\/:/  /       |::/  /  
    \::/  /        /:/  /   
     \/__/         \/__/

Overview

This release focuses on lead capture, content discoverability, and faster page authoring. We replaced iframe-based Pipedrive forms with API-driven form handling, added a new "View Next Case Study" footer slider on case study pages, and introduced MDX-driven landing pages using reusable global modules.

Highlights

Start a project page refresh:

Redesigned the "Start a project" page to improve clarity, usability, and the overall enquiry experience.

Pipedrive form integration upgrade:

Moved away from iframe-embedded Pipedrive forms to an API-integrated approach for better control over UI and behaviour.
Added logic to support lead creation/update flows with Pipedrive data mapping.
Implemented improved form foundations to support validation and anti-spam controls.

Case study discoverability:

Added a "View Next Case Study" slider in the footer of case study pages to improve onward navigation and content discovery.

MDX landing page system:

Added support for MDX-driven landing pages built with the global modules system.
Enables faster, more consistent authoring while reducing reliance on legacy page patterns.

Minor fixes:

Small fixes and refinements across the site.

JAN 2026

Upgraded Astro and key ecosystem packages to the latest compatible versions to improve stability and reduce maintenance overhead, Enabled Dependabot to automate routine dependency update pull requests and keep the project current, Added tooling to benchmark minifier output and report compressed bundle sizes (gzip + brotli) to support data-informed build decisions, Standardised trailing slashes across all URLs to improve canonicalisation and reduce duplicate URL variants, Small fixes and refinements across the site

5 changes

@@@@@@   @@    @@
@@  @@   @@@   @@
@@  @@   @@@@  @@
@@  @@   @@ @@ @@
@@  @@   @@  @@@@
@@  @@   @@   @@@
@@@@@@   @@    @@

Overview

This release strengthens the site’s foundations through platform maintenance, improved automation, and SEO consistency. Core Astro dependencies have been upgraded, dependency updates are now automated via Dependabot, build output benchmarking has been introduced to support performance monitoring, and URL canonicalisation has been standardised using trailing slashes.

Highlights

Platform maintenance:

Upgraded Astro and key ecosystem packages to the latest compatible versions to improve stability and reduce maintenance overhead.

Dependency update automation:

Enabled Dependabot to automate routine dependency update pull requests and keep the project current.

Performance monitoring support:

Added tooling to benchmark minifier output and report compressed bundle sizes (gzip + brotli) to support data-informed build decisions.

SEO consistency:

Standardised trailing slashes across all URLs to improve canonicalisation and reduce duplicate URL variants.

Minor fixes:

Small fixes and refinements across the site.

Full case study migration completed: the remaining 16 case study pages have been rebuilt using the new modules, bringing the whole case study library onto one consistent system, Faster, cleaner MDX composition: case studies are now authored primarily with markdown + asset links, using the new MDX module syntax instead of bespoke per-page components — reducing page build time and making edits safer, Consistency + maintainability improvements: unified spacing, gutters, measures, and media behaviour across all case studies, making future layout tweaks and global refinements far less painful, Removed unused legacy files from the repo to reduce clutter and avoid accidental regressions, Updated our Terms & Conditions and Data Processing Agreement documentation

5 changes

++++++   ++    ++
++  ++   +++   ++
++  ++   ++++  ++
++  ++   ++ ++ ++
++  ++   ++  ++++
++  ++   ++   +++
++++++   ++    ++

Overview

This release completes the migration of the remaining 16 case studies onto the new MDX-driven modules system. All case study pages now share the same layout + media contract, which means more consistent spacing, typography, and media behaviour across the entire archive — without layout quirks and legacy CSS interference.

Highlights

Full case study migration completed: the remaining 16 case study pages have been rebuilt using the new modules, bringing the whole case study library onto one consistent system.
Faster, cleaner MDX composition: case studies are now authored primarily with markdown + asset links, using the new MDX module syntax instead of bespoke per-page components — reducing page build time and making edits safer.
Consistency + maintainability improvements: unified spacing, gutters, measures, and media behaviour across all case studies, making future layout tweaks and global refinements far less painful.
Removed unused legacy files from the repo to reduce clutter and avoid accidental regressions.
Updated our Terms & Conditions and Data Processing Agreement documentation.

New global modules contract (layout + media): standardised — page-max, gutters, spacing tokens, text measure constraints, and media behaviour so type stays readable and media doesn’t balloon, New MDX authoring syntax for modules: case studies can now be composed using simple MDX blocks—mostly just markdown, minimal props + links to media assets—so building/iterating pages is faster and more consistent, without hand-wiring bespoke layout components each time

2 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This release introduces the new MDX-driven “modules” system, built on a shared layout + media contract. The modules are reusable site-wide, keep typography/media proportionate on large screens, and prevent legacy CSS from leaking into new work.

Highlights

New global modules contract (layout + media): standardised — page-max, gutters, spacing tokens, text measure constraints, and media behaviour so type stays readable and media doesn’t balloon.
New MDX authoring syntax for modules: case studies can now be composed using simple MDX blocks—mostly just markdown, minimal props + links to media assets—so building/iterating pages is faster and more consistent, without hand-wiring bespoke layout components each time.

Improvement to our image optimisation process to make sure mobile images are optimised, and video streaming is automated depending on device and connection quality, We soft launched ON Labs! Something that we have been working on in the background for a long time, ON Labs is an experimental space where you can learn more about our projects and work

2 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week we worked on optimising our images and videos for mobile devices, and we soft launched ON labs.

Highlights

Improvement to our image optimisation process to make sure mobile images are optimised, and video streaming is automated depending on device and connection quality.
We soft launched ON labs! Something that we have been working on in the background for a long time, ON labs is an experimental space where you can learn more about our projects and work.

Want to work for ON? We added a redesigned careers page, the next stage in our complete website overhaul, Added playful interactions to the case study cards on the homepage and the project index page, Improved active states for menu links and fixed an issue affecting mobile navigation

3 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week we launched more playful animation details across the homepage and project index page, alongside a redesigned careers page.

Highlights

Want to work for ON? We added a redesigned careers page, the next stage in our complete website overhaul.
Added playful interactions to the case study cards on the homepage and the project index page.
Improved active states for menu links and fixed an issue affecting mobile navigation.

DEC 2025

Homepage refinements: additional layout and interaction polish, SEO audit: we made improvements & updates to crucial SEO features on the site, updates to the titles & descriptions of all our key pages, made sure the sitemap and robots.txt files are up to date, fixed errors in schema data across the site

5 changes

   *         *
  /  \     /   \
HOHOHOH   HO   HO
HO   HO   HOH  HO
HO   HO   HOHO HO
HO   HO   HO HOHO
HO   HO   HO  HOH
HOHOHOH   HO   HO

Overview

This release focuses on incremental refinement and stabilisation following the homepage launch. It acts as an early preview of work continuing into 2026, with targeted improvements and foundations in place ahead of the holiday break.

Highlights

Homepage refinements: additional layout and interaction polish.
SEO audit: we made improvements & updates to crucial SEO features on the site
updates to the titles & descriptions of all our key pages
made sure the sitemap and robots.txt files are up to date
fixed errors in schema data across the site

New homepage and navigation: updated layout, structure, and navigation system, Logo animation evolution: refined motion bringing more personality and presence to the homepage, Button and interaction polish: initial rollout of updated button styles, ON’s animated interaction: an updated holiday waving character adding joy and seasonal cheer

4 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This release focuses on launching a refreshed homepage and navigation, alongside visual polish and interaction improvements. We’re prioritising stability and clarity heading into the end-of-year break, while laying foundations for further iteration in 2026.

Highlights

New homepage and navigation: updated layout, structure, and navigation system.
Logo animation evolution: refined motion bringing more personality and presence to the homepage.
Button and interaction polish: initial rollout of updated button styles.
ON’s animated interaction: an updated holiday waving character adding joy and seasonal cheer.

Image pipeline updates: performance-focused improvements released, with further optimization planned in follow-up iterations, 404 page: a new error page design, Two new additional case studies: OneSurvey and OurCo, New animated interaction detail: a new waving character adding a subtle moment of motion and personality to the site

4 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This release focuses on improving performance and interaction quality across the site, while continuing longer-term work on case studies, search, and our underlying content structure.

Highlights

Image pipeline updates: performance-focused improvements released, with further optimization planned in follow-up iterations.
404 page: a new error page design.
Two new additional case studies: OneSurvey and OurCo.
New animated interaction detail: a new waving character adding a subtle moment of motion and personality to the site.

Two case studies detailing our work for GF Smith and EY Adventure, Redesign of the case study index page, The case study index page has a new tagging system so users can look for projects based on type, Capabilities page detailing things we are great at: defining foundations, delivering excellence and accelerating impact, Optimised the way videos are loaded across the site using HLS streaming

5 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week we launched 2 brand new case studies, a new look for the case study index page with a tagging system, and a new capabilities page

Highlights

Two case studies detailing our work for GF Smith and EY Adventure
Redesign of the case study index page
The case study index page has a new tagging system so users can look for projects based on type
Capabilities page detailing things we are great at: defining foundations, delivering excellence and accelerating impact
Optimised the way videos are loaded across the site using HLS streaming

NOV 2025

Launched a dedicated, internal-only case study to rigorously test the end-to-end performance of the new asset platform, Conducted analysis of image and video quality, ensuring our new process maintains high visual standards while achieving file size reduction

2 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week we focused on internal infrastructure testing. We deployed a new case study designed as a testbed to validate the functionality, quality, and performance of our new asset platform before wider implementation.

Highlights

Launched a dedicated, internal-only case study to rigorously test the end-to-end performance of the new asset platform.
Conducted analysis of image and video quality, ensuring our new process maintains high visual standards while achieving file size reduction.

Activated new case studies using the new .mdx template system: Token, Hayah, Atelier100, LDF, LDB, Bhutan, Standardized all media blocks to the new full-bleed layout for consistency across migrated pages, Reinstated Next case study navigation across all active case studies for smoother browsing, Continued migrating image/video assets to Air for optimisation + versioning

4 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week we launched new case studies in the new .mdx-driven system, and made progress on tagging, asset migration, and 'next case study' continuity across migrated pages.

Highlights

Activated new case studies using the new .mdx template system: Token, Hayah, Atelier100, LDF, LDB, Bhutan
Standardized all media blocks to the new full-bleed layout for consistency across migrated pages
Reinstated Next case study navigation across all active case studies for smoother browsing
Continued migrating image/video assets to Air for optimisation + versioning

Built a reusable case study template that lets non-technical users control content and layout through simple markdown-style patterns in .mdx, Standardised the hero into a configurable image/video component driven entirely from .mdx, Migrated the Air case study to the new .mdx + template system, removing the old hard-coded page, Began moving case study assets to Air for improved optimisation, versioning, and collaboration, Centralised media parsing + ordering logic, so layouts now follow the exact .mdx content order with fewer custom hacks

5 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week we introduced a fully reusable case study template powered by .mdx, standardised our hero system, and rolled out the new setup on the Air case study. We also continued migrating assets to Air (Imgix) and centralised the logic that powers all case-study media blocks.

Highlights

Built a reusable case study template that lets non-technical users control content and layout through simple markdown-style patterns in .mdx
Standardised the hero into a configurable image/video component driven entirely from .mdx
Migrated the Air case study to the new .mdx + template system, removing the old hard-coded page
Began moving case study assets to Air for improved optimisation, versioning, and collaboration
Centralised media parsing + ordering logic, so layouts now follow the exact .mdx content order with fewer custom hacks

Added cards to home page and case studies index page, Moved video assets to Air.inc, Optimised video accross all case studies using HLS.JS, Added intersection observer so that videos only play when they enter the viewport, Optimised video aspect ratios for smooth loading

5 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week we launched the Air case study to production.

Highlights

Added cards to home page and case studies index page
Moved video assets to Air.inc
Optimised video accross all case studies using HLS.JS
Added intersection observer so that videos only play when they enter the viewport
Optimised video aspect ratios for smooth loading

OCT 2025

Pre-commit checker: a new automated check that runs before each commit to ensure code meets formatting and quality standards, This helps catch small issues early and keeps the repo free from unexpected gremlins

2 changes

 .-.
(o o)  HAPPY
| x |  HALLOWEEN
|   |
'~~~'

Overview

Our fearless devs kept coding by candlelight this week, and summoned a helpful little spirit into the repo — one that quietly keeps watch over every commit to ensure things stay tidy and well-formed.

Highlights

Pre-commit checker: a new automated check that runs before each commit to ensure code meets formatting and quality standards.
This helps catch small issues early and keeps the repo free from unexpected gremlins.

Typography rendering across the site now loads the correct font subsets, ensuring sharper and more consistent type, Mobile pages maintain their intended scale, preventing the unwanted zoom-out effect on certain views, The Start a Project page now holds its layout steady as the Pipedrive form loads, eliminating the heavy reflow previously seen, New Insights index and post pages have been added behind redirects, laying the groundwork for future content rollout

4 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week’s release focuses on performance, stability, and foundational updates behind the scenes — tightening up typography, improving mobile behavior, and preparing for upcoming content launches.

Highlights

Typography rendering across the site now loads the correct font subsets, ensuring sharper and more consistent type.
Mobile pages maintain their intended scale, preventing the unwanted zoom-out effect on certain views.
The Start a Project page now holds its layout steady as the Pipedrive form loads, eliminating the heavy reflow previously seen.
New Insights index and post pages have been added behind redirects, laying the groundwork for future content rollout.

Scrollbar Fixes: Resolved custom scrollbar not rendering on the Contact page and removed default scrollbars from legacy layouts

1 change

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week’s release includes targeted UI fixes and a major architectural milestone for the ON Lab, marking the start of its migration from the legacy Webflow environment to our new Astro-based codebase. The update also introduces a prototype integration with Air’s API for dynamic media handling.

Highlights

Scrollbar Fixes: Resolved custom scrollbar not rendering on the Contact page and removed default scrollbars from legacy layouts.
Made by ON’s new Air-Powered Lab: the Lab is now being rebuilt on Astro. This migration establishes a new technical foundation. The new prototype integrates Air’s API to replace repo-stored media with dynamically served assets. This approach enables precise sizing, compression, while significantly reducing repository bloat and centralizing media management.

Updated contact email addresses to improve routing and response times, Continued behind-the-scenes maintenance to keep everything moving forward

2 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

We’ve refreshed our contact details to ensure enquiries reach the right place and the right people. Even small refinements help keep the site running smoothly and our communication flowing.

Highlights

Updated contact email addresses to improve routing and response times
Continued behind-the-scenes maintenance to keep everything moving forward

A new 12-column grid system has been introduced in opt-in mode, enabling true multi-column layouts while keeping legacy pages stable, The spacing system has been standardised, replacing inconsistent ad-hoc classes with a unified, predictable approach

2 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week we focused on strengthening our global foundations introducing a flexible 12-column grid system, and unifying spacing patterns across the site. These updates make our codebase more consistent, reduce duplication, and provide a stronger base for future layouts.

Highlights

A new 12-column grid system has been introduced in opt-in mode, enabling true multi-column layouts while keeping legacy pages stable.
The spacing system has been standardised, replacing inconsistent ad-hoc classes with a unified, predictable approach.

SEP 2025

Air case study refreshed with new assets, captions, quotes, and content updates, Refactored case studies with unified components for video, images, and layouts, Image optimisations: WebP/AVIF formats, refined loading strategies, improved accessibility, Global Navbar & Footer refined with flexible options and conditional rendering, Introduced private flag for case studies and added robots.txt with sitemap, New stylelint setup to enforce consistent CSS rules, Upgraded Astro to v5.13.9 for performance and stability, Enhanced slider performance and LCP loading strategies

8 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week we pushed a broad refactor of the case study system — streamlining media handling, cleaning up layouts, and boosting performance. Alongside this, we introduced automated style linting and upgraded Astro for a more reliable foundation.

Highlights

Air case study refreshed with new assets, captions, quotes, and content updates.
Refactored case studies with unified components for video, images, and layouts.
Image optimisations: WebP/AVIF formats, refined loading strategies, improved accessibility.
Global Navbar & Footer refined with flexible options and conditional rendering.
Introduced private flag for case studies and added robots.txt with sitemap.
New stylelint setup to enforce consistent CSS rules.
Upgraded Astro to v5.13.9 for performance and stability.
Enhanced slider performance and LCP loading strategies.

Global SiteFooter consolidated for consistency across every page, Randomised “next project” for non-legacy case studies, New reusable sections for quotes, introductions, and shared layouts, Content now pulled directly from MDX for easier updates, Insights section temporarily removed from production whilst WIP

5 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week we focused on tidying up and sharpening the case study system, while also streamlining shared components and cleaning up the global footer.

Highlights

Global SiteFooter consolidated for consistency across every page.
Case studies improved with:
Randomised “next project” for non-legacy case studies.
New reusable sections for quotes, introductions, and shared layouts.
Content now pulled directly from MDX for easier updates.
Insights section temporarily removed from production whilst WIP.

New global Navbar and consistent SiteFooter across pages, Case studies using unified blocks (accordion, floating nav, slider), Automated slider regression test to prevent future breakage, Centralised company details and socials in one place, Removed old scripts; consolidated styles for lighter pages, Around 200 files changed; ~13,136 insertions and ~39,970 deletions

6 changes

#######   ##   ##
##   ##   ###  ##
##   ##   #### ##
##   ##   ## ####
##   ##   ##  ###
#######   ##   ##

Overview

This week we consolidated navigation and footers, unified case study components and removed legacy scripts. Result: Fewer moving parts and a cleaner path for future work.

Highlights

New global Navbar and consistent SiteFooter across pages.
Case studies using unified blocks (accordion, floating nav, slider).
Automated slider regression test to prevent future breakage.
Centralised company details and socials in one place.
Removed old scripts; consolidated styles for lighter pages.
Around 200 files changed; ~13,136 insertions and ~39,970 deletions.

Jun 11, 2026 10 changes

    _////     _///     _//
  _//    _//  _/ _//   _//
_//        _//_// _//  _//
_//        _//_//  _// _//
_//        _//_//   _/ _//
  _//     _// _//    _/ //
    _////     _//      _//

Overview

Highlights

Field Notes:

Changed the Field Notes listing page URL structure so posts have cleaner, more stable routes.
Added unique descriptions for each published Field Note, improving listing summaries and page metadata.
Improved the standalone Field Notes page UI, including navigation, mobile styling, transitions, and back-to-index behaviour.
Added the Field Note: Putting video back where it belongs.
Fixed iOS UI bugs around Field Notes modal height, scroll momentum, layer transitions, and back-button focus states.

Case studies: