AI Video Producer | Brand & Web Designer for Startups
AI Video Producer | Brand & Web Designer for Startups
Breaking the mold for Mindloop. 🌀
I wanted to create an entry experience that felt less like a landing page and more like a digital environment. From the glitch initialization to the surrealist 3D landscapes, every frame is designed to keep the user curious.
Built with a focus on:
Immersive 3D: Blending organic flora with high-tech chrome elements.
Editorial Typography: Balancing tech vibes with sophisticated serif layouts.
Conversion-Driven: Scaling a community of 7,000+ through high-impact visuals.
I’m currently opening up my calendar for April and May. If you’re looking to elevate your brand with high-end AI video, immersive web design, or a complete visual overhaul, let’s chat.
Check the full website here: https://mindloop-seven.vercel.app/
6
9
1K
Building interactive web experiences with AI
DIEGETIC — Break The Surface
An experimental WebGL project where the interface is the interaction. A physics-simulated surface fills the screen — drag to tear through it, double-click to trigger a cinematic curtain collapse with air resistance and billowing flutter.
Built with Three.js, Verlet integration physics (9,600+ constraint points), raycaster-driven tearing, real-time shadow mapping, and hand-drawn editorial typography via the Canvas API.
Stack: Three.js · JavaScript · WebGL · Verlet Physics · Canvas API · Space Grotesk
5
4
215
Meet COSMOS: A premium, cinematic 3D web experience built to showcase the highest level of creative frontend development.
I built this interactive solar system to demonstrate that web experiences can feel like high-end applications. Featuring custom GLSL shaders, a 25,000-particle ring system, and buttery-smooth GSAP camera transitions, it’s designed to leave a lasting impression.
2
2
111
AURA is a high-end interactive landing page concept built around the Koenigsegg Agera RS. It transforms a traditional website into a cinematic digital showroom using real-time 3D and refined motion systems.
Features include a live 3D configurator with dynamic pricing, environment switching, camera transitions, animated performance stats, and premium micro-interactions designed to feel tactile and responsive.
Built with Three.js and GSAP, the project demonstrates how modern web technology can elevate storytelling for luxury and high-value brands.
#LuxuryBranding #3DConfigurator #AutomotiveDesign #ImmersiveWeb #InteractiveWebsite #PremiumWebDesign #BrandExperience #CreativeTechnology #WebExperience #ProductShowcase #HighTicketBrands #MotionDesign
3
2
156
NEBULA is a high-fidelity, real-time 3D automotive configurator built with Three.js and GSAP. Designed for luxury brands, it blends cinematic lighting, ACES tone mapping, and precision camera systems to create an immersive product experience.
Users can interactively configure paint finishes, wheels, and exhaust systems with smooth transitions, spatial audio feedback, and custom raycasting.
Built as a static edge-ready deployment, NEBULA demonstrates how advanced WebGL engineering can elevate digital product presentation to a premium, studio-grade experience.
1
2
138
Brand & Web Designer for Immersive Digital Experiences
Brand & Web Designer for Immersive Digital Experiences
Full-Stack Engineer | Next.js, PostgreSQL & Internal Tools
Full-Stack Engineer | Next.js, PostgreSQL & Internal Tools
3D Immersive Landing Pages & Hero Sections
3D Immersive Landing Pages & Hero Sections
Been experimenting with Claude Fable 5 beyond the usual AI coding use cases.
Instead of building another app, I wanted to improve how I build interactive 3D websites.
So I built a live 3D Tuner that lets me adjust lighting, camera, bloom and other scene settings in real time while the site is running, without constantly editing code and refreshing the page.
To test the workflow, I built this Dior Sauvage hero section using my own 3D model.
2
2
347
A recent experiment exploring what's possible with Claude Code and 3D interactive web experiences.
Started with a rough concept and gradually evolved through dozens of small iterations, adjusting motion, interactions, perspective, and all the tiny details that make an experience feel cohesive.
The most exciting part wasn't generating the code. It was being able to move from idea to prototype so quickly and spend more time refining the creative side of the process.
Really happy with how this one turned out. If you'd like the Claude Code workflow I used to build this, hit me up.
1
2
292
Turn Your Ideas Into AI powerd SaaS with @Sunstroke
Built this hero section with a WebGL shader running underneath editorial typography. Here's the breakdown.
The background isn't an image. It's PlasmaWave — a live shader from ReactBits, rendering in real-time using OGL (WebGL).
What I tuned:
→ Warm gold/plum color pair instead of the default purple-cyan
→ Vignette + grain layered on top — kills the "AI-generated" look, adds film texture
→ Serif typography instead of the usual sans-heavy SaaS look
→ Editorial nav/footer — minimal, magazine-style, not "startup landing page"
Built with Lovable + ReactBits. The shader itself runs on the GPU — two animated plasma bands blending into each other, customizable speed, bend, rotation, all live.
Most people use shader backgrounds and leave them looking like a tech demo. The grain + serif type + warm palette is what makes this feel like a fashion editorial instead of a SaaS pricing page.
Curious what people think 👇
Does a moving shader background actually help a hero section, or is it just noise that distracts from the headline?
#WebGL #ReactBits #Lovable #ShaderArt #UIDesign #FrontendDevelopment #EditorialDesign #BuildInPublic #Contra #CreativeCode
0
134
Most small brands lose sales in their DMs, not their ads. Someone asks "price?", you reply 6 hours later, and they've already bought somewhere else.
I set up DM automation for your Instagram: instant replies to comments and DMs, price and FAQ answers, and a link to buy, all running while you sleep.
Done-for-you setup: $149. Comment SETUP and I'll send you the details.
0
35
Product Designer
Product Designer
The Smog Album — Trades of India, 2080
In the Wellcome Collection I found an album of early-19th-century Indian "Company paintings": anonymous gouache studies of street trades like the water carrier, the cotton carder and the potter, each figure alone on cream paper with a soft shadow.
I trained a Recraft V4 Style on five of its plates (all Public Domain Mark) and asked one question: what trades will that same street need in 2080 if India's air keeps getting worse? The Smog Album answers in the original artist's deadpan voice: the water carrier becomes an air carrier, the cotton carder beats soot out of purifier filters, and the bangle seller now fits brass nose filters. Same paper, same shadows, new air.
0
103
Click Menu and your page tips back like a hinged lid, then drops below big numbered links, contact details and a language switch.
• A smooth 3D tilt on a spring
• Hover a link and the rest fade while an arrow rolls in
• Works on desktop, tablet and phone
• Keyboard and screen reader friendly
Try it live: https://hingemenu.framer.website/
2
1
88
