Hotel Florida

Client: Hotel Florida
Role: Lead UI/UX Designer
Category: Hospitality / E-Commerce
Focus: Consumer Conversion, Editorial UI, Mobile-First Design
Timeline: 2017

The Challenge

Translate the distinct, vintage identity of a boutique hotel into a modern, frictionless digital booking experience. The goal was to break away from rigid, templated hospitality sites and create an immersive, editorial-style interface that drives direct consumer conversion without sacrificing usability.

The Execution

I designed a component-based editorial system that balances asymmetrical visual layouts with strict, predictable conversion funnels. By prioritizing mobile-first responsiveness and high-end typography, the interface guides the user from brand discovery directly into the booking engine with zero cognitive friction.

Editorial Brand Translation

High-end consumer products require a distinct visual language. I utilized an editorial approach—relying on heavy imagery, structured whitespace, and bold typography—to immediately establish trust and brand identity the second the user lands on the platform.

Asymmetrical Component Architecture

To avoid the sterile feel of standard booking sites, I architected a grid system that supports asymmetrical content blocks. This allows for dynamic storytelling (events, local guides, amenities) while keeping the underlying HTML/CSS structure clean and scalable.

Visual Hierarchy & Typography

Even in highly creative layouts, usability cannot be compromised. I established a strict typographic hierarchy to separate immersive brand storytelling from functional, interactive elements, ensuring the user is never confused about where to click or what to read.

01 Editorial-first homepage

Rather than leading with room listings, the homepage opens with events and culture — reflecting how real guests discover Hotel Florida.

02 Bold, brand-native visual language

The flamingo motif, vintage editorial photography, and high-contrast typography translate the hotel personality to digital with no dilution.

03 Mobile-native social layer

“Socialise with us” and the Be My Guest loyalty programme were designed mobile-first, recognising the target audience lives on Instagram.