Case study

La Sqala · Casablanca

La Sqala: a zellige-colored website for a restaurant in the old medina of Casablanca

In the old medina of Casablanca, La Sqala serves tagines, briouates, kemias and Moroccan breakfasts under the blue parasols of a terrace. Dineora designed a website that opens on that terrace, presents the whole menu as an illustrated menu, then lets visitors order, have a meal delivered or book a table.

Build my restaurant's websiteSee the live website
The La Sqala website shown on a laptop and a phone
Restaurant
La Sqala
Location
Casablanca, old medina
Cuisine
Moroccan cuisine
Designed by Dineora
Website, online menu, takeout ordering, delivery, table booking

A Moroccan table in the medina, from breakfast to dinner

La Sqala is a Moroccan restaurant in the old medina of Casablanca. Its sign, a white and blue ceramic tile, presents it as a restaurant, a cultural space and a Moorish café. The menu follows the whole day. In the morning, the F’tor Sqala brings together Moroccan crêpes, msemen, baghrir, harcha, eggs, cheese, olives, honey and jams; then come coffees and kahwas, teas and herbal infusions, then a late-afternoon snack with harira, dates, chebakia, msemen and baghrir.

For lunch and dinner: starters such as octopus targa or sardines stuffed with olive tapenade, kemias to share, briouates with seafood, poultry or kefta, tagines of beef shank, chicken with preserved lemon, lamb or fish, and a section called “La Semaine des Habitués” that pairs a dish with each day, such as the seffa madfouna on Monday. Next come the plancha from the sea and from the land, a children’s menu and desserts ranging from milk pastilla with orange blossom to saffron crème brûlée.

Small dishes on a blue tablecloth, then the La Sqala sign and the ramparts by the sea

The challenge: bringing people into the medina before they walk through the door

La Sqala describes itself as “un lieu entre histoire et saveurs”. The website first had to capture that setting: the terrace under blue parasols, the ocher walls, the arched doors, the painted tableware and the mint tea. A simple list of dishes would not have been enough.

It then had to put in order a menu that runs from breakfast to evening grills, with thirteen sections and several dozen dishes, and make three ways of enjoying the place easy to understand: dining in, taking a meal away or having it delivered.

La Sqala home page on a smartphone: ceramic sign, title and tagine on the terrace
Small dishes from the table, then the illustrated “Notre Menu” on a smartphone
Art direction board for the La Sqala website

Ceramic blue, ocher and orange blossom

The palette comes from the medina: the deep blue of the zelliges and the parasols, the off-white of the tiles, the ocher of the walls, the orange of citrus fruit. The visuals show a sunlit terrace lined with jasmine, a large lamb tagine with green olives whose meat is lifted above the dish, a table laden with bowls of chickpeas, zaalouk, yogurt and olives, briouates dusted with sugar, a chased silver teapot, and further on a view of ramparts by the sea.

The main headings are set in a navy blue serif typeface, crisp and classic, accompanied by italics for the atmospheric phrases. The ceramic tile sign returns from one page to the next, and the Menu button takes the shape of a blue and white cartouche decorated with lemons, flowers and a small tagine.

A home page that leads from the terrace to the menu

The home page unfolds as a series of large scenes. The first sets out the name, the line “Cuisine marocaine authentique” and three short phrases around the tagine: “Des saveurs vraies”, “Des tajines généreux”, “Une terrasse au charme unique”. Further down, the table is revealed: small dishes, briouates, bread in its basket, with “Un voyage au cœur de la médina” and “Plus qu’un restaurant, un espace culturel”.

Next comes “Des saveurs d’hier et d’aujourd’hui”, above the ramparts, then a large illustrated menu on old paper, titled “Notre Menu”, which presents each section with a drawing: a teapot for breakfast, a tagine for the slow-cooked dishes, a crenellated tower for the regulars’ week. The journey ends on a mint tea facing the hills, with “Plus qu’un repas, un voyage au cœur de la médina”.

Illustrated menu on the home page, on old paper: afternoon snack, starters and grills from the land
The La Sqala ordering page on a laptop and a phone

An online menu for ordering, takeout or delivery

The ordering page opens under the title “Menu & Commander”, painted in blue on a backdrop of ceramic tiles, blue and ocher scrollwork, oranges, white flowers and lanterns. Each section reads on a cream panel framed with blue and yellow tiles, crowned with fruit and flowers.

  • A navigation bar gives access to all the sections, from breakfast to desserts.
  • Each dish has its name, its description and its price.
  • The add button is a small ceramic tile marked with a cross, decorated with olives and citrus fruit.

Customers build their basket, pay for their order online, then choose to pick it up at the restaurant or have it delivered.

La Sqala ordering page: “Menu & Commander” title, ceramics, oranges and lanterns
“Petit déjeuner” section of the menu on a smartphone, with the midnight-blue basket bar

La Sqala's menu: a few dishes

Dishes as they appear on La Sqala's online menu, with the restaurant's own names, descriptions and prices.

See the full menu

A table booking framed by zelliges

Booking opens in a painted window: a large parchment-colored panel, bordered with blue, white and orange zelliges, titled “Réservations La Sqala”. Around it, the terrace with blue parasols, a tray of small dishes and a chicken tagine with peas; on the left, a plaque shows the telephone number, the Instagram account and the address on Boulevard des Almohades.

