← Projects
2026completed

OMORI Headspace

An interactive fan site for the indie RPG OMORI, built to exercise scroll-driven animation and front-end detail work.

  • Next.js 16
  • TypeScript
  • Tailwind CSS v4
  • GSAP
GitHub Live demo

Project Preview

OMORI Headspace — project preview screenshot

Context

OMORI has a distinct visual identity, and I wanted a fan site that translated that mood into scroll-driven animation and front-end craft.

Technical Approach

  • Next.js 16 with App Router
  • GSAP ScrollTrigger for section-based animations
  • Tailwind CSS v4 for styling and responsive layout

Challenges

  • Matching the game's mood and color palette without using official assets
  • Coordinating GSAP timelines across scroll triggers and page sections
  • Keeping performance acceptable with heavy animation on lower-end devices

What I Learned

  • GSAP timelines are easier to maintain when each section owns its animation module
  • Respecting reduced motion preferences and lazy-loading animations improved accessibility and performance

Key Features

  • Scroll-driven animations
  • Interactive UI sections
  • OMORI-inspired visual design
  • Refined front-end execution

Next Project

Reservation System for School Buffet

Frontend for a school buffet meal reservation system, including student ordering and admin tools.

View Project