We built BookaServe for the #lovablechallenge β an operational booking & real-time dispatch engine designed specifically for trade contractors on the move.
From photo diagnosis to route-aware scheduling and live technician tracking, test the live closed-loop prototype:
π https://bookaserve.app
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.
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?
Hey there!
Farbspur is my entry for the Video.js Skins Design Challenge: a custom skin for the Video.js v10 player that gets out of the way of what youβre watching.
The player has no colour of its own. Its seek bar is built from the video: it finds the strongest picture changes and turns them into blocks of colour, so every film gets its own player and you can jump straight to a scene.
β Glass appears only where your hand is: a single drop moving on spring physics
β Skips count up as you press: +5s, +10s, +15s
β Quality, speed, casting and theatre mode share one visual language
β Full keyboard control, and reduced motion for anyone who asks for it
The film and sound in the video were generated for this project.
A private aviation website should do more than look expensive. It needs to turn visitors into qualified leads.
For Fly Velair, I designed and developed a complete digital experience built around their private jet charter and aircraft sales business.
The project included a full Framer website, a custom 3-step booking flow integrated with their CRM, CMS-driven aircraft listings, a dedicated Jets for Sale platform, SEO optimization, 10 search-focused articles, and premium print collateral.
Every part of the experience was designed to feel as premium as the service while making it easier for customers to inquire, book, and explore available aircraft.
Full case study below. Would love to hear what you think.
The 10 search-focused articles are the part most people skip, and for charter that long-tail traffic is probably where a lot of the real leads come from. Curious how you split the build, Framer for the main site and Lovable + Supabase for the jets for sale platform?