Concept project: fictional business

A Lisbon tavern homepage built to fill tables

Taberna da Poupa is a fictional family tavern in Alfama, Lisbon, made up to show how we work. Its site, in Portuguese and English, is built to turn people reading the menu into booked tables, including on the busy fado nights.

Trade
Restaurants & cafés
Location
Lisbon, Portugal
Main goal
Table bookings and group enquiries
Languages
PT / EN

Opens the demo site. It's a fictional business, so forms and buttons won't contact anyone.

The brief

A good tavern on a hidden square

Taberna da Poupa is a made-up tavern on a small square in Alfama, run by the same family since 1971. In our imagined brief, new guests find it on Google Maps or walk past on the way down from Tram 28, but they can't see the menu, the prices or whether there's a table tonight. The fado nights on Thursdays and Saturdays fill up first, and the phone rings all day with the same few questions. The new site had to show the menu and the dish of the day with prices, in Portuguese and English, and let people book a table online without calling.

Who the page is for

Neighbours checking today's dish, and visitors to Lisbon planning a dinner or a fado night, usually on a phone and often in English. Plus anyone organising a team dinner or birthday for 10 to 24 people.

Anatomy of the page

Anatomy of a restaurant site that fills tables

This is the homepage of a two-language Local Plus site: 10 sections, from the top of a phone screen down.

Taberna da Poupa — Concept project: fictional business
  1. Headline, two buttons and a live status line

    “The little square where Alfama comes to eat.” sits beside a photo of the terrace. Under it: “Book a table”, “See the menu”, a line that says whether the tavern is open right now in Lisbon time and what today's dish is, and three reasons to trust it: the same family for three generations, fish from the market every morning, and no card needed to book.

  2. Dish of the day, one tap per day

    Seven day buttons, Monday to Sunday, open on today. Each day shows its dish, a short description and a price from €10.50 to €13.50, with a button to book that day. Next to it sits the €14.50 weekday lunch menu with its own “Book lunch” button.

  3. The menu in four tabs

    Petiscos, grill, desserts and wine. Every dish keeps its Portuguese name and gets a one-line description and a euro price. Vegetarian dishes are marked, and an allergy note sits next to another “Book a table” button.

  4. Photos, then the fado nights

    Four captioned photos, from the charcoal grill to dessert, lead into the fado section: Thursdays and Saturdays from 9.30pm, no cover charge for the music, and the next four fado dates as buttons that open the booking form.

  5. The two-step booking card

    Step 1 asks how many people (1 to 8), which day and which time, split into lunch and dinner. Step 2 asks for a name, a mobile number and, if you like, an email and any requests. It ends with a summary and an “Add to calendar” file. Groups of more than 8 are pointed to the Adega.

  6. The Adega, for groups of 10 to 24

    A stone wine cellar under the tavern, with three set menus at €28, €38 and €55 per person and a short enquiry form. The form promises a reply within one working day.

  7. Sample reviews, directions, hours and FAQ

    Three reviews, clearly labelled as sample content. Then how to get there: a four-step walk from Tram 28, the metro, taxi and parking options, a map link, opening hours with today highlighted, and the phone number. Seven short answers close the page, from the cover charge to wheelchair access.

Why it gets calls and bookings

Five decisions that turn visits into bookings

Booking opens on the next free day

The booking card starts on the first day that still has free tables, so the times are already on screen. Shortcuts for today, tomorrow and the next fado night sit above the date, and times that are taken are greyed out and marked “full”.

Every book button fills in the form

Tap the book button under a dish of the day, the lunch menu or a fado date, and the form opens with that day chosen. The lunch menu picks 13:00 and fado nights pick 20:00. If that time is full, the form picks the nearest free time and says so, instead of changing it quietly.

Prices before anyone has to ask

Every dish and wine shows a euro price, including VAT. The couvert is explained: bread and olives cost €2.50 per person, and only if you eat them. The group menus show one price per person, so there are no surprises at the end of the meal.

Take the worry out of booking

Next to the form, three short promises: no card and no deposit, the table is held for 15 minutes, and cancelling is free by replying to the text. The form only needs a name and a mobile number, and the phone number is right there for people who would rather talk.

The next step is always under your thumb

On phones, a bar with Call, Menu and Book a table slides up once the hero buttons scroll away. It steps aside over the booking and group forms and while you type, so it never covers a field. On bigger screens, the header with its Book button stays at the top instead.

Measured scores

  • 93Performance
  • 100Accessibility
  • 100Best practices

Google Lighthouse, mobile, simulated 4G, measured on 19 September 2026. SEO isn't scored: concept demos are deliberately hidden from Google (noindex), which Lighthouse counts against them. Run it yourself on the live demo.

Build notes

  • Hand-written HTML, CSS and JavaScript with no framework: 84 KB of CSS and JavaScript before compression, 21 KB gzipped. No tracking scripts, no cookies, and the forms send nothing anywhere.
  • 8 photos, all AI-generated, in AVIF with WebP and JPEG fallbacks, in 3 or 4 sizes each for different screens. Only the hero photo loads straight away; the other 7 load as you scroll.
  • DM Serif Display for headings and DM Sans for everything else. Both are self-hosted, 3 files and 86 KB in total, with no calls to Google Fonts.
  • Colours taken from the street outside: azulejo-tile blue, limewash off-white, Tram 28 yellow for every booking button, and a deep wine red for the fado nights.
  • Accessibility: a skip link, tabs you can move through with the arrow keys, a real label on every field, error messages next to the field they belong to, buttons at least 44 px tall, and animations off for people who ask for reduced motion. Without JavaScript, the menu and the week of dishes show as plain lists.
  • Local Plus package: two languages, European Portuguese and English, with a switch that keeps your place on the page. The demo is the homepage only; a full site could add pages such as private events or the full wine list, up to 12 in total, and live bookings would run through a booking tool you choose (its fees are yours).
Palette
Typefaces
DM Serif Display + DM Sans

The package it represents

Local Plus

This concept is the kind of site you get with Local Plus: £2,490 to build, then from £39/month for care. Interactive extras, such as calculators and estimators, are quoted separately.

Websites for Restaurants & cafés →

Free homepage preview

Want a site like this for your restaurant?

Tell us about your restaurant and we'll design your new homepage first, free and with no card needed. You only pay if you want to go ahead.

  • No card needed
  • Your domain in your name
  • Cancel care any time after 3 months