St. John’s International School
A 360° tour that feels like a day on campus. We rebuilt the school’s virtual visit from scratch: a custom viewer in the school’s colours, narrated, guided, and just as comfortable on a phone as on a desktop.
Full screen, with the sound on: that is where the tour comes to life.
A visit that adapts to the visitor
Families rarely have the same questions. So the tour does not impose one path: it can walk you through the campus with a narrator, build a route from three questions, or turn the visit into a game of spotting hidden details.
It speaks the school’s language, English first with French on a tap, and wears the school’s identity: its green, its logo, its illustrated campus map.
- Client
- Pupil&Co
pupilco.tv - School
- St. John’s International School, Waterloo
- Delivery
- Custom 360° viewer, voice-over, interactive map
- Languages
- English, French
How we built it
Capture and prepare
Panoramas of the campus, from the front gate to the sports arena, cleaned up and prepared for fast loading on any connection.
Design in the school’s identity
A viewer made for this school, not a template: its colours, its logo, a watercolour campus map and an aerial view to move between places.
Build for every screen
A lightweight WebGL viewer that works on phone, tablet, desktop and kiosk, with touch, mouse and keyboard.
Give it a voice
A narrated walk with subtitles in English and French, and an optional conversational guide that answers visitors’ questions from the school’s own public information.
Three ways to visit
The guided walk
A narrated tour of nine places, from the entrance to the arena, with the light shifting from morning to evening.
Plan my visit
Three questions about who is visiting, what matters most and how much time there is. The tour builds a route and explains each stop.
Detail hunt
Fourteen details hidden in the panoramas: the flags at the gate, the paper birds in the gallery, the lion at centre court. Find them all.