SELECTED WORKS

Case Studies

https://lafayette-site.webflow.io/

SUMMARY

Elegance in Motion

The Lafayette Hotel isn’t just a place to stay. It’s a living time capsule, reimagined for the modern traveler. From its 1940s Hollywood roots, to its bold new revival, this reimagined space invites you to experience San Diego through glamour, rebellion, and reinvention.

Where the past and future party together, discover The Lafayette Hotel.

We want to...

Tell the story behind the design and the concept of the hotel throughout the years.

Celebrate the transformation,
not just the nostalgia.

CHALLENGES

What were some challenges?

The biggest challenge faced when creating this website was designing the story behind an iconic landmark that already has such a strong brand identity. The Lafayette Hotel’s brand identity is colorful and pattern-filled, similar to the design of the hotel itself, cohesive in its visual choas.

In order to represent the true history behind The Lafayette, the storytelling website had to embody the true identity behind it as well.

PROCESS

What’s behind the design?

The purpose of this website is to tell the story behind the design and the concept of the hotel throughout the years.

The idea behind the website design is that the user scrolls through the iconic eras of the hotel in sequential order, each with immersive visuals, short narratives, and interactive elements.

The process

Step 1:


Step 2:


Step 3:


Step 4:

Research the history of the hotel and begin planning the layout.

Gather information and collect imagery in sequential order.

Create website layout and design in Figma.

Build website in Webflow.



Hero Heading
Headings & Subheadings
Body Text
Color Palette

RESULTS

What are the likely results?

The intended result of this storytelling website is to inform people of the history behind this landmark, and how its past has shaped its future.

Ultimately, this site invites people who value experience, aesthetics, and story, to book a room, host an event, explore, or join the club.

Want to see more?

MY WORK

Arrow linked to About Me page.