Luna de Noche, a restaurant website concept.

A website for a fictional restaurant, built to show how a place to eat can sell the night before anyone walks in: the room, the food, the menu and the people.

DemoA concept website for a fictional restaurant. Its dishes, people and story are invented; the build is ours.

Type
Website
Year
2023
Stage served
Convert
The Luna de Noche home page: a dark bar with hanging lamps and chalkboard beer menus, under the heading "Discover the finest culinary creations." with Learn More and Make Reservation buttons.

The brief.

Luna de Noche is a concept: a restaurant and bar that does not exist. The site had to do what a real restaurant site has to do: show the room and the food at first sight, let people read the menu without downloading a PDF, put a face to the kitchen, and make booking or getting in touch one step away. Its dishes, chef and story are invented.

Services used

Prices are our current rate card, so you can see what a build like this starts from. See all prices

Compare this with the other work we have built.

What we built.

  1. A first screen that sets the night

    The bar full-screen, one line of welcome, and two actions: learn more or make a reservation.

    See fig. 04
  2. The story beside the food

    Who they are and how they cook, next to a photograph of the plate.

    See fig. 01
  3. A menu you turn like a book

    The menu as a book with a cover, its pages turning with a curl, every dish with a photo, a line and a price.

    See fig. 03
  4. A showcase of the dishes

    A switch between the menu book and a wall of dish photographs.

    See fig. 01
  5. The team, then the door

    The kitchen team, a contact panel, a newsletter sign-up, and a contact button on every screen.

    See fig. 05

The build, screen by screen.

Screenshots of the build, taken when it was online. Select any screen to see it full size.

The Luna de Noche story section: a photograph of avocado and tomato on toasted bread beside the heading "Our story", then the heading "Luna de Noche’s menu" with a Showcase and Menu switch above a row of dish photographs.
Fig. 01Our story, and the menu switch
The Luna de Noche menu shown as a closed book: a black cover with a gold border and the script title "Luna De Noche, a world of flavors crafted with passion and cares".
Fig. 02The menu book, closed
The Luna de Noche menu book open with a page turning: dishes such as nasi briyani, an omelette, topokki and curry fish, each with a photograph, a short description and a price.
Fig. 03The menu book, mid page-turn
The Luna de Noche home page: a dark bar with hanging lamps and chalkboard beer menus, under the heading "Discover the finest culinary creations." with Learn More and Make Reservation buttons.
Fig. 04The first screen: the bar, and a reservation
The whole Luna de Noche home page, top to bottom: the bar hero, our story, the menu showcase as a grid of ten dish photographs, meet our team with three chefs at work, a contact panel, and a dark footer with social links and a newsletter sign-up.
Fig. 05The whole home page

Tell us what's broken.

Pick where it hurts. We'll tell you which stage is costing you money, then send a written scope and price.

  • No brief needed
  • A written scope and price
  • Yours to keep either way