Project Overview
The Peery Hotel, located in the heart of Salt Lake City, is a historic landmark with a timeless charm. This boutique hotel combines vintage elegance with modern luxury, offering guests a unique experience they won’t find at a standard chain hotel. Whether it’s the ornate architectural details, the rich history, or the curated amenities, The Peery Hotel delivers a stay that is truly unforgettable.
I designed a fully custom website and developed the UI/UX to showcase the hotel’s storied past while elevating it to meet the expectations of today’s travelers. The website highlights the hotel’s distinctive character and creates a seamless booking experience for potential guests.
Scope of Work
Full Custom Website Design with Booking Functionality
UI/UX Design
Page Designs: Home, About, Rooms, Amenities, Dining, Gallery, Location, and Contact
Challenges
Balancing Vintage and Modern:
Capturing the charm of The Peery Hotel’s history while ensuring the design felt fresh and relevant to today’s audience required careful attention to detail.
Booking Integration:
Seamlessly integrating the booking functionality while maintaining a cohesive design was essential for ensuring a user-friendly experience.
Immersive Storytelling:
The challenge was to design a site that conveyed the hotel’s unique story and atmosphere without overwhelming users with information.
Appealing to a Diverse Audience:
The design needed to cater to both leisure and business travelers while maintaining a premium and approachable aesthetic.
Design Solutions
Brand Aesthetic:
The website design reflects The Peery Hotel’s blend of vintage charm and modern sophistication. The aesthetic draws inspiration from the intricate interior details of the hotel, incorporating rich textures, elegant serif typography, and a neutral, warm-toned color palette that feels inviting and timeless.
UI/UX Design Philosophy:
With a focus on storytelling and functionality, the website guides users through the hotel’s offerings while providing a streamlined path to booking. Key UX strategies include:
Immersive Visual Storytelling: Large hero images and custom graphics capture the charm of the property, helping users envision their stay.
Linear Navigation Flow: The user journey is designed to flow naturally, moving visitors from exploration to conversion effortlessly.
Mobile Optimization: The fully responsive design ensures a seamless experience across devices, critical for on-the-go travelers.
Pages and Features:
Home Page:
A visually stunning hero section immediately introduces The Peery Hotel: “More than just a stay. A historic experience in Salt Lake City.”
Quick links to key sections (About, Rooms, Amenities, and Booking) provide users with direct paths to explore further.
About Page:
A deep dive into The Peery Hotel’s rich history and its evolution into a modern boutique experience. Historical photos and timeline elements add authenticity, while elegant typography maintains a premium feel.
Rooms Page (Booking Integration):
A clean, intuitive layout showcases the hotel’s room options, complete with high-quality imagery, room descriptions, and pricing.
Seamless integration with the booking system allows guests to reserve their stay directly from the site.
Amenities Page:
Highlights the hotel’s premium amenities, including concierge services, fitness facilities, and curated guest experiences.
Designed with icons and concise text blocks for easy readability.
Dining Page:
Features the hotel’s dining options, including a detailed overview of the on-site restaurant and bar.
CTA buttons for ease of booking.
Gallery Page:
A collection of high-resolution images showcasing the hotel’s interiors, exteriors, and unique details.
An interactive carousel provides users with an engaging way to explore the property.
Location Page (Custom Branded Google Map):
Integrated Google Maps with custom branding highlights The Peery Hotel’s central location.
Nearby attractions and landmarks are called out, emphasizing the hotel’s proximity to key Salt Lake City destinations.
Contact Page:
A simple yet functional form allows guests to reach out for inquiries.
Results
The Peery Hotel website successfully bridges the gap between the past and present, offering users a visually rich and functional experience. Key outcomes include:
Enhanced Booking Experience: The integrated booking system allows guests to easily explore room options and confirm their reservations.
Improved User Engagement: Immersive imagery and interactive design elements keep users engaged while exploring the site.
Cohesive Brand Identity: The design aligns perfectly with The Peery Hotel’s unique brand, reinforcing its historic yet modern appeal.
Streamlined Navigation: A clean and intuitive structure ensures users can quickly find the information they need.
What I Loved About This Project
I loved the challenge of combining history and modernity into one cohesive design while creating a smooth and immersive user journey for The Peery Hotel. The focus on storytelling allowed me to flex my creative muscles, and the seamless integration of the booking system ensured that the design also delivered functionality.