Marwan Visuals
Interactive portfolio & proof engine for a leading creative studio.
A next-generation portfolio and media delivery platform for Marwan Visuals. Engineered with fluid GSAP animations, optimized progressive image loading for large photography, and a secure client proofing portal.
01 The Challenge
High-Resolution Media Overhead
A creative director's portfolio demands maximum visual fidelity, but loading uncompressed cinema reels, high-resolution raw photography, and large assets creates massive performance bottlenecks, especially on mobile networks in the MENA region.
02 The Solution
Progressive Edge Delivery & Smooth Motion
We built a customized Next.js frontend integrated with edge image transformations. High-res imagery is dynamically resized, compressed into WebP, and served on demand, while the UI features fluid, hardware-accelerated GSAP timelines for screen transitions.
We also engineered a private, password-protected Client proofing portal where clients can view review cuts of films, comment on specific timestamps, and download high-resolution project archives securely.
03 Engineering Stack
Next.js
Full-stack web application structure and optimized layouts.
GSAP
Advanced interactive timelines, smooth scroll offsets, and WebGL transitions.
Cloudinary
Real-time media optimization, edge caching, and progressive image resizing.
Supabase
Database structure for secure client portal access, project roles, and downloads.
04 Interface Showcase
