WorkStudioServicesContactStart a project ↗
← All work
Case study: The Marbella

A beachfront stay, made easy to book.

We designed and built a direct-booking website for six beachfront suites and cottages in Oceanside.

View live project ↗
collinscrtv.com/marbella/
The loaded Marbella website homepage with a sunlit ocean view and the direct-booking path visible

Project type

Hospitality websiteBooking experience

Industry

Vacation rentalsOceanside, California

Capabilities

StrategyUX/UI designFront-end developmentEmail design
The challenge

Make every stay easy to understand and easy to book.

The Marbella has six different places to stay. We built one clear path that helps guests compare rooms, check dates, and book direct.

Mobile experience

The main actions stay clear on a phone.

The menu fills the screen, and booking opens in its own focused view. Nothing important is squeezed or hidden.

The Marbella website mobile navigation open over the site
Mobile navigationEvery page and the Book a room action stay easy to reach.
The Marbella website mobile booking popup with its date-selection calendar open
Booking popupGuests can choose dates without leaving the page they are viewing.
The Marbella desktop booking popup showing its date-selection calendar, booking steps, and continue action
Desktop booking workflow

Guests can pick dates, add trip details, and review the booking in one popup.

Email design

The experience continues after the booking.

We designed a confirmation email that matches the website. Dates, room details, directions, and contact information are easy to scan.

The Marbella booking confirmation email with stay dates, room details, directions, and contact information
What we built

One website for the full booking journey.

We connected the pages guests need before, during, and after booking.

✓A homepage that puts the location and available dates first✓Six room pages with the same clear structure✓Gallery, amenities, local guide, and contact pages✓Booking popups built for desktop and mobile✓A confirmation email that matches the website
Website system

Every page feels like The Marbella.

The same type, spacing, colors, controls, and photo treatment run through the full site. Each page has a clear job, but the experience stays consistent.

The Marbella gallery page with the website navigation, editorial heading, and responsive image grid
Gallery

Guests can browse the property while the site navigation and booking path stay close.

Responsive system

The same experience on every screen.

We adjusted the type, spacing, images, menu, and booking tools for each screen size. The mobile version was designed for phones, not copied from desktop.

The result is a clear path from choosing a room to confirming a stay.
Brendan Collins
Project lead

Brendan Collins

Brendan led the strategy, UX/UI design, front-end development, and email design for The Marbella.

The work keeps the property’s coastal character while making it easier to compare rooms and book direct.

Need a clearer path from browsing to booking?

Start a project ↗

More work

All case studies →
Elle's Cafe and Ice Cream website
Website · Hospitality

Elle's Cafe & Ice Cream

A neighborhood hospitality site with room for coffee, ice cream, and local ritual.

Mauricio's Grill and Cantina working website prototype
Website · Restaurant

Mauricio's Grill & Cantina

A warmer restaurant direction built around appetite, atmosphere, and the next visit.

Pacific Gate Works website
Website · Art direction

Pacific Gate Works

An editorial site for one-of-one cedar craftsmanship.

Tell us what makes your work worth choosing.

We'll turn the difference into a clear digital experience. No obligation, no jargon.

Start a project →See our work