Sutoori Production — a studio site the team runs itself.

Sutoori Production is the student-founded creative team I co-founded and run as COO, covering photography, film and creative production for schools, campuses, communities and events around Bogor. The team needed a home for its work beyond Instagram — one that feels as cinematic as the photographs and that the team can keep current without a developer.

The public site tells the agency's story in one scroll: an oversized opening that resolves into a photograph, stacked portfolio cards, services and a four-step process, then a direct WhatsApp conversation. The gallery uses filters and an accessible lightbox instead of one page per project, and a practical, minimally animated dashboard sits behind it for the team.

Built on Nuxt 4 and Vue 3 in TypeScript, with GSAP for the pinned and scroll-driven scenes and static fallbacks for reduced motion and short screens. Supabase provides authentication, a Postgres schema with row-level security and admin membership, and private and public storage buckets. Server routes enforce sessions and strict validation, check uploads by type and size, and generate real image derivatives with Sharp; publishing rolls back and cleans up when a step fails.

The site is live with the team's own photography, nine services, the process and contact scenes, and a filterable gallery with a lightbox. The admin studio supports batch uploads, drafts, signed previews, focal points, ordering, and publish, unpublish and delete.

Designing for people who are not developers changed the priorities: clear upload feedback, safe defaults and rollback mattered as much as the motion on the public side.