The form fits on a single screen and asks for the full name, telephone number, e-mail, date, time, number of guests and a special request. It is submitted with a “Réservation” cartouche in the same style as the menu button.

The La Sqala website on a phone resting on a set table

On a smartphone, the medina in portrait format

On a smartphone, the ceramic sign sits at the top left, a tiled menu button at the top right, and the title “La Sqala” settles in the middle of the terrace, above the tagine. The illustrated menu reads in two columns, then a scene of briouates and small dishes in front of the sign engraved in an ocher wall takes over.

The booking form switches to one column, in a frame of arched zelliges in front of a patio with a fountain. The ordering page keeps its ceramic panels; the section bar scrolls with a swipe, each description unfolds from a small arrow, and a midnight-blue basket bar decorated with lanterns and ceramics stays at the bottom of the screen.

“Réservations La Sqala” form on a smartphone, in a frame of arched zelliges
Entrées section of the La Sqala menu on a smartphone, below the section bar

A website prepared for searches in Casablanca

The website answers the searches of people who want to eat Moroccan food in Casablanca: a Moroccan restaurant, a restaurant in the old medina, a breakfast, a fish tagine or a Moroccan tagine, a restaurant that delivers, or La Sqala and its menu directly. Title, description, texts and structured data present the venue, its district and its cuisine in the same words.

A detailed presentation page complements the home page, and the full menu can be read as text on the ordering page. No one can promise a spot in Google: the work consists of giving search engines accurate, structured and consistent information.

End of the illustrated menu, then a mint tea and a chased teapot facing the hills

A website for a Moroccan restaurant in Casablanca: tagines, briouats, delivery and bookings

A Moroccan restaurant in Casablanca serves from breakfast to supper, and its menu runs the same hours: F’tor with msemen and baghrir, kahwas and teas, a harira snack, kemias to share, briouats, tagines, seafood and meat from the grill, a children’s menu. A Moroccan restaurant website has to open on the terrace, sort thirteen sections, then offer online tagine ordering, delivery, collection and table booking.

Here is how Dineora meets that, point by point:

  • A bill a tagine can absorb: no agency quote to recoup, and delivering a fisherman’s platter earns nothing for a third party, since no commission is taken.
  • Minutes, from F’tor to dessert: the restaurant’s name sets off the building of the menu, visuals and ordering pages.
  • Zellige, not a template: faience blue, ochre walls, orange blossom and terrace parasols set the mood of the site.
  • The Regulars’ Week is edited in a gesture: the owner swaps Monday’s dish or a price whenever he likes, and sees it instantly.
  • Table, takeaway, delivery: one door: requests and payments arrive at the house, with no delivery app or agency between it and its guests.
  • Casablanca, Nice, Sydney: passing tourists or neighbourhood regulars, everyone reads the menu in their own language, with the venue’s currency.

For a Moroccan restaurant in Casablanca, that is a site that welcomes guests before they reach the medina door.

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

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

The result: the medina within reach of a screen

The La Sqala website recovers the light of a medina terrace, its ceramics and its tagines, and organizes a menu that covers the whole day. Ordering, having a meal delivered or booking a table stay simple, on a smartphone as on a computer. This is what Dineora aims for with every restaurant: a website that looks like it, with its menu, its orders and its bookings.

The website in pictures

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

La Sqala home page on a computer: ceramic tile sign, navy blue title, terrace with blue parasols and lamb tagine with olives
Entrées, Kemias and Briouates sections on panels framed with ceramic tiles, below the section bar
Lamb tagine with green olives surrounded by small dishes, briouates and a basket of bread
“Réservations La Sqala” form on a computer, bordered with zelliges, in front of the terrace
End of the illustrated menu, then briouates and small dishes in front of the sign engraved in an ocher wall

La Sqala: practical information

Address
Bd des Almohades, Casablanca 20250
See the address on Google Maps
Cuisine
Moroccan cuisine
Services
Online ordering for pickup · Delivery · Online table booking · Online payment
Menu sections
Petit Déjeuner · Cafés & Kahwas · Thés & Infusions · Le Goûter Sqala 16h – 19h · Entrées · Kemias Petits Plats à Partager · Les Briouates · Tagines · La Semaine des Habitués · Plancha & Grillades – Côté Mer · Plancha & Grillades – Côté Terre · Spécial Enfant · Desserts
The restaurant's website
dineora.io/sqala

Questions about this project

Who designed the La Sqala website?

The La Sqala website was designed by Dineora: art direction, home page, online menu, a takeout and delivery ordering page, and a booking form.

Can you order from La Sqala online?

Yes. The ordering page presents the whole menu: you add your dishes to the basket, pay online, then pick up your order at the restaurant or have it delivered.

Can you book a table at La Sqala on its website?

Yes. A single-screen form asks for the full name, telephone number, e-mail, date, time, number of guests and a special request.

How can a Moroccan restaurant offer tagine delivery without going through a platform?

The restaurant’s own site takes the order, the online payment and the choice between collection and delivery. Everything lands in the kitchen, with no platform and no commission.

Does a medina restaurant with a breakfast-to-dinner menu need an agency for its website?

No. The venue’s name is enough to get a menu sorted by moment of the day, and the owner then corrects it personally, dish by dish.

More of our work

All case studies