3D WEBSITE

CLAP-TECH Virtual Classroom

CLAP-TECH / HK Jockey Club · 2024 · 5 months

CLAP-TECHHong Kong Jockey Club

An interactive 3D virtual classroom that guides students through career exploration. Students step into the classroom, explore different career scenes, answer a series of guided questions, and receive personalised career pathway recommendations based on their interests and strengths.

CLAP-TECH Virtual Classroom — image 1 of 4
CLAP-TECH Virtual Classroom — image 2 of 4
CLAP-TECH Virtual Classroom — image 3 of 4
CLAP-TECH Virtual Classroom — image 4 of 4
+180%Student Engagement
92%Assessment Completion
87%Course Match Accuracy
45 minAvg Session
HOW IT WORKS

Explore, reflect, discover

Step Into the Virtual Classroom

Students enter an immersive 3D environment modelled after a real classroom. They can walk around, look at posters and click on interactive hotspots to preview different career tracks — each scene opens a window into a real-world profession.

Guided Career Assessment

As students explore, the system asks a series of contextual questions — about interests, preferred subjects, working styles, and personal strengths. Answers are captured naturally through interactions, not via a boring questionnaire.

Personalised Career Pathways

Based on the student's responses, the system generates a tailored set of career pathway recommendations — complete with suggested subjects to study, further education options, and real stories from professionals in each field.

TECHNOLOGIES
Three.jsReactWebGLNext.jsTypeScriptNode.jsMongoDB
KEY FEATURES

Designed for exploration, built for assessment

Immersive 3D virtual classroom environment
Interactive information hotspots throughout the scene
Context-aware career assessment questions
Natural question flow — no traditional questionnaire
Personalised career pathway recommendations
Suggested subjects and further education options
Real professional stories for each recommended track
Progress tracking and analytics for educators

Ready to engage students in a new way?