Project Overview
An interactive portfolio for Ibrahim Satour, a talented 3D Generalist, seamlessly blending motion design with Three.js. The site delivers an immersive showcase of his creativity, technical skills, and passion for 3D storytelling.
- PROJECT_TYPEPortfolio
- ENTRY_YEAR2025
- TARGET_PLATFORMWeb
- PRIMARY_ROLEDesign & Development
DEPLOYED_TECHNOLOGIES
next Jsthree JswebGlglsl Shaders
r3FgsapgraphQlhygraph Cms
headless Cmstailwind Css
next Jsthree JswebGlglsl Shadersr3FgsapgraphQlhygraph Cmsheadless Cmstailwind Css
COLOR_PALETTE
Project Walkthrough
A closer look at the finer details of this case study. Explore the core features,
thoughtful design decisions, and interactive moments that shape the user experience.
[ARCHIVE_REF:CMFSPHQ7]
[ARCHIVE_REF:CMFSPHQ8]
The Challenge
The challenge was to create an interactive digital stage for a talented 3D Generalist. The platform needed to act as an extension of his own creativity, serving not just as a gallery, but as an immersive showcase of his passion for high-end 3D storytelling.
The Solution
Seamlessly blended Next.js with React Three Fiber (R3F) and custom WebGL shaders to create a highly performant 3D environment. By coupling GSAP with a robust Hygraph CMS backend and achieved a fluid motion design system that loads heavy 3D assets without compromising frame rates.
[ARCHIVE_REF:CMFSPHQ7]
Cinemoose
- Portfolio
- Design & Development
Built Cinemoose, a horizontal-scrolling portfolio, designed
to mirror the flow and bold contrasts of his films.