Case study · W-06 · Website · Reservations
A bar site that sells the evening, not the menu.
Bohemians, Indiranagar: a dark, image-led restaurant and bar site with four menu sections, a gallery and table bookings through WhatsApp.
- Menu sections
- 04
- Gallery plates
- 08
- Booking
- Open until
- 00:30
Write-up
01 · The brief
A restaurant and bar in Indiranagar that describes itself as food, art and nightlife in one room. Its competition is not the restaurant two doors down; it is every other plan someone could make on a Friday night. So a menu-first site was never going to work.
The brief was atmosphere first: make the page feel like the room, and only then answer the practical questions — what is on the menu, what does it cost, and how do I get a table.
02 · What I built
One dark, image-led page. A photograph of the table fills the first screen, the name sits on top of it, and the only two actions are “explore menu” and “reserve table”. Below that: eight food categories, six signature dishes with prices, the full menu in four sections, four things that make the place different, an eight-plate gallery, the cocktails, and a booking form.
The booking form is the part that took the most thought. It asks for a name, a phone number, a date, a time and a party size, then hands the whole thing to WhatsApp as a written message. There is no booking system, no account, and nothing to maintain — the venue’s existing phone answers the request, and the guest gets a reply in the same app they already use.
03 · What’s on the page
- A warm paper-and-burgundy palette with a serif display face, instead of the usual black-and-neon restaurant look
- Photographs used full width, with text set over them only where contrast survives
- Prices in rupees for every dish, including the cocktails, so nobody has to ask
- A gallery built from the room and the plates rather than stock photography
- Address, hours and a Google Maps link in the footer, matching the listing elsewhere
04 · What I’d fix next
The page weighs about 9.2 MB on a phone and scores 79 on Lighthouse accessibility, both measured on 22 Oct 2026 with mobile throttling. The weight is the photographs, served far larger than they are displayed. The accessibility score is the booking form: several fields have no label, the two dropdowns have no accessible name, and one button is a picture with nothing written on it. A screen reader user reaches the booking form and cannot tell what to type where — on the one part of the page that turns a visitor into a customer.
The share card is also broken in a quiet way: the Open Graph image is set as a relative path, so when the link is pasted into WhatsApp or LinkedIn, the preview has no picture. It is a one-line change and it matters more for a venue than for most sites, because the share is how plans get made.
05 · What it means for your site
For a venue, the site has one job before the menu: make someone want to be there tonight. Do that with one honest photograph and one obvious way to book, then make sure the link preview carries a picture — because the first time most people see your site is in a group chat.