UI/UX Design  ·  Luxury Hotel Website  ·  2025

Z Vacation

A hotel booking platform designed to simplify the travel search and reservation experience — built around curated, experience-led stays.

Z Vacation — hero landscape
01About

Z Vacation is a hotel booking platform designed to simplify the travel search and reservation experience. The challenge was to create a luxury hotel booking website focused on experiences and themes.

02My Role

Sole product designer — I owned the end-to-end design process, translating research into user flows and high-fidelity screens.

  • —Owned the end-to-end design process as the sole product designer
  • —Translated research into user flows and high-fidelity screens
  • —Partnered closely with the CEO, CTO, and cross-functional teams across Marketing, Business, and Engineering
03The Brief

Craft the ultimate luxury booking experience — one that goes beyond simply reserving a stay. Every booking should feel like the beginning of an adventure in itself.

Z Vacation is a premium hotel and resort brand offering curated experiences as part of each package.

The design challenge: highlight the unique strengths of every property while maintaining a cohesive, high-end aesthetic that reflects the sophistication and exclusivity of the brand.

04Ideation

The core challenge was defining a style that aligned with each property’s own colour scheme while preserving one cohesive theme.

The answer was a black-and-white branding palette for the UI chrome paired with an image-centric layout— letting each property’s real colours, carried by photography, stand out naturally without breaking the overall theme.

I ideated the homepage first and used it as the foundation and design system for the rest of the site — layout, typography, and visual hierarchy — then applied those principles consistently across every page. Content and final direction were finalised in collaboration with the marketing team, CEO, and CTO.

Ideation / exploration board — homepage concept thumbnails
05Final Design

Presenting
z.vacation

We wrapped the content in collaboration with the marketing team and finalised the design direction with the CEO and CTO.

Home

Once finalised, the homepage defined the design system for the whole site — layout, typography, and visual hierarchy — which was then applied consistently across every other page.

Home — desktop
Home — mobile

Search

Kept simple and straightforward, while preserving the premium feel through imagery and spacing.

Search — desktop
Search — mobile

Property
Listing

Designed to showcase each property's key strengths, with strong emphasis on visuals and pricing.

Screen — desktop
Screen — mobile

Property
Details

The property is highlighted through high-quality imagery with key amenities emphasized, plus a dedicated experiences section customers can easily explore.

Screen — desktop
Screen — mobile

Room
Selection

Rooms are shown through strong visuals, with clear inclusions and package details for each option.

Screen — desktop
Screen — mobile

Booking
Details

Reaffirms the user's selected details and captures the remaining information needed to complete the reservation.

Screen — desktop
Screen — mobile

Profile

A simple, intuitive display of current bookings and their status, past bookings, and Zocash— the platform’s virtual currency — all clearly organized.

Profile — desktop
Profile — mobile

Sign Up

A clean, simple sign-up flow that collects essential profile details while clearly guiding the user to the next step.

Sign Up — desktop
Sign Up — mobile

Error 404

A visually engaging, on-brand error page that turns a dead-end moment into something memorable.

Screen — desktop
Screen — mobile

Thanks for reading!Want to see more?

BACK TO HOME
BACK TO HOME