Hotel Esencia Website Redesign
Redesign focused on improving visual hierarchy, modernizing the interface, and better reflecting the luxury experience of a five-star resort in Mexico.
Project Case Study
Role
UX/UI Designer
Tools
Photoshop
Project Type
Website Redesign Case Study
The Problem
The original Hotel Esencia website relied heavily on illustrated graphics and text-heavy content that made the site feel outdated and difficult to navigate.
While the illustrations created a unique visual identity, the layout lacked clear hierarchy and did not effectively showcase the luxury resort experience.
Visitors had to scroll through large blocks of text before seeing key information such as accommodations, amenities, or booking options.
Key Issues
• Outdated illustrated design that did not reflect a modern luxury brand
• Text-heavy layout that made content difficult to scan
• Weak visual hierarchy and limited structure between sections
• Important resort features not immediately visible
• Limited emphasis on booking or conversion actions
The Solution
The redesign focuses on creating a visually immersive experience that highlights the resort’s luxury environment while improving usability and content organization.
Large imagery, simplified navigation, and structured sections were introduced to better showcase the resort’s accommodations, amenities, and experiences.
Key Improvements
• Full-width hero imagery to highlight the resort environment
• Simplified navigation with clearer content categories
• Structured sections for suites, dining, spa, and events
• Stronger visual hierarchy using typography and spacing
• Improved calls-to-action for reservations and exploration
UX Strategy
Visitors exploring a luxury resort website typically want to quickly understand the experience the property offers while easily finding accommodations, amenities, and booking options.
The redesigned layout prioritizes immersive visuals, clear navigation, and structured content sections that guide users through the resort experience while encouraging them to explore suites and make reservations.
Navigation & Information Architecture
The original website used multiple rows of navigation links and inconsistent content grouping, making it difficult for visitors to quickly locate key information.
The redesign simplifies the navigation by organizing pages into clear primary categories and reducing visual clutter, helping guests easily find rooms, dining, and resort experiences.
Original Navigation Structure
Redesigned Navigation
Hero Section Redesign
The hero section was redesigned to create a stronger first impression and better represent the luxury atmosphere of the resort.
The original design relied on illustrated imagery and large blocks of text, which limited the emotional impact of the page. The updated design introduces full-width photography to immediately showcase the resort environment.
Key Improvements
Immersive Visuals
High-quality photography replaces illustrations to better communicate the luxury resort experience.
Stronger Visual Hierarchy
The hero layout now prioritizes the resort name, navigation, and booking action.
Clear Booking Path
A visible reservation call-to-action encourages visitors to begin the booking process immediately.
Modern Layout Structure
Improved spacing and typography create a more refined and contemporary presentation.
Original Hero Section
Redesigned Hero Section
Resort Experience Sections
The redesigned homepage organizes resort experiences into clearly defined sections, allowing visitors to easily explore accommodations, dining, private events, and wellness services.
The original layout required users to scroll through dense text before discovering these offerings.
Key Improvements
• Clear section grouping for resort experiences
• Larger imagery to highlight amenities and environments
• Balanced layout combining visuals and descriptive content
• Improved navigation flow between sections
Original Guest Experience Layout
Redesigned Guest Experience Layout
Visual Storytelling & Brand Experience
The original website relied heavily on illustration and text-heavy storytelling to introduce the resort. While visually distinctive, this approach limited the ability to showcase the property, amenities, and atmosphere that define the guest experience.
The redesign shifts toward a photography-driven layout that highlights the resort’s architecture, natural surroundings, and guest experiences. By emphasizing immersive imagery and structured content sections, the design better communicates the resort’s luxury identity while creating a more engaging and aspirational browsing experience.
Original Brand Storytelling
Redesigned Brand Storytelling
Project Overview
This project focuses on redesigning the website for Hotel Esencia, a luxury resort located in Xpu-Ha, Mexico. The objective was to improve how visitors discover the resort’s experiences while better showcasing the property through visual storytelling.
The redesigned layout introduces simplified navigation, structured content sections, and photography-driven design to highlight the resort’s amenities, atmosphere, and guest experiences.
