Case study · Hospitality · Website design

The Resort at
Pedregal.

One private tunnel through the mountain, three hundred meters of anticipation — and a website that starts the arrival early.

ClientThe Resort at Pedregal, Cabo San LucasRoleCreative direction · Strategy · UX/UI designRecognitionHSMAI Adrian Award — Gold, 2017
The Resort at Pedregal homepage — Your Bliss Begins over the cliffside aerial of the resort and its private beach

300 m

The private Dos Mares tunnel — the only way in

856 ft²

Where the entry-level room starts, plunge pool included

1

Private beach the rest of Cabo can't access

2

Sub-brands designed in — Luna y Mar spa, Memories weddings

Gold

HSMAI Adrian Award, 2017 — integrated campaign

The old site did the standard luxury-Cabo thing — drone footage, a booking widget, a generic claim of exclusivity. The one thing it never sold was the tunnel. So we made the architecture of the property the architecture of the site.

01 · The brief

The only hotel in Cabo
you enter through a mountain.

Past the Dos Mares tunnel sits a cliffside, Pacific-facing estate inside the gated Pedregal community — plunge-pool casitas climbing the mountainside, a beach the rest of Cabo can't reach, and a kind of seclusion the strip resorts on the Sea of Cortez side can't replicate. (Today it operates as Waldorf Astoria Los Cabos Pedregal. Same property, same tunnel.)

The differentiator was never the pool bar. It was the arrival — theatrical, intentional, physically gated. Our brief: put that on screen before a single room card or rate surfaces, and let mobile lead, because discovery for a property this aspirational happens on a phone in transit.

Two screens from the Pedregal site — the homepage hero and the seasonal offers mosaic

02 · The arrival, preserved

The homepage opens on the
cliff — before any pricing.

Hover either page and it scrolls. The homepage runs nearly 15,000 pixels — arrival, accommodations, weddings, spa, dining, the social feed, the events calendar — sequenced like the drive in. The dining page gives every restaurant its own scene, from Don Manuel's to El Farallon on the cliff ledge.

The Resort at Pedregal homepage — the full page from cliffside hero to booking

hover to scroll

The homepage — 15,000 pixels from tunnel to booking

Dining page — Don Manuel's, El Farallon, The Beach Club, and Crudo, each with its own booking module

hover to scroll

Dining — every restaurant gets its own scene

03 · Rooms & the peninsula

Seclusion framed as structure,
not a bullet point.

Every room and casita gets photography that earns its rate — private pool, private terrace, private path, shot and framed as features of the architecture. And because the room is only half the sell, Baja itself runs as a page: whale sharks, Espíritu Santo, sunrise paddle boards under the Arch.

Rooms & Suites page — Ocean View rooms alternating with full-bleed photography, each with plunge pool

hover to scroll

Rooms & suites — 856 ft² is where it starts

Things to do page — paddle boarding at the Arch, whale sharks, Espíritu Santo island

hover to scroll

Things to do — the peninsula as an amenity

04 · Two brands under one roof

The spa and the weddings
got their own front doors.

Luna y Mar Spa and Memories at Pedregal each carry their own mark, their own palette, their own navigation — designed as sub-brands inside the same system. The wedding funnel runs as a parallel track for the planners who book the property whole, while direct bookers keep the compressed path.

Luna y Mar Spa page — its own logo and identity, treatments, salon, and fitness center

hover to scroll

Luna y Mar — the spa as its own brand

Memories at Pedregal weddings page — venues, services, and celebrations under its own mark

hover to scroll

Memories at Pedregal — the parallel wedding funnel

05 · The full system

From packages to the events
calendar, every page held the line.

The wave-cut section breaks, the brand's looping monogram as watermark, gold headers over white, photography doing the talking — the system stayed intact across every template in the site.

Vacation packages page — infinity pool hero and the seasonal offers mosaic

hover to scroll

Vacation packages

Offers as a mosaic, not a rate table

Los Cabos photo gallery page — resort, rooms, dining, spa, and wedding mosaics

hover to scroll

The gallery

Seven photo collections, one long scroll

Calendar of events page — cliffside sunset dining hero over the month grid

hover to scroll

Calendar of events

Torch-lit dining above the month grid

The result

Arriving at Pedregal feels
different. Now the site does too.

The site respects the property's principal asset — that getting there feels like nowhere else in Cabo — and lets that difference do the selling. The integrated campaign took HSMAI Adrian Award Gold in 2017, and the property has since carried the same arrival into its Waldorf Astoria era.

“When the arrival is the product, the website's job is to start the drive through the tunnel early.”

Have a property that sells itself in person but not online?

SUUR designs and ships hotel platforms end to end — brand, UX strategy, and the build.

Start a Project