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.
Live: https://tourline-omega.vercel.app
If you book tours for a living, what is the one thing you would change here? Or tell me what you would build next.
2
2
91
Creating custom animated brand assets to add personality and life to digital products! 🚀
Worked on this visual identity piece combining vector illustration, bold typography, and smooth keyframe animation—designed to make landing page hero sections and splash screens pop.
Looking to elevate your product's UI with custom motion design or visual branding? Let’s work together! #ProductDesign #UIUX #MotionGraphics #Animation #VisualIdentity #CharacterDesign #Branding
0
106
I create visually engaging AI-powered motion videos that combine cinematic visuals, animation, creative storytelling, and dynamic transitions. From product showcases and promotional videos to social media ads and brand campaigns, each video is designed to capture attention, communicate ideas, and deliver a memorable visual experience.
0
5
