Back to projects
Owloo Landing Page
Cinematic marketing site for Owloo — a game-like learning world with scroll-driven atmosphere, multilingual hero orbit, subject islands, AI voice practice, buddy select, habit loops, and store CTAs.
01/22
Hero with Owloo mascot and app download CTAs
01/22gallery
Architecture
Next.js App Router marketing experience with a continuous scroll-scrubbed world background, section atmospheres, spritesheet mascots, and performance-minded lazy asset loading.
Deployment
Vercel production deploy for the Next.js landing experience.
Features
- Cinematic hero with multilingual language orbit and Owloo mascot
- Prologue storytelling — Old Way vs Owloo Way
- Fantasy subject worlds (English, Mandarin, Math, Science)
- Journey chapters with torn fantasy key art
- Voice AI practice feature pillar
- Practice buddy character select rail
- Daily habit, streak, and reward systems
- Pricing paths and final download CTA
Challenges
- Keeping a continuous fantasy world readable across long scroll storytelling
- Balancing heavy spritesheet/world assets with mobile and in-app browser performance
Solutions
- Scroll-scrubbed frame world + light section atmospheres
- Lazy spritesheet loading, compressed brand assets, and simplified motion in constrained browsers
Results
- Live branded Owloo marketing site with rich Open Graph previews
- End-to-end story from hero entrance through download CTA