Skip to content

Copywriting, Digital, Insight & Strategy

Exploring new terrain with the adventure golf experts

How do you translate an immersive physical experience to digital?

  • The Question

    With four locations open and more on the horizon, Treetop Adventure Golf are entering an exciting period of growth in the market. As leaders in immersive mini golf play, they don’t do anything by halves; course narratives, hero holes and in-venue fit-outs included. Our task? Helping their brand swing bigger online — anchoring their wider digital ecosystem as we go.

    But when confronted with complex storytelling, a bold cast of characters and the need to create a consistent online journey, it left us asking — how can you adapt the wonder of in-person worldbuilding for the screen?

  • The Answer

    By maintaining the play — on and off the course. We designed a website that dove head-first into the rich narrative of their 18-hole jungle ‘treks’, combining immersion with information to create a user journey as seamless as it was sensory. We teased prospective players with hints of what’s to come behind Treetop’s doors; enticing exploration and driving in-venue visits. A total hole in one? Just ask the experts.

UNIVERSAL APPEAL

MODULES AS FLEXIBLE AS THEY ARE FUNCTIONAL

From scroll to swing

Our team used a Next.js React framework alongside optimised Vercel hosting within the Treetop site, providing building blocks to create fast, fully interactive, and highly dynamic performant web applications. These flexible module blocks (both unique and universal) were designed to be malleable in their application across and within different pages — maximising customisation while maintaining consistency throughout the site.

 

The scalable site was intentionally made to match Treetop’s ambitious plans for growth; with the web project built in a way that allowed the internal team to be both proactive and reactive in their future expansion — on and offline.

 

With 85% of web visits delivered via mobile, a device-first design was implemented to maximise the impact of messaging, streamline navigation and keeping load times lightning fast on the go — a goal we achieved by launching with a 100% mobile site speed on go-live.

THINKING INSIDE THE BOARD, AND OUTSIDE THE BOX

A process as collaborative as it is conceptual, we ran two strategic workshops (one content and function-centric and another dedicated to creative) to engineer the website to best meet the needs of the Treetop Adventure Golf team at every level. With the goal of understanding their business objectives and marrying them to a user-centric wireframe result, we constructed a partnered vision with Treetop that infused their ideas with our innovation. Creating a trusting relationship that carried our project to success from the earliest stages.

BUILDING ON THE BASICS

A meticulous wireframing process, detail was gradually layered with precision to complete the collective vision — ensuring the strategic structure was perfected before finalising design.

Where the wild things are

Immersive Play

As rich in personality as the Treetop environment is in ‘local wildlife’, we spattered subtle yet playful user interactions around the site, combining natural storytelling with an evocative TOV to help bring the brand’s ‘tourist board’ persona to life. And once paired with Treetop’s illustrations (amplified further through animation), their core characters, totems and landmarks felt as multi-dimensional in form as they are function. 

It's a jungle in here

Clarity of Choice

We stripped Treetop’s broad palette back, balancing light with dark to create a mystical atmosphere befitting of the on-site adventure.

 

We designed an adaptable colour system that guaranteed every page theme could be completely customised in palette. We leveraged the power of CSS variables to change overarching colour concepts for entire pages — including the more challenging ‘inner themes’ of nested blocks, which were overridden to maintain consistency throughout.

Ordered abundance

News tickers, ‘plan your trip’ dashboards and a jungle noticeboard maintained interactivity across the site, creating order amongst the curated chaos to provide a smoother and more engaging user experience.

An endless adventure

Inspired by discovery

Leaning into Treetop’s core narrative of exploration, we created additional storytelling modules that rewarded users with more in-depth tales of the characters and courses the further they ventured — enticing a new adventure with every click.

Like the moment before you plunge into an ice bath – there was fear. It all dissipated when we met Forty Eight Point One. No-ego, no BS, highly collaborative and fully focused on making extraordinary work. A total breath of fresh air and we can't wait to plunge back in.

James Dannatt Treetop Adventure Golf

Head of Marketing

Copywriting

HITTING THE TONE

  • Explore

    Using language as vivid as the courses themselves, we used adventurous storytelling to engage viewers.

  • Immerse

    Combining function with form, we enriched informative messaging with Treetop worldbuilding.

  • Play

    Never losing sight of the playful nature of the brand, we packed our copy with cheeky lines that were as fun as they were functional.

1/3

Illustration

Storytelling wasn’t limited to the verbal — with distinct signature illustrations designed for key Treetop characters and totems.

As a developer-first, easy to consume API with an accessible interface — Strapi was selected as a leading open-source headless CMS.

Video

We encouraged the Treetop team to film highly-immersive teaser snippets of their sites to draw viewers into the experience.

Illustration

Storytelling wasn’t limited to the verbal — with distinct signature illustrations designed for key Treetop characters and totems.

As a developer-first, easy to consume API with an accessible interface — Strapi was selected as a leading open-source headless CMS.

Video

We encouraged the Treetop team to film highly-immersive teaser snippets of their sites to draw viewers into the experience.

Ready for change?

Let's get started