Commonwealth Walkway

Interactive storytelling

A row of four app screenshots from the Commonwealth Walkway mobile app showing the discover screen, category screen, story screen, and story screen scrolled down

Overview

As the Commonwealth Walkway Trust began planning a new route through Edmonton's river valley, they came to us looking for a mobile app that could guide users along the route while telling stories connected to the places around them.

The challenge was creating something simple enough to use while walking, engaging enough to keep people curious, and flexible enough to work no matter where users started their journey or which direction they chose to explore.

EmployerLift Interactive

RoleSenior Designer — Research, Ideation, Prototyping, User Testing, UI Design, Interaction Design

TimelineQ3 2018 - Q3 2019

A photo of two cyclists out in Edmonton's river valley using the Commonwealth Walkway app alongside physical signage
Three people out in Edmonton's river valley using the Commonwealth Walkway app
Photo of somebody walking near one of the physical Commonwealth Walkway medallions embedded in the ground

Context

The Commonwealth Walkway Trust planned to mark the 10-kilometre route with signage and physical medallions embedded in the ground. Our job was to figure out the best way to bridge those physical touchpoints with stories about the places around them.

But unlike a typical guided tour, the experience couldn't rely on a fixed starting point or direction. The app needed to feel like a natural companion whether someone planned their visit or simply stumbled upon our signage on their walk.

Screenshot collage of various Commonwealth Walkway app screens

Research

Competitive analysis

We started by looking at how other tourism apps balanced navigation, content, and the real world. The most immersive experiences used geofencing to make content appear when users physically arrived somewhere, rather than when they tapped a button.

Walking the route

With the coordinates for where each medallion and sign would be installed, we took the opportunity to walk the route ourselves and better understand how and when content should surface — noting likely entry points and the walking distance between each medallion.

A photo looking down at four people's shoes circling one of the Commonwealth Walkway embedded medallions
A landscape photo of Edmonton's river valley showing trees, the river, a ferry, a bridge, and buildings in the background
A photo of the opening ceremony just after the curtain was lifted over the new main plaque installed in Edmonton's river valley to celebrate the walkway

Ideation

Story structure

Working closely with the Commonwealth Walkway Trust, we established guidelines each story would follow. Beyond keeping the length and format appropriate for reading on a phone outdoors, we needed each story to use repeatable content blocks that could be easily managed through the content management system.

User flows

We then mapped the experience from app download to discovering and reading a first story — helping us define how geofencing fit into the journey and identifying the key screens we needed to prototype and design.

User flow map for the Commonwealth Walkway mobile app

Design

Our design phase started with wireframing the key screens identified in our user flows, exploring the most intuitive way for content to interact with the map. We needed to define how the map would respond to user movement and how geofencing would change what content users saw along the route.

Wireframes from the Commonwealth Walkway app design phase

Introducing the experience

Particularly for users who discovered the experience through signage in the river valley, we needed to quickly earn their attention, briefly explain the concept, and get them into the app before they lost interest. Our solution was a concise onboarding flow that communicated the core idea — follow the route and discover the stories.

Screenshot from the Commonwealth Walkway app of the onboarding welcome screen
Screenshot from the Commonwealth Walkway app of the navigate the path onboarding screen
Screenshot from the Commonwealth Walkway app of the learn the history onboarding screen
Screenshot from the Commonwealth Walkway app of the find the key onboarding screen

Navigation and geofencing

The map was built with Google's API, using the medallion coordinates to highlight the route. As users moved along the path, geofencing automatically triggered the relevant story content — no tapping required.

By responding to where users were, we made discovery feel natural. But for those who wanted to plan ahead or couldn't visit in person, we still made each medallion tappable so they could explore the stories manually.

Screenshot from the Commonwealth Walkway app of the map screen
Screenshot from the Commonwealth Walkway app of the map screen dragged up to reveal stories
Screenshot from the Commonwealth Walkway app of the River Road medallion screen
Screenshot from the Commonwealth Walkway app of the Edmontonsaurus story screen

Storylines

We also gave users the option to explore stories by storyline — thematic groupings that made it easier to find content based on their interests while also bringing more structure and organisation to the experience.

Each story followed a consistent article structure built from reusable content blocks, giving the Commonwealth Walkway Trust the flexibility to add text, images, video, and audio directly through the content management system.

Screenshot from the Commonwealth Walkway app of the family storyline screen
Screenshot from the Commonwealth Walkway app of the family storyline while looking at a medallion screen
Screenshot from the Commonwealth Walkway app of the Bombs Away story screen
Screenshot from the Commonwealth Walkway app of a story article scrolled down

Golden key

The golden key feature was designed like a scavenger hunt to give users a fun weekend activity. Within the app, users could follow a series of clues that eventually led them to the golden key. Solving them required moving through the river valley and paying attention to the physical environment in a way the standard experience didn't demand.

Using geofencing, we were able to reveal each clue and the key as users approached the relevant coordinate. Through the CMS, we gave the client the ability to update the clues and coordinates each week to keep users coming back.

Screenshot from the Commonwealth Walkway app of the golden key feature introduction screen
Screenshot from the Commonwealth Walkway app of a golden key clue screen
Screenshot from the Commonwealth Walkway app of the golden key found screen
Screenshot from the Commonwealth Walkway app of the golden key share screen

Impact

The app launched alongside the physical walkway unveiling and was covered by Global News — a reflection of the community interest the project had generated and the novelty of what we had built. The Golden Key in particular generated genuine online enthusiasm online.

Grid of screenshots from various screens of the Commonwealth Walkway app
A portrait photo of Jordan and his cat Ava A landscape photo of Jordan and his cat Ava

About me

I'm Jordan, a product designer based out of Vancouver

With over a decade of experience across fintech, e-commerce, and consumer apps, I've developed a passion for simplifying complexity.

My work is rooted in data-informed decisions that not only accomplish user goals, but drive measurable business growth.

Experience

North One

Senior Product Designer

2023-2025

SoleSavy

Senior Product Designer

2021-2023

Lift Interactive

Senior Designer

2015-2021

Education

Macewan University

Digital Design Studies

2012-2015