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
Back to feedPost
Landing Page Design Concept for a Live Touring Platform
Tourline is a landing page design concept for a booking platform that turns an agent's inbox into one live record per show: holds, offers, routing, contracts and settlement.
How it's built:
Hero is a real-time 3D concert stage in Three.js. Scroll moves the show through its lifecycle: hold, offer, advance, show night, settle.
Custom volumetric light beams written as a GLSL shader, with real spotlights lighting the stage and crowd, bloom, lens glare and dust caught in the beams.
The LED wall, side screens and LED floor are live canvas textures. The headline renders on the wall, then breaks into LED dots as you scroll.
Beam choreography runs at 124 BPM with four lighting modes, and the camera responds to the cursor.
ScrollTrigger and smooth scroll drive the section reveals, route drawing and the interactive inbox.
If you book tours for a living, what is the one thing you would change here? Or tell me what you would build next.
Breaking the headline into LED dots as you scroll is a lovely way to tie the copy to the stage. With that much going on in the hero, how did you keep it light on mid-range laptops? Did you cap the pixel ratio or turn some of the bloom and glare off?
Thanks Akib! Yes, the pixel ratio is capped, and the beams are a single lightweight shader rather than full volumetrics. The crowd is instanced, and the scene pauses once the hero scrolls out of view. Bloom is the heaviest piece, so the production build would get a quality tier that dials it down on slower machines.
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
Related posts
Kalotės Pušynas, a gated quarter of modern houses.
I created the identity and the website. A wordmark that joins modern and classic, a deep blue and cream palette with four steps of blue, kalotespusynas.lt where buyers choose their house plot by plot, and everything the sales team hands over on site.
Check - Full Case Study
Great
Happy to share a little piece of what I've been working on lately: Nexus.
Nexus is a concept for a network that moves money and data as fast as the internet moves information. Payments, tokenized assets, AI agents that pay for things on their own, apps that need privacy by default.
The full website is coming soon.
Big idea and it looks great. Excited to see where you take Nexus next.
Website & Branding for Blockchain Payments Consortium (Mysten Labs)