Tourism —
explore the world,
one journey at a time.

One page. Every journey, covered.

Tourism is a travel booking platform designed to serve a wide range of travellers — from budget backpackers to luxury seekers. The brief was to design a complete experience that handles everything from first impression to booking: destination search, accommodation listings, deal discovery, trust-building, and social proof — all within a cohesive single-page layout and a full booking flow.

The challenge of a single-page format is hierarchy — making sure a user lands, understands immediately what the site does, finds what they need, and converts. Every section was designed with a specific job to do in that journey. The project grew into a 5-screen end-to-end experience: Homepage, Search Results, Destination Detail, Booking, and Confirmation.

How do you sell trust and excitement at the same time?

Travel booking websites carry a unique design tension. They need to inspire — making users dream about a destination. But they also need to convert — making users feel safe enough to hand over money for a trip. Most platforms sacrifice one for the other: either they're beautiful but confusing, or functional but cold.

The Tourism platform was designed to do both. The visual language — rich photography-inspired gradients, animated floating cards, generous white space — creates aspiration. The structural choices — a unified search bar, filter tabs, price transparency, trust cards — create confidence. Together, they move a user from "I want to travel" to "I'm ready to book."

The complete single-page experience.

The homepage is the full story of the Tourism platform — seven sections that take a visitor from discovery through to decision. Each section was designed with a specific conversion role: inspire, reassure, browse, create urgency, explain, validate, then catch.

The homepage uses a 7-section narrative arc — each section doing a specific job. The hero sets emotion and provides the search action. The value props build trust. The destination grid with filter tabs lets users browse by accommodation type. The how-it-works section on a dark background creates contrast and clarity. Testimonials provide social proof. The repeated CTA search bar at the bottom catches late converters. The architecture ensures no user leaves without a clear next step.

Every section has a job to do.

Single-page design demands a clear narrative arc. Each section was assigned a specific role in the conversion journey before a single pixel was designed.

Helping users narrow down fast.

The search results page needed to show enough options to feel comprehensive, while remaining organised enough not to overwhelm. A sidebar filter system — price range, accommodation type, star rating, trip type — lets users narrow results without navigating away. Results show in a 2-column grid with upfront pricing and a Book Now CTA on each card.

The filter sidebar serves all three traveller types without requiring separate pages — a backpacker filters to Guest House or Eco-Lodge, a luxury traveller goes straight to Villa or Resort. The price range slider and star rating filter let users set expectations before browsing. One section, three audiences, zero friction.

Everything to decide, nothing to search for.

The destination detail page needed to give users everything they need to commit to a booking — photos, description, amenities, location, reviews — while keeping the booking action always visible. The sticky sidebar booking card ensures the price and CTA are never more than a glance away.

The tabbed layout (Overview, Amenities, Location, Reviews) keeps the page clean while organising deep information. The photo gallery thumbnails below the hero give users a sense of the property without requiring a lightbox. The sticky booking card with a full price breakdown — base price, resort fee, taxes — removes any fear of hidden costs at checkout.

Clear progress. No surprises.

The booking page had one job: make the user feel in control and confident as they complete their purchase. A progress bar (Select → Details → Payment → Confirm) shows exactly where they are. The form is split into three clearly numbered sections — Guest Details, Trip Details, Payment — so it never feels overwhelming.

The form is split into three numbered sections so users never face a wall of fields. The persistent trip summary sidebar means users always see what they're paying for — removing the anxiety of form-filling blind. Three payment options (Credit Card, Bank Transfer, UPI) serve international travellers across different preferences. The "Confirm & Pay $345" button states the exact amount so there are no surprises at the final click.

The moment of delight.

The confirmation screen is the emotional payoff of the entire booking journey. The design needed to deliver a strong sense of success and celebration — while also being practically useful. A unique booking reference, full trip summary, and three action buttons (Download PDF, Add to Calendar, Email Details) give users everything they need for their trip.

The confirmation page uses a gradient hero panel — dark navy to blue — to create a sense of occasion. The booking reference is displayed prominently in a frosted glass pill, making it easy to screenshot or write down. The three action buttons serve different user needs: the organised traveller downloads the PDF, the planner adds to calendar, the sharer emails it to travel companions. The "Explore More Trips" CTA at the bottom re-engages users for future bookings without being pushy.

What I learnt designing for conversion.

This was my first desktop web design project — and the first time I designed a complete end-to-end booking flow. Here's an honest assessment of what worked and what I'd approach differently.

• Single-page design demands a clear narrative. Without multiple pages to organise content, every section needs to earn its place. I spent more time on information architecture here than on any other project — deciding what comes first, second, and last was as important as how each section looks.
• The unified search bar was the strongest UI decision. Early thinking had four separate form fields. Combining them into one pill shape with dividers made the action feel lighter and more inviting. Repeating it at the bottom of the page was deliberate — it catches users who scrolled past the first time and significantly reduces bounce.
• Photography does more work than copy on travel sites. On a travel platform, the destination imagery is the product. I learnt to treat photo and gradient selection as a core design decision — the hero immersive background, the destination card colours, and the deal banners all carry emotional weight that no copy could replace.
• The booking flow taught me about anxiety reduction. The progress bar, numbered form sections, persistent price summary, and "no hidden fees" message are all anxiety-reduction patterns. Each one addresses a specific fear a user might have at that moment. Designing the booking form changed how I think about forms entirely.
• I'd add user research next time. This was a pure UI exercise with no interviews or testing. If developing further, I'd test the filter system with real backpackers and luxury travellers to verify the accommodation categories match how they actually think — and usability-test the booking form to find hidden friction points.
• Serving three traveller types in one design is genuinely hard. Backpackers, general tourists and luxury travellers have different needs, price sensitivities and visual expectations. The filter system helps, but a real platform would benefit from personalisation or a short onboarding quiz. This is the biggest design problem I'd tackle in a v2.