//my role
I owned the concept, art direction, copy structure, interaction design, and full frontend build. There was no design handoff because I was the builder, taking the launch moment from idea to deployed site in Cursor.
Solo shipping a WebGL launch page for a 21,000-person organisation in 2 weeks
// Duration~2 weeksMay 2026
// ResponsibilitiesSole designerFrontend developmentInteraction design
// StackNext.js 16GSAPThree.js
// LinkSee it live
//context
Pearson Language+ was going live internally and the moment needed more than a Slack post or a deck. The brief was to inspire a 21,000-person organization, tell the product story, and signal that this team leads AI-native ways of working inside Pearson.
The page is styled like a polished marketing site, but its purpose is internal: rally the organization around the release and make the AI-in-everything narrative tangible. A template or slide deck would have undercut the message, so I designed and built the production frontend myself in Cursor.
//build facts
Timeline
~2 weeks
Handoff
Zero
Hero system
Realtime WebGL
Build model
Cursor end-to-end
Hero - live WebGL iPhone
Closing scene
//key design decisions
The launch page had to prove its own premise at 60fps. I treated the page as an authored narrative, not a collection of sections: render-on-demand WebGL, scrubbed scroll choreography, and a final tactile interaction all work together to make the release feel built, not announced.
Scroll as authored narrative
A scrubbed GSAP and ScrollTrigger timeline orchestrates the hero, phone, copy, starfield, glow, and vignette as one cinematic sequence.
Real-time 3D as brand device
The hero uses a live WebGL iPhone 14 Pro, with screen swaps driven by a custom GLSL wave-wipe shader rather than a video export.
The medium is the message
The page argues for AI-native product work by being built that way: one designer taking the idea from concept to deployed frontend in Cursor.
Core principles
The section frames Language+ around four launch principles: proven learning science, teacher support without extra workload, Global Scale of English grounding, and bitesized practice built for short daily sessions.
Teacher testimonials
The launch page grounds the product story in teacher feedback, using real research quotes to show where Language+ can support classroom practice without adding extra work.
What made the launch page work
//accessibility & resilience
The site includes a reduced-motion branch for animated sections, keyboard-operable interactions, a focus-trapped mobile nav, and a WebGL error boundary so privacy-heavy browsers degrade gracefully instead of breaking the hero.
//reflection
This case study is about craft and build velocity rather than product outcomes. It is an internal launch page, not a live product funnel, but it shows the design-engineer model clearly: real-time 3D, authored motion, production constraints, and no handoff.
