Cancellation and change workspace / Interface design

Change the dates.
Inspect the difference.

We designed the booking-change workspace around the existing stay, the proposed request and alternative dates.

A guest can examine the options before reading the revised ticket.

Original illustration · Cancellation and change workspace

PROJECT TYPE: Interface design & front-end development
DOMAIN: Cancellation and change workspace
DESIGN FOCUS: Explaining the price and policy effect of a booking change

01 / THE DESIGN DECISION

The revised stay needs a price comparison.

The price and policy comparison explains the example AUD 330 change, while correspondence preserves the context. We kept a proposed alternative separate from a confirmed replacement. The forest-lodge imagery provides continuity without obscuring the commercial effect of changing the stay.

02 / THE BUILD

The pages we designed.

The build brings your forest stay, booking change request, booking price and policy comparison, revised Forest Room stay, alternative stay comparison and booking correspondence into one workspace.

01 / Screen

Your forest stay

View the screen ↓

02 / Screen

Booking change request

View the screen ↓

03 / Screen

Booking price and policy comparison

View the screen ↓

04 / Screen

Revised Forest Room stay

View the screen ↓

05 / Screen

Alternative stay comparison

View the screen ↓

06 / Screen

Booking correspondence

View the screen ↓

03 / PROJECT NOTES

Project scope.

We designed and built 6 pages for this self-initiated project, including the layouts, responsive behaviour and front-end interactions. The interface uses sample business records.

The screenshots show authored interface states. Live accounts, operational integrations and production transactions are outside this portfolio build.

The gallery shows our rendered pages with identifying details masked.

06 / ON SCREEN

A closer look.
Page by page.

Start with the overview, then explore the details. These are screenshots of the original interface, with names, contact details and identifying information blurred for privacy.

6 views Select any view to explore