Design System Refresh
The PIG Hotels
Design System Refresh
The PIG Hotels
Design System Refresh
The PIG Hotels
A refreshed design system enabled consistent rollouts across multiple properties, pairing luxury aesthetics with technical scalability and improved developer handoff
A refreshed design system enabled consistent rollouts across multiple properties, pairing luxury aesthetics with technical scalability and improved developer handoff
A refreshed design system enabled consistent rollouts across multiple properties, pairing luxury aesthetics with technical scalability and improved developer handoff
Project Scope
Project Scope
Project Scope
Hospitality
B2C
Desktop + Mobile
Multi-Property
Design System
Role
Role
Role
Lead Product Designer
Lead Product Designer
Lead Product Designer
Platform
Platform
Platform
Salesforce
Salesforce
Salesforce
8 Properties
8 Properties
8 Properties
unified under one design system
3x Faster
3x Faster
3x Faster
rollout speed for new properties
1 Tokenised Library
1 Tokenised Library
1 Tokenised Library
consistent components across teams
Problem
⌾
The existing IA was overly complex, making navigation and content management harder than necessary
⌾
The design language felt dated and lacked the polish expected of a luxury hospitality brand
⌾
Content structure didn’t clearly separate different property experiences, creating friction for users
⌾
Handoffs between design and development still relied on manual steps, slowing QA and launch cycles
Problem
⌾
The existing IA was overly complex, making navigation and content management harder than necessary
⌾
The design language felt dated and lacked the polish expected of a luxury hospitality brand
⌾
Content structure didn’t clearly separate different property experiences, creating friction for users
⌾
Handoffs between design and development still relied on manual steps, slowing QA and launch cycles
Problem
⌾
The existing IA was overly complex, making navigation and content management harder than necessary
⌾
The design language felt dated and lacked the polish expected of a luxury hospitality brand
⌾
Content structure didn’t clearly separate different property experiences, creating friction for users
⌾
Handoffs between design and development still relied on manual steps, slowing QA and launch cycles
Design System + Handoff
A tokenised component library paired with clear implementation guidance enabled consistent rollouts across teams and regions
Design System + Handoff
A tokenised component library paired with clear implementation guidance enabled consistent rollouts across teams and regions
Design System + Handoff
A tokenised component library paired with clear implementation guidance enabled consistent rollouts across teams and regions
Navigation
Navigation was streamlined to support a growing number of properties. A simplified mobile menu improved wayfinding, making it easier for users to browse locations and begin bookings
Navigation
Navigation was streamlined to support a growing number of properties. A simplified mobile menu improved wayfinding, making it easier for users to browse locations and begin bookings
Navigation
Navigation was streamlined to support a growing number of properties. A simplified mobile menu improved wayfinding, making it easier for users to browse locations and begin bookings
Property Rollouts
With the system in place, new property sites launched three times faster. Each retained its unique charm while benefiting from a unified design language
Property Rollouts
With the system in place, new property sites launched three times faster. Each retained its unique charm while benefiting from a unified design language
Property Rollouts
With the system in place, new property sites launched three times faster. Each retained its unique charm while benefiting from a unified design language
