The Wheel of Life

The Wheel of Life

The Wheel of Life

An interactive self-reflection experience that helps adults identify imbalance, prioritise meaningful change, and set practical next steps. Inspired by observations and informal conversations at a live personal growth event led by Tony Robbins.

An interactive self-reflection experience that helps adults identify imbalance, prioritise meaningful change, and set practical next steps. Inspired by observations and informal conversations at a live personal growth event led by Tony Robbins.

An interactive self-reflection experience that helps adults identify imbalance, prioritise meaningful change, and set practical next steps. Inspired by observations and informal conversations at a live personal growth event led by Tony Robbins. I translated a paper-based coaching exercise into a responsive digital journey learners can revisit over time.

Audience Analysis

Action Mapping

Visual Direction

Web Development

Articulate Rise 360

Web App (Vue JS)

Web App (Vue JS)

How-To Guide (Microlearning)

How-To Guide (Microlearning)

01

The problem

Adults seeking greater direction or balance may struggle to turn self-reflection into practical action. They need to establish their current life balance, identify priority gaps and choose specific next steps. Paper-based exercises can be difficult to revisit in a way that supports this ongoing process, a challenge suggested by my event observations and informal conversations.

01

The problem

Adults seeking greater direction or balance may struggle to turn self-reflection into practical action. They need to establish their current life balance, identify priority gaps and choose specific next steps. Paper-based exercises can be difficult to revisit in a way that supports this ongoing process, a challenge suggested by my event observations and informal conversations.

02

The solution

An interactive Wheel of Life web prototype designed around a repeatable cycle: assess, reflect, act and review. Users rate seven life areas, explore priority gaps and define practical next actions. PDF export provides a record for future check-ins, while a supporting Rise 360 guide explains how to use the experience.

a chalkboard with the word possible written on it
03

My role

I led the audience exploration, instructional design, action mapping, visual direction, wireframing and prototyping. I created the design system, storyboard and requirements document to connect learning goals with screen behaviour and technical decisions, then developed the responsive web prototype.

03

My role

I led the audience exploration, instructional design, action mapping, visual direction, wireframing and prototyping. I created the design system, storyboard and requirements document to connect learning goals with screen behaviour and technical decisions, then developed the responsive web prototype.

04

Tools

MindMeister, Figma, Vue.js, Articulate Rise 360, Articulate Storyline 360, Adobe Captivate, Claude, Perplexity, Adobe Captivate, Claude AI, Perplexity AI.

Create a free website with Framer, the website builder loved by startups, designers and agencies.