Casa Luna Palmilla — Booking Experience & UX/UI

Casa Luna Palmilla is a luxury vacation rental in Los Cabos, Mexico. I redesigned and developed its website to create a more intuitive guest experience, showcase the property, and simplify the journey from discovering the villa to booking a stay.

The project included UX research, information architecture, responsive interface design, and development in Wix, with Lodgify integration providing real-time availability and direct-booking functionality.

Project Summary

Role

Lead UX/UI Designer & Web Developer

Focus

Property Discovery, Direct Booking & E-commerce

Methods

UX Audit, Competitive Research, Information Architecture, Wireframing, Prototyping

Platform

Responsive Web, Wix, Lodgify

The Business Problem

Casa Luna needed a digital experience that better reflected the quality of its luxury property while making it easier for potential guests to explore the villa, check availability, and book directly. The existing website presented the property but offered opportunities to improve navigation, content organization, and the connection between property discovery and the booking process.

My Role

I led the website redesign from UX planning through launch, including an audit of the existing experience, information architecture, wireframes, responsive UI design, and development in Wix. I also integrated Lodgify to support real-time availability and direct bookings, working with the client to align the experience with the property's brand and business goals.

The Original Experience

The original website provided a starting point for showcasing Casa Luna, but its layout and booking journey presented opportunities to improve clarity, navigation, and the overall guest experience. Reviewing the existing pages helped identify where the redesign could better connect property exploration with direct booking.

Webpage promoting Casa Luna private retreat in Palmilla, with sunset background, images of a pool, a house, and an outdoor dining area, and booking options.
A website split into sections showcasing Casa Luna, a vacation rental. The top section lists amenities like bedrooms, bathrooms, outdoor pool, full kitchen, air conditioning, Wi-Fi, TVs, and more; it also features a link to testimonials. Below, three images display outdoor dining, a pool area, and a covered patio. The Casa Luna logo with a moon and star is visible. The testimonials section highlights positive reviews, and at the bottom, there are two buttons for checking availability and booking.
Information about Casa Luna in Palmillla including maps, travel options, and directions from the airport, San Jose, and Cabo San Lucas.
Screenshot of a hotel or property website showcasing rates, availability, and promotions for January 2026. Sections include rates and policies, a calendar, current promotions, and basic rules and regulations.

Strategy & Research

I reviewed Casa Luna's existing website and the guest booking journey to identify opportunities to improve property discovery, navigation, and direct booking. The review focused on how prospective guests explored the villa, found essential property information, and moved toward checking availability.

These findings informed a revised information architecture that prioritized property details, photography, amenities, and clearer access to booking functionality.

Flowchart diagram illustrating the website structure for a lodging booking site, including navigation, pages, and subpages with color-coded sections for different content areas.

Simplify Property Discovery

Organize property details, photography, and amenities so guests can quickly understand what Casa Luna offers.

Create a Clearer Guest Journey

Establish intuitive navigation between the villa overview, accommodations, amenities, location, and booking.

Connect Discovery to Booking

Make availability and booking options easier to access throughout the experience, reducing unnecessary steps between exploring the property and taking action.

Casa Luna Palmilla

Luxury Rental UX Redesign + Booking Integration

Casa Luna Palmilla is a luxury vacation rental located in Palmilla, Los Cabos. The goal was to redesign the website to improve user experience, highlight property amenities, and streamline the booking process through direct integrations.

I led the full UX/UI redesign — from wireframes and prototype to development and API integrations.

Role: UX/UI Designer & Web Developer
Scope: End-to-end UX strategy, UI design
Tools: Figma, Wix, Lodgify API Integration
Focus: Booking conversion, luxury brand experience, trust building, responsive performance

Before Images

Webpage promoting Casa Luna private retreat in Palmilla, with sunset background, images of a pool, a house, and an outdoor dining area, and booking options.
Information about Casa Luna in Palmillla including maps, travel options, and directions from the airport, San Jose, and Cabo San Lucas.
A website split into sections showcasing Casa Luna, a vacation rental. The top section lists amenities like bedrooms, bathrooms, outdoor pool, full kitchen, air conditioning, Wi-Fi, TVs, and more; it also features a link to testimonials. Below, three images display outdoor dining, a pool area, and a covered patio. The Casa Luna logo with a moon and star is visible. The testimonials section highlights positive reviews, and at the bottom, there are two buttons for checking availability and booking.
Screenshot of a hotel or property website showcasing rates, availability, and promotions for January 2026. Sections include rates and policies, a calendar, current promotions, and basic rules and regulations.

I reviewed competitor vacation rental sites and analyzed common friction points in the booking flow. Most users wanted quick access to availability, pricing transparency, and property highlights without navigating multiple pages.

Research & Insights

Research Competitors

Created Site Map

Map pin icon on a plain background
Magnifying glass icon on a black background
Icon of a document with a checkmark
A dark blue wrench icon on a white background.

Consolidated Copy

Researched Booking Tools

Placeholder image icon with a mountain and sun
Outline of a smartphone

Refreshed Visual Assets

Mobile Optimization

The site structure guides users from inspiration to booking with minimal friction, moving from a hero with a clear CTA to property highlights, amenities, availability, and booking. This streamlined hierarchy helps users quickly understand the value and take action with confidence.

Information Architecture

Flowchart diagram illustrating the website structure for a lodging booking site, including navigation, pages, and subpages with color-coded sections for different content areas.

Design Process

Wireframes were created to define the layout and user flow, followed by high-fidelity designs that emphasize a clean, modern aesthetic. The design prioritizes immersive imagery, a warm sunset-inspired palette, clear typography hierarchy, prominent booking CTAs, and mobile-first responsiveness.

Wireframe design for a website homepage with header, multiple content sections, testimonials, image gallery, contact form, and footer.
Homepage of Casa Luna resort with a sunset view over a pool, featuring a flight of steps leading to the ocean and palm trees, and a search bar for booking accommodations.

View live site

The site was built in Wix for design flexibility and integrated with Lodgify to power the booking engine and availability calendar. This setup enabled real-time availability syncing, direct payments, automated confirmations, and easy content management for the host.

Development

Webpage screenshot of Casa Luna rental property showing an outdoor patio with potted plants, a view of the ocean with palm trees, and a seating area with wooden chairs and a table.

Wix builder

Screenshot of a website builder interface with tabs labeled Styles, Pages, Settings, Rentals, and External widgets. The left panel has customization options for language, target, guest count breakdown, auto-update widget, style, button color, and text color, and a green Generate code button. The central part of the screen shows a booking form with check-in, check-out, and guest number fields.

Lodgify booking widget

Development

The site was built in Wix for design flexibility and integrated with Lodgify to power the booking engine and availability calendar. This setup enabled real-time availability syncing, direct payments, automated confirmations, and easy content management for the host.

A webpage displaying a calendar for January 2026, with specific booking details and promotional information for a hotel or accommodation website, including current promotions like free brunch for early stays.

Before: No live view of availability

Calendar for January 2026 showing availability, with a button labeled Request to Book beneath.

After: Embed Lodgify calendar page

Results / Impact

The project delivered a fully functional direct booking experience that reduces reliance on third-party platforms and improves clarity around pricing and availability. It also established a scalable template that can be reused for future rental properties.

View live site

Back

Next