Project focus Tour Booking Website Live Departures & Seats Custom Trip Planner The Spectrum Tour-Travels website on desktop and mobile, with departures, the departure calendar and online booking Tap to zoom
The BRIEF.
Spectrum Tour-Travels runs fixed-departure group tours and tailor-made holidays across India and abroad from Arambagh, Hooghly, West Bengal. The brief was a site that sells trips the way the team does: upcoming departures with real dates and seats, a page for every trip with the day-wise plan and hotels, online booking with Razorpay (pay in full or 30% to hold the seats), and a five-step planner for custom trips, with call and WhatsApp on every page.
Industry
Travel & Tourism
Delivered
Tour booking website
Services
UI/UX Design · Web Development · SEO
Stack
Next.js · Supabase · Razorpay · Vercel
What it had to DO.
01
Show every departure
Ten upcoming group tours with dates, prices and seats, straight from the booking system.
02
Sell the trip on one page
Day-wise itinerary, inclusions, exclusions, hotels and dates & pricing, beside Book this trip with Razorpay.
03
Plan custom trips
A five-step form: personal details, trip details, accommodation, meal plan and purpose of tour.
04
Turn a visit into a call
Call and WhatsApp on every page, and WhatsApp Now on every tour package.
The SITEMAP.
The menu as built: 5 menus and a footer, so every trip, date and form is two clicks from the homepage.
spectrumtourtravels.com
Group Tours
Domestic Tours
International Tours
Upcoming Departures
Himalayan Trails
Beach & Islands
Family Holidays
Departure calendar
Tour Packages
Domestic
International
Himalayan Trails
Trip pages
Customised Trips
Personal details
Trip details
Accommodation
Meal plan
Purpose of tour
More
Contact Us
About Us
Reviews
Blog
My Trips
Legal
Terms & Conditions
Privacy Policy
Refund & Cancellation
Travel Agreement
Rules & Regulations
How we BUILT IT.
Step 01
Sitemap & content
Every trip, departure and policy mapped into one menu.
Step 02
Wireframes
One template per page type: listing, trip, calendar, form.
Step 03
Visual design
The Spectrum yellow and navy, with Unbounded headings, over full-bleed travel photos.
Step 04
Build & connect
Next.js on Vercel, with trips, dates and seats from Supabase and payments by Razorpay.
Step 05
SEO & launch
A title and description for every main page, and a sitemap entry for every trip.
4 key pages
Page by PAGE.
01
Home
/
A full-bleed hero with Explore Upcoming Trips and Plan a Custom Journey, the community numbers, destinations, domestic and international group tours, Ladakh packages, why Spectrum and FAQs.
Hero & two CTAs
Social proof
Destinations
Group tours
FAQ
The Spectrum homepage: community numbers, destinations and why Spectrum Tap to zoom 02
Upcoming Departures
/upcoming-departures
Ten fixed-date group tours, soonest first, each with its dates, price against the old price and Popular or Sold out tags, plus theme filters and a departure calendar.
Theme filters
Sort
Dates & prices
Sold-out tags
Departure calendar
Spectrum upcoming departures: theme filters, tour cards and the departure calendar Tap to zoom 03
Trip page
/trips/jannat-e-kashmir
Duration, starting price and the next departure up top, a photo gallery, then the overview, day-wise itinerary, inclusions, exclusions, hotels and dates & pricing, beside Book this trip.
Trip facts
Photo gallery
Day-wise itinerary
Hotels by category
Book this trip
A Spectrum trip page: the trip at a glance, the day-wise itinerary and online booking Tap to zoom 04
Customised Trips
/customised-trips
A five-step planner for a trip on your own dates: personal details, trip details, accommodation preferences, meal plan and the purpose of the tour.
5 steps
Trip details
Accommodation
Meal plan
Purpose of tour
The Spectrum custom trip planner: five steps, the fields it asks for and the privacy line Tap to zoom
Built for every SCREEN.
Most visitors arrive on a phone. Every page is designed for a thumb first, then scaled up.
Spectrum homepage on a phone Upcoming departures on a phone A trip page with Book Now on a phone The custom trip planner on a phone
Under the HOOD.
A good-looking site is the start. These are the things it does for the business every day.
Real dates & seats
Departures, dates and seats come straight from the booking system.
Departure calendar
Every fixed departure on one calendar, by date.
Custom trip planner
Five steps that capture dates, stays, meals and the purpose of the trip.
Book & pay online
Pick a date and travellers, see the total with GST, and pay in full or 30% by Razorpay.
Call & WhatsApp
On every page, and WhatsApp Now on every tour package.
Filters & sort
Filter tours by theme or region, sort by price or popularity.
My Trips
A sign-in for travellers to see their trips.
Travel SEO
Titles and descriptions written for group tours from West Bengal.
The design SYSTEM.
The client’s own brand, carried through every page: their colours, their type.
Spectrum Tour-Travels website design system: yellow and navy, Unbounded and Manrope, and core components Tap to zoom
The site TODAY.
The numbers on spectrumtourtravels.com today.
Departures
10
fixed-date group tours open now
Packages
8
tour packages, quoted to your dates
Google reviews
200+
on Google, as the company reports
Facebook
100K+
community, as the company reports
Your turn
Need a website that fills your departures? LET’S BUILD YOURS.
Tell us how your team works today. We’ll show you what it could look like.
Institute Website + Student Zone: An institute website with a searchable catalogue of 158 courses, online admission and instant certificate verification.
Group Tours & Pilgrimage Website: A group tour and pilgrimage website from Kolkata: fixed departures with dates and prices, customized tours to 39 destinations and enquiries on WhatsApp.
Market Research Website + Panel: A market research firm’s website in four languages, with six services, a global panel book and a panelist sign-up with rewards.
Agriculture Network Website: The website of India’s digital agriculture network: six services, research articles and a way in for farmers, students and institutions.
CRM for Schools & Institutes: A complete CRM solution for educational institutes to streamline leads, admissions, fees, and student relationships — all in one place.
Hotel Management Software: An all-in-one hotel operations system designed to manage bookings, guest inquiries, occupancy, revenue analytics, and business performance from a single centralized dashboard.
Agri Business Management System: One system to run an entire agri business: leads, WhatsApp, e-commerce, quotations, inventory, godowns and GST accounting.