All work

Case study · Web Design

Wander.ph Travel.

A digital travel experience designed to inspire wanderlust: dynamic curated island routes, panoramic scenic photography, and frictionless itinerary planning.

Wander.ph Travel: Designed and engineered by Clobbit
01

Case study

The design challenge.

Travel portals often clutter their screens with dense flight grids and popups. Wander.ph needed an editorial, magazine-grade layout that captures the serene beauty of the islands while keeping exploration effortless.

We treated the hero section as an expansive postcard: bold bespoke typography layered with gentle depth against panoramic scenic photography.

Quick-action pill buttons allow travelers to jump straight between curated seasonal packages, destination guides, and customized trip planning.

Key design decisions that bring the Wander.ph portal to life.

  1. 01
    Postcard Depth CompositionLayering bold sans-serif display typography with landscape elements creates a dynamic 3D sense of scale.
  2. 02
    Integrated Expedition Search DockA clean floating search bar placed right in the primary navigation header for immediate destination query access.
  3. 03
    Dual Booking Call-to-ActionsDirect pathways for both structured planners ('Plan Your Trip') and spontaneous explorers ('Explore Destinations').
  4. 04
    Fluid Tropical Color HarmoniesPacific azures, rolling emerald greens, and sunbleached sands reflect authentic Philippine natural environments.
7,000+
Islands cataloged
48+
Curated travel packages
4.9/5
User experience rating
3 clicks
From discovery to booking

Behind the build

How the design came together.

Engagement
Brand experience strategy, responsive web design system, interactive travel prototypes, and visual assets.
Delivered
  • End-to-end Figma UI/UX prototype with interactive micro-animations
  • Modular design tokens for destination cards, booking forms, and itinerary maps
  • Responsive navigation bar featuring embedded search dock and quick booking triggers
  • Editorial typography scale calibrated for scenic landscape overlays
  • Mobile-first touch target optimization for spontaneous travel bookings

Colour palette

  • Batanes Emerald#166534
  • Pacific Azure#0284C7
  • Sunbleached Sand#FEF3C7
  • Deep Trench#0C1E28
  • Coral Amber#F59E0B

Typography

  • OutfitHero Display Title & Island Badges
  • Plus Jakarta SansBody Text, Package Specs & Filters
GET STARTED

Got an idea?Let’s make it real.

We design, build and grow digital products that look the part and work even harder.

WRITE TO US
PREFER A CALL?+94 70 570 6215
Available for work

Tell us about your project

A few details are enough. We'll take it from there.

I'M INTERESTED IN
TIMELINE