TriStar
Web · Hospitality · 2026

11Bauer

A hotel site that sells the neighbourhood as hard as the room.

Visit live site
Industrial Parisian hero with bold display type reading "Paris autrement, bienvenue au 11BAUER" over a Saint-Ouen street facade
Client
Hôtel 11Bauer · Best Western
Role
Design + Engineering
Timeline
2026
Stack
Next.js · Keystatic · Tailwind CSS · TypeScript · Vercel
Problem

A Best Western that doesn't want to look like one.

11Bauer is a 3-star chain hotel in Saint-Ouen, but its pitch is anti-chain: street art, raw concrete, and a neighbourhood. The brand chrome flattened all of that.

Booking engines and chain templates optimise for one thing: collapse the decision to a date picker. That works for an airport stopover. It does nothing for a hotel whose entire argument is where it sits: ten minutes from Montmartre, six from the Stade de France, two metro lines to the rest of Paris. The site had to make place legible before it ever asked for a reservation.

Transit guide listing thirteen destinations from Saint-Ouen with metro lines and travel times
The clearest competitive advantage was geographic, so it got its own information architecture: thirteen destinations, two lines, exact minutes. A timetable, not a paragraph.
Decisions

Sell the room last.

The fold leads with attitude (Paris autrement in an oversized industrial display face, set over a real Saint-Ouen facade) and the booking widget rides underneath it, not on top of it. The order is deliberate: you arrive at a feeling, then at a date picker. The Best Western credential is present but demoted to a single trust line, because leaning on the chain name would undo the entire positioning.

Every section heading carries a single highlighted phrase (vit, tout ce qui compte, y fête) so the page scans as a sequence of claims rather than a wall of marketing copy. The constraint that forced it: a hotel with no signature view has to win on voice.

Room category grid from Standard to Suite
45 rooms, four categories. One grid, signature room flagged inline.
Events section listing upcoming concerts and matches near the hotel
Nearby venues become content: concerts and matches dated by distance from the lobby.
Coworking and privatisable event spaces section
Coworking by day, privatisable by night: the same rooms sold to two audiences.
Mobile hero with the booking form stacked under the headline
Mobile keeps the order intact: headline first, booking form stacked beneath.
Engineering

Editable by the front desk, not the developer.

Rooms, events, transit times, and seasonal offers all change on the hotel's schedule, not ours, so the content lives in Keystatic and the marketing pages render it. Reception can add a Lomepal show or flip a summer discount without a deploy. The build bundles the content tree into the dynamic route traces so those Git-backed entries resolve correctly in production rather than 404-ing at the edge. The site ships bilingual (FR/EN) and hands off to the Best Western booking engine at the moment of intent.

Outcome
45
Rooms across 4 categories
13 & 14
Metro lines, one change to Paris
Live
Deployed on Vercel

The brief was to make a chain hotel feel like a neighbourhood discovery, and the structure carries that: place first, voice throughout, booking last. What I'd push further is the events feed. Right now it's curated content; tying it to a live venue calendar would make the location argument update itself.