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.

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.
- 01Postcard Depth CompositionLayering bold sans-serif display typography with landscape elements creates a dynamic 3D sense of scale.
- 02Integrated Expedition Search DockA clean floating search bar placed right in the primary navigation header for immediate destination query access.
- 03Dual Booking Call-to-ActionsDirect pathways for both structured planners ('Plan Your Trip') and spontaneous explorers ('Explore Destinations').
- 04Fluid Tropical Color HarmoniesPacific azures, rolling emerald greens, and sunbleached sands reflect authentic Philippine natural environments.
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
Got an idea?Let’s make it real.
We design, build and grow digital products that look the part and work even harder.

