Four Seasons, Multi-Property Experiences — Responsive Web
Get ready for the ultimate journey.
Four Seasons, Multi-Property Experiences — Responsive Web
Get ready for the ultimate journey.
Four Seasons, Multi-Property Experiences — Responsive Web
Get ready for the ultimate journey.
Overview.
Planning a multi-city trip means dozens of decisions — hotels, experiences, timing. This is why booking everything separately can be so frustrating. What if guests could book a curated journey across multiple Four Seasons properties in a single transaction? This simplifies travel planning while encouraging guests to discover more high-value offerings, seamlessly integrating bundled commerce into the shopping journey while driving higher conversion. Building on an initial vision from a lead designer, I led the end-to-end design of this 0→1 product from research to launch.
Looking to test the final product?
🚀 Impact
0→1 product, first version of multi-property booking
🤝 Design Team
Tiffany Chau (project owner), Ashley Kim (vision/support)
🧠 Roles
Research, UI/UX Design, Prototyping, Handoff, QA
⏱️ Shipped
Q4 2025 (9 months)
Overview.
Planning a multi-city trip means dozens of decisions — hotels, experiences, timing. This is why booking everything separately can be so frustrating. What if guests could book a curated journey across multiple Four Seasons properties in a single transaction? This simplifies travel planning while encouraging guests to discover more high-value offerings, seamlessly integrating bundled commerce into the shopping journey while driving higher conversion. Building on an initial vision from a lead designer, I led the end-to-end design of this 0→1 product from research to launch.
Looking to test the final product?
🚀 Impact
0→1 product, first version of multi-property booking
🤝 Design Team
Tiffany Chau (project owner), Ashley Kim (vision/support)
🧠 Roles
Research, UI/UX Design, Prototyping, Handoff, QA
⏱️ Shipped
Q4 2025 (9 months)
Overview.
Planning a multi-city trip means dozens of decisions — hotels, experiences, timing. This is why booking everything separately can be so frustrating. What if guests could book a curated journey across multiple Four Seasons properties in a single transaction? This simplifies travel planning while encouraging guests to discover more high-value offerings, seamlessly integrating bundled commerce into the shopping journey while driving higher conversion. Building on an initial vision from a lead designer, I led the end-to-end design of this 0→1 product from research to launch.
Looking to test the final product?
🚀 Impact
0→1 product, first version of multi-property booking
🤝 Design Team
Tiffany Chau (project owner), Ashley Kim (vision/support)
🧠 Roles
Research, UI/UX Design, Prototyping, Handoff, QA
⏱️ Shipped
Q4 2025 (9 months)
How might we discover and book multi-property experiences?
Design Process & Backstory • 3 min read
How might we discover and book multi-property experiences?
Design Process & Backstory • 3 min read
How might we discover and book multi-property experiences?
Design Process & Backstory • 3 min read
RESEARCH / APPROACH
Luxury without the hassle.
When leadership first introduced the idea of multi-property journeys, it reminded me of guided tour packages. Research shows that these tours typically have a pre-curated itinerary, which resonates with high-intent travelers because it saves time and reduces decision fatigue. In terms of visual design, luxury brands will often use editorial styles to storytell, inspire, and merchandise high-value offerings to their customers.
These insights shaped my design approach on how to drive discovery, engagement, and informed decision-making without increasing cognitive load.
RESEARCH / APPROACH
Luxury without the hassle.
When leadership first introduced the idea of multi-property journeys, it reminded me of guided tour packages. Research shows that these tours typically have a pre-curated itinerary, which resonates with high-intent travelers because it saves time and reduces decision fatigue. In terms of visual design, luxury brands will often use editorial styles to storytell, inspire, and merchandise high-value offerings to their customers.
These insights shaped my design approach on how to drive discovery, engagement, and informed decision-making without increasing cognitive load.
RESEARCH / APPROACH
Luxury without the hassle.
When leadership first introduced the idea of multi-property journeys, it reminded me of guided tour packages. Research shows that these tours typically have a pre-curated itinerary, which resonates with high-intent travelers because it saves time and reduces decision fatigue. In terms of visual design, luxury brands will often use editorial styles to storytell, inspire, and merchandise high-value offerings to their customers.
These insights shaped my design approach on how to drive discovery, engagement, and informed decision-making without increasing cognitive load.
DIVERGE
Editorial storytelling, built to scale.
Early concepts leaned heavily into image grids and immersive collages. These approaches looked visually stunning, but had trouble scaling. Many properties have journeys with long itineraries and varied activities, quickly making these layouts cluttered and difficult to componentize.
How do we find the balance between pushing creative boundaries versus what can actually be scaled across all properties?
DIVERGE
Editorial storytelling, built to scale.
Early concepts leaned heavily into image grids and immersive collages. These approaches looked visually stunning, but had trouble scaling. Many properties have journeys with long itineraries and varied activities, quickly making these layouts cluttered and difficult to componentize.
How do we find the balance between pushing creative boundaries versus what can actually be scaled across all properties?
DIVERGE
Editorial storytelling, built to scale.
Early concepts leaned heavily into image grids and immersive collages. These approaches looked visually stunning, but had trouble scaling. Many properties have journeys with long itineraries and varied activities, quickly making these layouts cluttered and difficult to componentize.
How do we find the balance between pushing creative boundaries versus what can actually be scaled across all properties?
CONVERGE
Discovery without disruption.
Design reviews helped me sharpen the decisions between editorial storytelling and system constraints, in addition to surfacing content in a way that would help high-intent guests understand the value of our offerings without overwhelming them. Key decisions include:
➡️ Sticky tabs over accordions to keep the full itinerary visible while enabling quick navigation.
➡️ Two-column itinerary layout instead of image grids to improve scannability and reduce visual overload.
➡️ Multiple booking CTAs placed throughout the page. Instead of a single conversion moment, we could meet guests exactly when they were ready.
CONVERGE
Discovery without disruption.
Design reviews helped me sharpen the decisions between editorial storytelling and system constraints, in addition to surfacing content in a way that would help high-intent guests understand the value of our offerings without overwhelming them. Key decisions include:
➡️ Sticky tabs over accordions to keep the full itinerary visible while enabling quick navigation.
➡️ Two-column itinerary layout instead of image grids to improve scannability and reduce visual overload.
➡️ Multiple booking CTAs placed throughout the page. Instead of a single conversion moment, we could meet guests exactly when they were ready.
CONVERGE
Discovery without disruption.
Design reviews helped me sharpen the decisions between editorial storytelling and system constraints, in addition to surfacing content in a way that would help high-intent guests understand the value of our offerings without overwhelming them. Key decisions include:
➡️ Sticky tabs over accordions to keep the full itinerary visible while enabling quick navigation.
➡️ Two-column itinerary layout instead of image grids to improve scannability and reduce visual overload.
➡️ Multiple booking CTAs placed throughout the page. Instead of a single conversion moment, we could meet guests exactly when they were ready.
CONSTRAINTS / TRADEOFFS
Learnings from the messy middle.
Communication is integral, and this was especially evident during QA testing. Challenges surfaced around interaction details, particularly the dotted pagination for the gallery component. The key to success was collaborating closely with our developers—providing them with visual specs, real usage examples, and a clear explanation of the expected behaviour.
Post-handoff, a special use case also emerged that applied to only one property. While an ideal solution was explored, budget and scope constraints made it unsustainable. Instead of forcing a net-new component, I reused an existing component that still met business goals and documented the ideal solution for future iteration, understanding the importance of when to push back and when to adapt. This project had no shortage of messy middles, but that was precisely what pushed me to think critically under pressure.
CONSTRAINTS / TRADEOFFS
Learnings from the messy middle.
Communication is integral, and this was especially evident during QA testing. Challenges surfaced around interaction details, particularly the dotted pagination for the gallery component. The key to success was collaborating closely with our developers—providing them with visual specs, real usage examples, and a clear explanation of the expected behaviour.
Post-handoff, a special use case also emerged that applied to only one property. While an ideal solution was explored, budget and scope constraints made it unsustainable. Instead of forcing a net-new component, I reused an existing component that still met business goals and documented the ideal solution for future iteration, understanding the importance of when to push back and when to adapt. This project had no shortage of messy middles, but that was precisely what pushed me to think critically under pressure.
CONSTRAINTS / TRADEOFFS
Learnings from the messy middle.
Communication is integral, and this was especially evident during QA testing. Challenges surfaced around interaction details, particularly the dotted pagination for the gallery component. The key to success was collaborating closely with our developers—providing them with visual specs, real usage examples, and a clear explanation of the expected behaviour.
Post-handoff, a special use case also emerged that applied to only one property. While an ideal solution was explored, budget and scope constraints made it unsustainable. Instead of forcing a net-new component, I reused an existing component that still met business goals and documented the ideal solution for future iteration, understanding the importance of when to push back and when to adapt. This project had no shortage of messy middles, but that was precisely what pushed me to think critically under pressure.
RESULTS / IMPACT
Where we landed.
Previously, guests had to manually book stays across multiple properties through separate transactions. Now, they can explore and book a fully curated multi-property journey in just a few steps. This laid the foundation for a new discovery surface within the Four Seasons ecosystem, one which feels native to the shopping journey rather than promotional.
At a platform level, this work scaled the design system with 5 new components, improvements to 3 existing components, and 2 new primitive tokens, all supporting responsive layouts across four breakpoints (XL/L desktop, tablet, mobile), and light/dark modes.
Looking to test the final product?
RESULTS / IMPACT
Where we landed.
Previously, guests had to manually book stays across multiple properties through separate transactions. Now, they can explore and book a fully curated multi-property journey in just a few steps. This laid the foundation for a new discovery surface within the Four Seasons ecosystem, one which feels native to the shopping journey rather than promotional.
At a platform level, this work scaled the design system with 5 new components, improvements to 3 existing components, and 2 new primitive tokens, all supporting responsive layouts across four breakpoints (XL/L desktop, tablet, mobile), and light/dark modes.
Looking to test the final product?
RESULTS / IMPACT
Where we landed.
Previously, guests had to manually book stays across multiple properties through separate transactions. Now, they can explore and book a fully curated multi-property journey in just a few steps. This laid the foundation for a new discovery surface within the Four Seasons ecosystem, one which feels native to the shopping journey rather than promotional.
At a platform level, this work scaled the design system with 5 new components, improvements to 3 existing components, and 2 new primitive tokens, all supporting responsive layouts across four breakpoints (XL/L desktop, tablet, mobile), and light/dark modes.
Looking to test the final product?
FUTURE IMPROVEMENTS
Where we are headed next.
As this product matures, we are continuing to iterate on stronger narrative storytelling, strategic promotion of multi-property journeys across the site, placement strategy, and performance measurement. Key metrics include engagement, time on page, bounce rate, and conversion, to better understand how curated discovery influences decision-making and booking behaviour.
FUTURE IMPROVEMENTS
Where we are headed next.
As this product matures, we are continuing to iterate on stronger narrative storytelling, strategic promotion of multi-property journeys across the site, placement strategy, and performance measurement. Key metrics include engagement, time on page, bounce rate, and conversion, to better understand how curated discovery influences decision-making and booking behaviour.
FUTURE IMPROVEMENTS
Where we are headed next.
As this product matures, we are continuing to iterate on stronger narrative storytelling, strategic promotion of multi-property journeys across the site, placement strategy, and performance measurement. Key metrics include engagement, time on page, bounce rate, and conversion, to better understand how curated discovery influences decision-making and booking behaviour.