A reservation-focused landing page for a premium Latin fine dining restaurant in Hell's Kitchen, Manhattan. Magazine-inspired editorial design with a gold and dark color palette.
This page was designed mobile-first. Here's how it looks on a phone.
This is a premium Latin fine dining restaurant in Hell's Kitchen, Manhattan — one of the most competitive dining neighborhoods in the world. They have incredible food, a stunning interior, and a loyal following. But their online presence was doing none of that justice. The landing page was basically a plain page with a booking widget slapped on it, and mobile users (who make up about 70% of their traffic) had a particularly rough experience trying to make a reservation.
The brief was to build a page that feels like the restaurant itself — warm, editorial, luxurious — and makes booking a table the easiest thing in the world. Every decision I made on this project came back to that dual goal: match the in-person experience digitally, and make the reservation path as smooth as possible.
The restaurant's biggest problem was the gap between their physical experience and their digital one. Walk into the restaurant and you're hit with this beautiful space — moody lighting, Latin music, gorgeous plating, warm hospitality. Then look at their landing page and it was... generic. White background, a stock photo, a booking widget, and not much else. There was a complete disconnect between what the restaurant actually is and what the page communicated.
The mobile situation was even worse. With 70% of their traffic coming from phones (which makes sense — people search for restaurants while they're out, walking around Manhattan, getting recommendations texted to them), the booking experience on mobile was clunky. The widget wasn't properly sized, the page loaded slowly, and the overall feel was "default template" rather than "premium dining." People were literally bouncing to make reservations through other channels instead.
There was also the challenge of standing out in Hell's Kitchen. This neighborhood has dozens of excellent restaurants within a few blocks, and many of them are investing in their online presence. A generic-looking page doesn't cut it when your competitors are putting real effort into their digital experience.
I designed this page like a food magazine spread, not a restaurant website. That distinction matters. A magazine spread uses dramatic typography, generous whitespace, curated photography, and a deliberate content rhythm that draws you through the story. That's exactly how I structured this page — each section unfolds like a new page in a feature article about the restaurant.
The triple-font typography system was central to getting the editorial feel right. Playfair Display handles the headlines — it's a display serif that carries the drama and elegance the restaurant deserves. Montserrat covers navigation, kickers, and buttons — clean and geometric, providing the modern UI precision you need for things like booking CTAs. And Lora handles all the body text, especially the menu descriptions and chef's philosophy sections, where you need excellent readability with editorial character. Three fonts is unusual for a landing page, but for this project, using fewer would have meant sacrificing the editorial richness that makes it feel premium.
The gold and dark palette (#CE8946 on #1B1B1B) was pulled directly from the restaurant's interior — their lighting fixtures, leather banquettes, and brass details all use warm gold tones against dark surfaces. Translating that to the page meant the digital experience immediately feels connected to the physical one. A reservation CTA in gold on a dark background doesn't just look good, it feels like an invitation.
For the menu section, I wrote it like ingredient storytelling rather than a standard menu list. Instead of just listing dishes and prices, each highlight includes the inspiration and key ingredients described in a way that makes you want to taste them. That's the editorial approach — make the food sound as good on screen as it tastes on the plate.
A gold and dark palette inspired by the restaurant's interior. The typography system uses three fonts to create the layered editorial richness expected in luxury hospitality design.
Warm gold tones on dark backgrounds, mirroring the restaurant's candlelit ambiance and brass details.
A three-font editorial system where each typeface serves a distinct role in the visual hierarchy.
Post-launch performance compared to the previous page, measured across the same traffic sources and time period.
The most important lesson from this project is that a restaurant's landing page should feel like the restaurant itself. That sounds obvious, but almost nobody does it. Most restaurant sites feel like they were built from a template with a logo swap and some food photos dropped in. This page looks and feels like the actual dining experience — the warm golds, the dark atmosphere, the editorial pacing of the content. Multiple guests mentioned the website when they arrived for their reservation, saying it made them excited for the experience before they even walked in the door.
The triple-font system was worth the effort. I'll be honest — loading three font families is something I normally avoid for performance reasons. But on this project, it was the right call. The typographic richness is what gives the page its magazine quality. You can't achieve that editorial layering with a single font family no matter how many weights you use. For luxury hospitality specifically, where the page needs to feel curated and considered, the additional font weight is a worthwhile trade-off.
The mobile booking flow turned out to be the single biggest conversion lever. That 89% increase in mobile reservations wasn't just from making the page responsive — it was from redesigning the entire mobile experience around the booking action. A prominent floating reservation button that stays visible while scrolling, touch-friendly tap targets, fast load times, and a layout that's actually designed for a phone screen rather than squeezed down from desktop. In New York, people decide where to eat while they're already out. If the mobile experience isn't seamless, you've lost them to the restaurant next door.
If your restaurant, hotel, or hospitality business needs a digital presence that matches the quality of your in-person experience, let's talk about what I can build for you.
Get in Touch