Skip to content
Interactive Book Website

Client
Whistler Wander
Location
Whistler, Canada
Industry
Publishing / Children’s Book
Launch
2026
Role
Web Design, Frontend Development, Interactive Storytelling
Experience
Immersive Book Website

An illustrated story extended beyond the page.

Whistler Wander wanted to give The Secret of the Magical Mountains a digital world of its own — one that could carry the atmosphere of the book beyond the printed page and invite readers deeper into the story.

The Secret of the Magical Mountains website during the opening cover transition.
Opening transition
Context

The book was already the experience. The website had to become part of it.

The Secret of the Magical Mountains is a children’s story shaped by adventure, imagination and the landscape around Whistler.

Rather than presenting the book through a conventional product page, the website was conceived as an extension of that world — using illustration, pacing and movement to let the story unfold through the screen.

Let the illustrations lead.

The artwork already carried the character of the story. RELAT built the digital experience around it, giving the illustrations space to lead while typography, motion and interface remained deliberately quiet.

Full-screen scenes, restrained typography and carefully timed transitions give each illustration room to become a moment rather than simply an image placed on a page.

Illustration from the book showing a child skiing beneath sleepy mountain faces.
Original illustration supplied for the book

A story you move through.

Scrolling became part of the narrative. Scenes appear in sequence, with movement used to create rhythm and anticipation rather than decorate the interface.

The experience moves from the opening invitation through the journey, the guardian, the Echo Stone and the return of joy before introducing the author and the ways to find the book.

Guardian scene on the Secret Mountains website: a child skiing beneath an owl above a sleeping bear.
Echo Stone scene on the Secret Mountains website: a child kneeling in the snow at night, holding a glowing stone before a mountain with a sleeping face.

Motion should disappear into the story.

The animation system was built around the pacing of the illustrations, with motion reduced or removed for visitors who prefer a quieter experience.

The objective was never to make the website feel animated. It was to make moving through it feel natural.

The handoff from the story to the book section: the last illustration lifting away as the cover and title rise into place.
From story to book

The mountains had to fit in a hand.

The experience was composed independently for smaller screens rather than treated as a reduced desktop layout.

Typography, image framing, spacing and scroll pacing were adjusted so the illustrated journey could keep its atmosphere on a phone.

A printed QR code in the physical book connects readers directly to the digital experience, making mobile a primary entry point rather than a secondary adaptation.

Mobile Guardian scene from the illustrated storytelling experience.
Where to Buy on mobile: the six Whistler retailers as a list of tappable rows.

Responsive storytelling — Guardian and Where to Buy

The journey eventually has to lead somewhere.

After the story unfolds, the site shifts from immersion to information: introducing Eva Velasco, guiding readers into the Where to Buy section and giving interested readers a direct way to request a copy.

The transition keeps the practical parts of the website connected to the same visual language rather than breaking into a separate storefront experience.

Meet Eva section introducing author Eva Velasco.
Meet Eva section introducing author Eva Velasco.
Meet Eva Velasco

A simple path to the book.

The final experience gives readers a direct route to ask for a copy, contact Whistler Wander and continue the relationship beyond the story.

The enquiry flow was tested end to end before launch, including form delivery and mobile interaction.

Want a Copy enquiry form and WhatsApp contact option.

Where to Buy and Want a Copy

From printed page to digital place.

The finished website gives The Secret of the Magical Mountains a home beyond the book itself: part story, part introduction and part connection point between Whistler Wander and its readers.

The physical and digital experiences meet through the printed QR code, while the site remains accessible as a standalone journey for anyone discovering the story online.