← All work
01 · Case study · Kaban Hotel & Casino, Boracay · Tangible

A resort website that gets you from check-in to the casino floor without getting lost.

Kaban is Boracay's first hotel-casino, with 88 rooms, a 2,000 m² casino floor and seven dining concepts at Station 0, beside the upcoming Boracay Central mall. I took it from brand identity to the full website, desktop and mobile, and designed every page along the way. It opened in September 2026.

My role
Lead designer, end to end: identity, sitemap & IA, UX/UI for desktop and mobile, and the web design system
Studio
Tangible, with consultants and the client team
Scope
11 page templates, mobile versions, an interactive resort map
Launched
Live since Sept 2026 · kabanboracay.com ↗
kabanboracay.com
Full Kaban homepage: casino hero, quick links, booking bar, interactive map, featured deals and footer
Kaban mobile homepage, full length
Desktop and mobile homepage · scrolls header to footer · hover to pause
Visit the live site ↗ Open the Figma file ↗
The 30-second version
Problem

One resort, a dozen businesses and very different guests. Holidaymakers, first-time players, high rollers and overseas visitors each came looking for something else.

What I did

Built the brand, then a sitemap of six clear doors (Stay, Dine, Shop, Experience, Play and Deals) with booking, rewards and an interactive map always in reach.

Result

Live with the soft opening on 16 September 2026, ahead of the grand launch on 11 October, as Boracay's first hotel-casino.

How might we

"How might we help guests who came for very different things, from a beach holiday to a first bet to VIP privacy, find their way before they book and once they arrive?"

01 · The opportunity

Very different guests, one resort, and a front door that had to sort them fast.

The outcome we were after

Turn curiosity about Boracay’s first hotel-casino into stays, meals and visits.

Job · Holidaymaker

When I’m planning a Boracay trip, I want rooms, food and things to do in one place, so I can book without juggling ten tabs.

  • Six clear doors: Stay, Dine, Shop, Experience, Play, Deals
  • A booking bar under every hero
Job · First-time player

When I’m curious about the casino but have never played, I want a safe way in, so I can try it without feeling out of place.

  • Packages written for who you are
  • Responsible gaming right beside Play
Job · Guest on site

When I’m inside a resort I don’t know, I want to find the bar, ATM or concierge fast, so I don’t spend my holiday lost.

  • An interactive map with 20+ zone cards
  • Chat and four languages on every page

What I left out: room-size comparisons up front. Leading with the experience kept Kaban from being judged side by side with the beachfront chains.

Jobs framed from our research. Each arrow is a bet we designed and shipped.

02 · The challenge

An integrated resort is a small city. The website had to be its front door and its map.

Guests arrive with very different missions, and the resort spreads across hotel wings, a casino wing and rooftop bars, with the Boracay Central mall opening next door. The site had to sort people fast, sell the experience, and help them find their way once they're inside.

Holidaymakers
Want rooms, food and the beach. The casino is a bonus, not the reason.
First-time players
Curious but unsure. Need a gentle way in, and to know how to play safely.
VIPs & high rollers
Expect priority, privacy and a concierge, not a contact form.
Overseas visitors
Browse in their own language and reach the resort on WeChat and chat.

03 · Sitemap & IA

Organised by what guests came to do, not by how the business is run.

Home
Deals
Monthly spotlights
Stay packages
Stay
Rooms
Premium rooms & suites
Hotel amenities
Dine
Casual
Specialty
Bars & cafés
Shop
Kaban Shop
Boracay Central
Experience
Sports bar
Executive lounge
Spa & gym
Meetings
Play
Casino
Responsible gaming
Kaban Privilège
Earn & redeem
VIP perks
Book now
Always in the nav

Two levels, never three. Language switching, login and search sit in the utility bar; chat support floats on every page.

04 · From brand to web

"Where Stars Win": a star made of playing cards, carried into every screen.

Midnight Treasure palette
Where Stars Win

