← Back to archive
Project

Cinema Studio — Creative Agency Portfolio Website

Stack
Vite · JavaScript · HTML5 · CSS3
dashboard cinema studio

A portfolio website built for Cinema Studio, a creative content and production studio specializing in commercial video, brand photography, and 3D animation.

Key features:

  • Bento-grid project showcase with interactive category filtering
  • Detailed project pages with a frame-gallery lightbox preview
  • Scroll-aware navbar that hides on scroll down and reveals on scroll up
  • Light/dark theme toggle with persisted user preference
  • Fully responsive layout with a mobile drawer menu

Tech stack: Vite, Vanilla JavaScript (ES modules), and hand-crafted CSS3 with a custom design system built on CSS variables — no UI framework dependency.

Designed and built end-to-end, from the visual design system to the interactive front-end behavior.

Gallery

GitHubDEMO

Cinema Studio — Creative Agency Portfolio Website · Tionusa Catur Pamungkas