- Client
- Jai Travels (fictional)
- Industry
- Travel and tourism
- Scope
- Strategy, UI design, Development, Content, Interaction design, SVG path animation
- Type
- Concept project
- Stack
- Next.js, TypeScript, Tailwind, GSAP, Lenis
- Location
- Chennai, 2026
The brief
A travel agency needed to sell trips as feelings, not spreadsheets, to families and honeymooners planning from Chennai, Coimbatore and Madurai.
The approach
Cinematic imagery, a bold and expressive display type, and a journey metaphor that carries through the whole page.
Sell the feeling first
Every destination opens with mood and place before dates, prices and inclusions.
Make choosing effortless
A floating search and clear package cards keep the next step one tap away.
Keep the journey visible
A route line runs through the page so visitors always know where they are.
Signature interactions
Scroll-driven route map
A plane follows an animated route between destinations as you scroll.
Try it in the tile
3D-tilting destination cards
Cards respond to the cursor with depth, so browsing feels tactile.
Try it in the tile
OotyKeralaMaduraiLive package total
The booking card updates a rupee total including GST as travellers and dates change.
Try it in the tile
Kerala backwaters · 5 days
2 travellers₹27,900 × 2 + ₹2,790 GST (5%)
₹58,590
The design system
Display: Bricolage Grotesque
Aa Bb Cc
Body: Plus Jakarta Sans
The quick brown fox jumps over the lazy dog. 0123456789 ₹1,24,999
Radius, shadow and surface
- Generous 24px card corners echo boarding passes and postcards.
- Coral is reserved for the action and the route, never for decoration.
- Shadows are soft and ocean-tinted so cards float above the sand.
Pages and features
Pages
- Home
- Destinations (10)
- Packages (12)
- Stories
- About
- Contact
Booking features
- Floating search bar
- Package booking card
- Live ₹ total with GST
Motion
- Scroll-driven route map
- 3D-tilting cards
- SVG path animation
Screens
Let’s build yours.
Tell us about your business. We’ll reply on WhatsApp.