My project

Back to work

Marenza

An immersive scroll-driven web experience combining cinematic storytelling, motion design, and interactive front-end development.

  • Creative Development
  • UI/UX Design
  • Web Design
  • Front-End Development
  • Motion Design
  • Performance Optimization
  • Frontend: HTML5, CSS3 & Vanilla JavaScript
  • Animation: requestAnimationFrame
  • Video: Scroll-controlled video scrubbing
  • Interaction: Custom scroll engine
  • Motion: Scroll-triggered content transitions
  • Performance: Optimized video encoding & lazy loading
  • Responsive: Desktop, Tablet & Mobile
  • Accessibility: Reduced-motion support

Marenza is an experimental interactive website that transforms a cinematic fly-through into a fully immersive storytelling experience. Rather than relying on traditional page navigation, the user's scroll controls the pace of the narrative and the progression of the video.

  • Interactive Website
  • Creative Portfolio Experience
  • Scroll-Driven Storytelling
  • Motion Design
  • Experimental Front-End Development

Marenza explores how motion, interaction, and cinematic visuals can create a more engaging web experience. Every scroll movement is mapped directly to the video's playback, allowing visitors to navigate the story naturally while maintaining complete control over the pacing.

The project combines custom front-end development, motion design, performance optimization, and responsive layouts to deliver a smooth, high-performance experience across modern browsers and devices while maintaining a clean editorial aesthetic.