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