Case study

MOOD CAFÉ RESTAURANT · Casablanca

MOOD CAFÉ RESTAURANT: a golden website, from breakfast to dinner, facing the sea

In the Old Medina of Casablanca, MOOD CAFÉ RESTAURANT keeps guests company all day long, from breakfast to dinner, by way of pastries and iced coffees. Dineora designed a website in tones of gold and chocolate that conveys this cozy atmosphere and leads in a single move to the menu, takeaway ordering and delivery.

Build my restaurant's websiteSee the live website
The MOOD CAFÉ RESTAURANT website shown on a laptop and a phone
Restaurant
MOOD CAFÉ RESTAURANT
Location
Casablanca, Old Medina
Cuisine
Café-restaurant, world cuisine
Designed by Dineora
Website, online menu, takeaway ordering, delivery

A café-restaurant for the whole day

MOOD CAFÉ RESTAURANT is a café-restaurant in Casablanca, in the Old Medina. Its menu follows the course of the day: breakfasts, breads and pastries, starters, lunch and dinner, pizzas, desserts, then coffees, hot drinks and cold drinks. One section is devoted to Ramadan, with a gourmet basket designed for the occasion.

The breakfasts go around the world, from the French-style set with pastries, bread, butter, jam and a hot drink, to the “healthy” or Tangier-style breakfast. At lunch and dinner, the choice runs from chakchouka eggs and the Lebanese assortment to linguine with seafood, risotto with prawns, flambéed John Dory or salmon grilled over embers. On the drinks side, caramel or mocha frappés sit alongside iced coffees and alcohol-free cocktails such as the Green Detox. The lemon tiramisu closes the menu on a fresh note.

Banner of the moments of MOOD CAFÉ RESTAURANT beneath a slice of cheesecake and a cappuccino

The challenge: fitting a whole day on one screen

A café-restaurant open from morning to night cannot be told like a brasserie that only serves dinner. For MOOD CAFÉ RESTAURANT, the goal was to show several moments at once, the breakfast tray, the lunch plate, the afternoon slice of cake, without losing the atmosphere of the place: a warm dining room, gilding, and the sea that the website puts forward behind a large bay window.

It also had to make a very varied menu easy to read, where international cuisine, pizzas, pastries and drinks of all kinds sit side by side, and keep ordering within reach. The Commander button therefore stays at the top of the screen for the whole visit.

MOOD CAFÉ RESTAURANT home page on a phone, with the Commander button at the top of the screen
MOOD CAFÉ RESTAURANT home page on a phone: golden title and bay window open onto the sea
Art direction board for the MOOD CAFÉ RESTAURANT website

Gold, chocolate and evening light

The palette plays on deep browns and gold, warmed by the red of the flowers and velvet banquettes and by the orange of the illuminated “MOOD’S” sign. The visuals were composed for the place: a gilded three-tier stand loaded with an omelette, a salad, flatbreads, croissants, small ramekins, grilled sausages and a bowl of fruit; beside it, an orange juice, a cappuccino with latte art, a slice of cheesecake topped with a chocolate cookie and a board of grilled meats with fries. In the background, an arched bay window opens onto palm trees and the sea at sunset.

The headings are set in a typeface drawn from the letters of the logo, in large, elegant golden capitals. The Commander button is painted in the world of the place: a parchment-colored plate, decorated with a lantern, mosaic tiles and palm leaves.

A home page that reads like a well-laid table

The home page opens with the name of the place in gold letters, beneath the promise “Saveurs d’aujourd’hui dans un lieu d’exception”. On either side, short lines frame the scene: “Cuisine généreuse et raffinée”, “Du petit déjeuner au dîner”, “Plus qu’un repas, une ambiance”, then “Vue mer, good food, good mood”. As you scroll down, the table is revealed, and a banner sums up the moments of the place: “Petit déjeuner gourmand”, “Déjeuner élégant”, “Pâtisseries maison”, “Saveurs internationales”, “Ambiance unique”.

Further down, the home page unrolls a painted menu on a dark background, each section adorned with a golden drawing and a short phrase: a cloche for “Une cuisine du monde, avec passion”, a glass for “Fraîcheur et vitalité”, a lantern for “Partage et générosité”. A “Menu” plate then rests on a table where a cappuccino, macarons, a napkin embroidered “Bon appétit” and a slice of chocolate cake are waiting, before two calmer scenes: a cheesecake in front of an orange wall bearing the name of the place, and eggs Benedict served facing the sea.

Painted menu on a dark background in the MOOD CAFÉ RESTAURANT home page: lunch and dinner, cold drinks and juices
The MOOD CAFÉ RESTAURANT ordering page on a laptop and a phone

A golden menu for takeaway or delivery orders

The ordering page opens with the title “Menu & Commander”, in golden capitals between two stars, beneath a sun-shaped medallion. The setting echoes the browns and gold of the home page: golden scrolls and palms, white flowers, steaming coffee cups, croissants and small raspberry cakes. Each section is read on a parchment-colored card, titled in royal blue capitals and closed by a cup and two croissants.

Each dish appears with its visual, its name, its price and a golden button to add it to the basket; a small arrow unfolds its description. A bar at the top of the screen gives access to every section, from breakfast to cold drinks. The customer builds the order, chooses to pick it up at the restaurant or have it delivered, and can pay online. The basket bar, framed by croissants and pastries, stays visible at the bottom of the screen.

MOOD CAFÉ RESTAURANT ordering page on a computer: golden title, palms, white flowers and coffee cups
MOOD CAFÉ RESTAURANT menu on a phone, breakfast section, with the basket bar

