Portfolio 04 · SESSION GRID STUDIO

SESSION GRID STUDIO

A guided web experience that compares movement programs through each visitor’s goals and experience.

Project
Wellness
Program website
Scope
Information architecture
UI design
Front-end build
Experience
Four-step selection
Program comparison
Schedule connection
Design
Grid-led composition
Active color system
Desktop program selection view for Session Grid Studio

The challenge

Starting with the visitor’s needs instead of program names

For a first-time visitor, personal goals and prior experience are a clearer starting point than class names and specialist language.

Questions and results share one screen, helping people understand program differences as they choose a goal, experience level, location and time.

The approach

Program discovery where questions and results move together

01

Four-step planner

One focused question at a time guides the visitor from purpose to preferred time.

02

Instant comparison

The matching program and current choices update side by side.

03

Connected content

Program details lead naturally into instructor roles, locations and schedules.

Design focus

A wellness website understood through choice, not long explanations

Questions, matching results and program information share one grid so visitors can explore the service through their own priorities.

Focused questionsOne decision is presented at each step
Immediate responseSelections and matching programs update together
Expandable storyPrograms connect with roles, locations and schedule information

Start a project

We turn service explanations into guided choices

Discuss a similar project →