Deep night purples for the casino, island blues for the resort, and gold for anything worth winning. Lexend Zetta's wide caps for headings, Gotham for reading.

Design decisions

Interactive resort map showing hotel wings, casino, bars, restaurants, concierge and amenity icons Map pop-up for the Main Concierge: location, open 24/7 and services
Decision 01 · Wayfinding
Put the resort map on the homepage.

The resort is a maze of wings, so the homepage carries an interactive map. Every zone opens a card showing where it is, its hours and its services, from the Sky Bar to the 24/7 concierge. Amenity icons mark ATMs, baby rooms, Wi-Fi and parking.

Decision 02 · Packages
Sell packages by who you are, not what's included.

Each stay package opens with the guest it's for, like "You are a first-time visitor eager to try it all" or "You are a casual player looking for a fun getaway". Then come three perks and two buttons: Book now or Learn more. Guests pick themselves before they compare prices.

Exclusive Casino Stay Packages: Casino Explorer, Stay and Play, and Weekend Warrior, each with a guest description, perks and buttons
Responsible Gaming page: awareness, support, limits, self-exclusion, limit setting and reality checks
Decision 03 · Responsible gaming
Make playing safely as easy to find as playing.

Responsible gaming sits right beside the casino in the Play menu and in every footer, instead of being buried in legal pages. Six plain-language tools, from limit setting to self-exclusion, then real helplines, ending on "Take control. Play responsibly."

Decision 04 · Booking & rewards
Keep "book" and "earn" one step away, everywhere.

A booking bar with check-in, check-out and guests sits under every hero, and Book now never leaves the navigation. Kaban Privilège ties it together: every game, meal, stay and purchase earns points, so the rewards page explains earn, play and redeem in three steps.

Deals
Deals page with best deal of the month, booking bar, featured offers, monthly dining spotlights and stay packages
05 · Outcome

One brand and one front door for a whole resort, now live.

Kaban soft-opened on 16 September 2026 and holds its grand launch on 11 October, covered by GMA News, Philstar and Manila Bulletin as Boracay's first hotel-casino. The "Where Stars Win" identity and the five-card star travelled with it into the press.

11
page templates, desktop and mobile
20+
zones mapped, each with its own info card
1st
hotel-casino on Boracay. The site went live at the soft opening on 16 Sept 2026

06 · How we’ll know it works

Live since September, so the numbers are starting to come in.

Measures · early signals follow Google’s HEART framework
Early signals
Adoption

Share of visits that start a booking from the hero bar

Engagement

Map zones opened per visit

Task success

Package page to booking click-through

Business results
Business

Direct bookings through the website, month on month

Retention

Kaban Privilège sign-ups from the site

Roadmap
Now

Live since the 16 September soft opening, ahead of the 11 October grand launch.

Next

Read the first months of analytics on the map, booking bar and packages, and tune what isn’t pulling its weight.

Later

Link the map to Boracay Central as the mall next door opens.

07 · What I learned

When you can't win on location, you win on perception. And the website is where perception is formed.

Kaban is landlocked, set back from the beach and surrounded by Boracay's big hotel chains. Guests can't see the sea from it, so the decision to stay has to be made somewhere else: on a screen, before they ever arrive. Inspired by the playful luxury of brands like W Hotels, we leaned on what people feel, not just what they get.

Category, not comparisonBeing Boracay's first hotel-casino let Kaban create its own category. People judge new things by the frame they're given, so the site leads with "a world of excitement" rather than room sizes that invite a side-by-side with beachfront chains.
Lower the risk of the unfamiliarA first casino feels risky to first-timers. Packages that say "You are a first-time visitor", a visible responsible-gaming page and a 24/7 concierge all reduce uncertainty, and reduced uncertainty is what turns curiosity into a booking.
Make the invisible visibleGuests can't experience a spa, a sky bar or seven restaurants from afar. The interactive map and well-told amenities do that work. What people can picture, they value.

Branding gets the first look. UX turns that look into trust, and trust into a stay.