MOOD CAFÉ RESTAURANT's menu: a few dishes

Dishes as they appear on MOOD CAFÉ RESTAURANT's online menu, with the restaurant's own names, descriptions and prices.

See the full menu

On a phone, the same golden light

On a phone, the home page is recomposed in portrait: the illuminated sign at the top left, the Commander button at the top right, then the golden title and the bay window open onto the sea, where the lines of the place are read. The three-tier stand and the pastries take up the bottom of the screen, and the painted menu of the home page tightens into two columns.

On the ordering page, each card takes up the full width of the screen, with a large visual for each dish, from the Tangier-style breakfast to the marinated chicken tacos. The section bar scrolls along at the top, and the basket bar stays accessible at the bottom the whole time the menu is being read.

The MOOD CAFÉ RESTAURANT website on a phone resting on a set table

A website prepared for local searches

The website is built around what people type to find this place: its name, in its different forms, and the Mood Café menu. The page title, its description, its texts and its structured data present MOOD CAFÉ RESTAURANT, its Old Medina district, its cuisine and its menu in a clear and consistent way.

A detailed presentation page complements the home page, and the complete menu, from breakfasts to fruit juices, can be read as text on the ordering page. Nobody can promise a spot in Google: the work consists of giving search engines accurate, structured and consistent information.

“Menu” plate on a table with a cappuccino, macarons and a napkin embroidered “Bon appétit”, on the MOOD CAFÉ RESTAURANT home page

A website for a café-restaurant in Casablanca: breakfast to dinner, delivered or to go

A café-restaurant lives at every hour of the day: French or Tangier-style breakfast, a basket of viennoiseries, shakshuka, linguine, pizzas, cupcakes, iced coffees, and a Ramadan section that lasts one month a year. A café-restaurant website in Casablanca has to follow those hours, show some dishes in Arabic and take takeaway or delivery orders before the coffee goes cold. What Dineora brings:

  • No agency invoice. The site costs far less than a web agency, and delivery or takeaway orders go through with no commission.
  • Ready for tomorrow’s breakfast. Give the café-restaurant’s name and the menu, the images and the order pages settle in at once.
  • Gold and chocolate. Deep browns, chandelier gold, red velvet banquettes, an orange neon sign: the hushed mood of the medina, not a catalogue theme.
  • Change the menu the same day. The manager sees the site as soon as it exists, then brings the Ramadan section forward, pulls a dessert or fixes a price personally.
  • From the counter to the customer’s door. Orders arrive at the café-restaurant itself; no agency and no delivery app steps in.
  • For the medina as for Sydney. The software already serves restaurants in Rabat, Lisbon and London, in several languages and in the house’s own currency.

For a café-restaurant in the Old Medina of Casablanca, it is a site lit by the same golden light as the dining room, with its online menu and its takeaway and delivery orders.

Dineora in numbers: 0% commission on your orders · a website live in 5 minutes.

Learn more: Restaurant website builder · Online ordering system for restaurants · QR code menu for restaurants

The result: an atmosphere you can order

The MOOD CAFÉ RESTAURANT website extends the atmosphere of the place, its gilding, its pastries and its evening light, without ever drawing the visitor away from the menu. It keeps the gesture that matters within reach: ordering, for takeaway or delivery, from breakfast to dinner.

The website in pictures

Screenshots of the live website, on a computer and on a phone.

MOOD CAFÉ RESTAURANT home page on a computer: golden title, three-tier stand and arched bay window open onto the sea
Cards of the MOOD CAFÉ RESTAURANT menu on a computer, pizza, dessert and Ramadan sections
Breakfast table on the MOOD CAFÉ RESTAURANT home page: gilded stand, cappuccino, orange juice and pastries
Lunch and dinner dishes of MOOD CAFÉ RESTAURANT on a phone
Painted menu of MOOD CAFÉ RESTAURANT on a phone, then a cheesecake and eggs Benedict facing the sea

MOOD CAFÉ RESTAURANT: practical information

Address
Moods Café-Restaurant, Rue Mourabitine, Casablanca 20000
See the address on Google Maps
Cuisine
Café-restaurant, world cuisine
Services
Online ordering for pickup · Delivery · Online payment
Menu sections
Petit Déjeuner · Pains et Viennoiseries · Entrées · Déjeuner & Dîner · Pizzas · Desserts · Ramadan · Cafés · Boissons Chaudes · Boissons Fraîches & Jus
The restaurant's website
dineora.io/mood-cafe

Questions about this project

Who designed the MOOD CAFÉ RESTAURANT website?

The MOOD CAFÉ RESTAURANT website was designed by Dineora: art direction, home page, online menu and the takeaway and delivery ordering page.

Can you order from MOOD CAFÉ RESTAURANT online?

Yes. The ordering page presents the whole menu: you add your dishes to the basket, choose pickup at the restaurant or delivery, and can pay online.

What does the MOOD CAFÉ RESTAURANT menu offer?

Breakfasts, breads and pastries, starters, lunch and dinner dishes, pizzas, desserts, a section dedicated to Ramadan, coffees and hot and cold drinks.

Can a café-restaurant deliver meals without a delivery app or commission?

Yes. Delivery orders go through the café-restaurant’s own site, built by Dineora from its name. They reach the restaurant directly, with no commission to hand over.

How do you put online a menu that changes with the seasons and with Ramadan?

The owner edits sections, dishes and prices personally: a Ramadan menu can appear or disappear in an instant, with no agency involved.

More of our work

All case studies