Get an estimate
All projectsWebsite & learning platform · UX/UI

SPRING FOREST QIGONG

Healing
Connection.

A clearer path from
learning to practice.

A member learning workspace, a professional directory and certification journeys — connected through website and platform UX/UI design.

Explore the experience
Healing Connection — the peach learning workspace, course progress and visual course library framed by forest-green mountain contours
THE MEMBER LEARNING EXPERIENCEDesktop & mobile
The experience
Learning · Discovery · Certification
Our scope
Website & learning-platform UX/UI
Responsive journeys
Project contact
Tung Chan

EXPLORE THE DESIGN

Learning, discovery and certification.

Member tools, appointments, professional discovery and training paths — desktop and mobile.

01LEARNING-PLATFORM DESIGN

Progress, the next lesson and a place to return.

For Spring Forest Qigong, we designed a member learning workspace that keeps recent course progress, the next lesson and the wider course library in view. A consistent account navigation connects these learning tasks with the rest of the member area.

The appointments interface uses the same visual system for live practice, an upcoming session and a dated schedule. Forest-green headings, coral actions and grouped white panels organise the information against the warm illustrated background.

Learning workspace — course progress, next lesson, completed learning and course library
Course progress and the learning library
Appointments — live practice, upcoming sessions and a shared schedule
Live practice and upcoming appointments

02WEBSITE UX/UI

Connect professional discovery with the training path.

The public website serves a different task from the learning workspace. The professional finder connects role filters and a map with a selected person’s location, contact information and certification details, including a dedicated mobile layout.

Certification pages make the programme structure explicit through role badges, course levels and training requirements. Our website interface design groups this detailed information into comparable paths, so professional discovery and certification remain connected without becoming the same page.

Professional discovery — role filters, selected location, contact and certification details
A map connected to professional details
Certification paths — programme roles, course levels and training requirements
Programme roles and certification paths

Learning workspace — course progress, next lesson, completed learning and course library

LEARNING, DISCOVERY & MEMBER TOOLS

Make the journey clear.
A direct team.

Planning a website or learning platform? Tell us who it serves and what people need to do. We’ll suggest a scope and estimate.

Get a project estimateExplore the design in Figma