I create cute 3D cartoon animations, Islamic AI videos, and engaging stories for kids. I use AI tools and CapCut to create and edit my videos. I'm excited to share my creative work!
Sunny Rock — Cinematic Paris Travel Website | Creative Web Development
Experience Paris through Sunny Rock, a cinematic travel website concept designed to combine immersive visuals, elegant UI/UX, and interactive scrolling into a premium digital experience.
This self-directed project explores modern web design through cinematic imagery, scroll-driven animations, glassmorphism, smooth transitions, and responsive layouts.
🛠️ Technologies & Skills
HTML5 & CSS3 — Semantic structure, modern styling, and responsive layouts
JavaScript (ES6+) / TypeScript — Interactive behavior and animation logic
React.js — Reusable components, hooks, and state management
Tailwind CSS — Utility-first styling and responsive design
HTML5 Canvas API — 2D rendering for visual effects and image sequences
Scroll-Driven Animation — Frame-by-frame image sequences synchronized with scrolling
requestAnimationFrame & Linear Interpolation (Lerp) — Smooth animation updates
Lumen — UX/UI Design for a Premium Architecture Studio
Sometimes, the smallest details are what give a design its personality.
For Lumen, I found myself exploring how typography, architectural photography, colour, and layout could work together to tell a story before someone even starts reading.
I played with oversized text, warm brown tones, editorial layouts, and a mobile experience that carries the same visual character as the desktop design.
I especially enjoyed putting the mobile screens together. Seeing the different sections come to life on a smaller screen made the whole concept feel more complete.
It's always interesting to see how different creative decisions can change the way people experience a brand.
What's one design detail that can make you appreciate a website even before you've explored everything?
Last week a Roadster flipped upside down over five parked Teslas, and the clip passed 26M views in a day. I turned that moment into a scroll-driven 3D piece: scroll to fly the car, hold to boost, with the facts one tap away.
Independent concept — real demo, brief airborne maneuvers, nobody inside. The rest is imagination.
Built with Three.js: custom thruster FX, depth-of-field, scroll-linked camera, one-tap 9:16 clip export.
Available for interactive and 3D web work. DM me. 🛠️