NextGen Studio, Creative Agency Website UI Designed a modern, future-ready website for a creative...NextGen Studio, Creative Agency Website UI Designed a modern, future-ready website for a creative...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Designed a modern, future-ready website for a creative agency.
The focus was on strong visual hierarchy, clear messaging, and conversion-driven sections like services, pricing, testimonials, and FAQs to build trust and drive inquiries.
Hotel details screen for a booking app I’ve been designing.
Focused on clear information hierarchy, visual comfort, and helping users make quick booking decisions.
Excited to start sharing my work here 🚀
Contra Verified project: After Effects and Premiere Pro MOGRT templates for an AI data center.
Logo animation, animated map, lower thirds and stats auto-resize as you type, so the team can edit videos without a motion designer.
A generative ambient station of drones, rain, and distant thunder.
I built this project to test A generative ambient station of drones, rain, and distant thunder. The core engineering challenge was sustaining uncompromised 60 FPS rendering using Web Audio API while handling continuous user interaction without framework overhead.
WHAT I WAS TESTING:
I focused on two core engineering benchmarks:
Continuous algorithmic generative music that never repeats, with sub-bass drone layers
Atmospheric rain, vinyl static, and distant thunder audio synthesis
THE TECHNICAL SIDE:
Built entirely with native Web Audio AudioNodes. Oscillators tuned to just-intonation intervals modulate lowpass filters, while brownian noise generates random rain and thunder rumbles.
Everything executes in the browser using Web Audio API, Generative Ambient Synthesis, Binaural Noise Engine. No third-party frameworks, no heavy runtime bundles, and zero external tracking.
WHAT I LEARNED:
Audio clipping easily occurs when multiple generative sound layers peak concurrently. Implementing a master dynamics compressor node preserved acoustic clarity.
Finding the sweet spot between mathematical precision and frame budget took careful profiling, but the result runs at a steady 60 FPS even on modest hardware.
TRY IT YOURSELF:
The live build is deployed on my JSFiddle. Open it in your browser, test the controls, and observe the render response times.
If you are building high-performance 3D, physics, or creative web systems and want to collaborate, reach out here on Contra.