Back to work

Creative Innovation Campus / Case study

CATALYST

An original immersive campus concept combining a long-form architectural narrative, bounded Three.js scene, local selectors, and accessible fallback states.

Open live demoStart a conversation
Client type
Self-initiated fictional creative campus concept
Version
Live Demo / v1
Format
immersive
Data
static

Problem

A portfolio case study should demonstrate interaction depth and visual restraint without pretending to be a real property, leasing platform, or live lead system.

Approach

Built a data-driven 13-section story with a custom header, responsive visual choreography, a bounded interactive master plan, local favourites, accessible selector sheets, and a demo-only contact flow.

Evidence boundary

  • Fictional portfolio demo only. Generated imagery, copy, campus geometry, favourites, and contact success state are local demonstration content; nothing is sent to a real owner.

System scope

What was built

  1. 01Bounded 3D map
  2. 02Accessible by default
  3. 03Local, inspectable state
Open the working demo

Version history

Build notes

Open current version

  1. v1

    2026-08-23

    Immersive campus concept

    Demonstrate a product-grade architectural storytelling route inside the Portfolio.

    • Added a data-driven 13-section CATALYST narrative with custom navigation and responsive fallbacks.
    • Added a bounded vanilla Three.js campus scene with interactive master-plan pins.
    • Added local favourites, studio selector sheets, carousels, keyboard-reachable reveals, and demo-only contact validation.
    Review
    2026-09-23
    Target
    Give portfolio reviewers a complete immersive route they can inspect without a real backend or external submission.