Les Halles, restaurant in Casablanca: the website designed by Dineora

A menu laid out like the stalls of a market

Les Halles is a restaurant in the CIL district of Casablanca, which presents itself under the motto “Autour du Monde”: international cuisine, exceptional produce, homemade. Its menu is organized like a market hall, each section named after a food trade. “L’étal à partager” opens the meal, “Le maraîcher” offers the market salad with seared tuna or the burrata, “L’écailler” the sea bass carpaccio with green amlou and pistachios, the salmon gravlax or the lobster roll. “La criée du poissonnier” serves the catch of the day in a salt crust or grilled over a wood fire, and the fine sole meunière; “Le grill du boucher”, the beef tomahawk to share, seared over embers, or the duck breast.

“Le traiteur voyageur” goes around the world, from barbecue-glazed beef short ribs to osso buco tagine with Majhool dates and butter chicken. In the morning, “Nos escapades matinales” offer breakfasts named after cities, from Paris to Fez, alongside the bakery, the egg cup and the skillets. Pastry, pressed juices, coffees, teas and cocktails round out the whole.

Dining room under the glass roof and motto “Des saveurs d’ici et d’ailleurs”, then the title of the Les Halles menu

The challenge: a very large menu, a single common thread

Les Halles covers the whole day and almost every craving: breakfasts, fish and shellfish, grills, world cuisine, pastry, juices, coffees and cocktails, about thirty sections in all. The website had to give this abundance a common thread, that of the covered market, and make it readable without cutting its spirit.

It also had to set up the hushed atmosphere of a dining room under a glass roof, while keeping two simple actions within reach: ordering takeout and booking a table.

Les Halles website home page on a smartphone, with the navigation bar of green and gold medallions

Dining room under the glass roof and the Les Halles menu in three golden columns, on a smartphone

Art direction board for the Les Halles website

Bottle green, gold and glass roof: a pavilion art direction

The palette combines a deep bottle green, patinated golds and creams. The visuals created for Les Halles open on two plates separated by a diagonal of light: a roasted salmon steak, topped with crispy vegetables, tomatoes and olives, on green beans, broccoli and zucchini, and an orange entremets crowned with mango, domes of cream and coconut. Further down, a dining room under a wrought-iron glass roof, lit by globes, then an engraved still life.

The name is written in a large classic roman, with fine serifs, in ivory, above the line “Autour du Monde”. The mottos are set in widely spaced small capitals, linked by fine golden lines, and the logo depicts a glass pavilion. At the top of the screen, the Commander button takes the form of an oval green cartouche, ringed with golden laurel.

A home page that reads like an invitation to travel

The home page is explored by scrolling down. After the name and its three promises, short mottos are strung around the plates, linked by golden threads: “Voyagez avec les saveurs”, “Un lieu hors du temps”, “Recettes signatures”, “Ambiance authentique”, “Découverte & partage”, “Passion du produit”. The dining room under the glass roof then appears, with the phrase “Des saveurs d’ici et d’ailleurs, une expérience à chaque visite.” and the line “Les Halles autour du monde, tout un art de vivre.”.

Then comes the entire menu, presented as a large dark green board with golden letters, in three columns, each section accompanied by a small engraved icon. It ends on a Menu button shaped like a bronze plaque, decorated with herbs and tomatoes, set on the engraved still life.

The Les Halles menu on a dark green board with golden letters: traveling caterer, herbalist, coffee roaster, cocktail bar

The Les Halles ordering page on a laptop and a phone

An online menu for takeout ordering

The ordering page opens on a green and gold setting worked in relief: feather-like foliage, rosettes, lemon slices, wedges of cheese and a meringue tartlet, around a medallion showing the inside of a market hall and the title “Menu & Commander”. The sections sit on parchment-colored cartouches, in golden baroque frames garnished with garlic, lemon and herbs, with titles in dark red capitals. A bar at the top of the screen leads straight to the p’tit marché, the pastry chef’s display, the baker’s bakery, the egg cup or the morning escapades.

Each dish has its name, its price, a short description and an add-to-cart button. The customer builds the order, sends it to pick it up at the restaurant and can pay online. On a smartphone, the cart bar, framed with golden foliage, stays at the bottom of the screen the whole time the menu is being read.

Les Halles ordering page on a computer: green and gold setting in relief, medallion of a market hall, title “Menu & Commander”

Les Halles menu on a smartphone, “L’étal à partager” section, with the cart bar

Les Halles's menu: a few dishes

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

L'étal à Partager
Le Guacamole Monté à Table
Avocat entier écrasé à la fourchette, salsa mexicaine au piment doux, sour cream et nachos de maïs artisanaux
75 MAD
Le Maraîcher
Salade du Marché
Thon frais mi-cuit, haricots verts croquants, pommes grenailles, tomates cerises, concombre, œufs mollets, anchois marinés et oignon pickles maison
95 MAD
L'écailler
Le Carpaccio de Loup de Mer
Fines tranches de bar, vinaigrette vierge à l'Amlou vert, pistaches torréfiées, poudre d'olives noires, jus de citron et fleur de sel
120 MAD
La Criée du Poissonnier
La Pêche de Nos Côtes
Loup ou Dorade selon l'arrivage, préparation au choix: en croûte de sel marin, au four ou grillé au feu de bois
295 MAD
Le Grill du Boucher
Le Tomahawk de Bœuf à Partager
Pièce de bœuf maturé de 800 g à 1 kg, saisie à la braise, fleur de sel de l'Océan
580 MAD
Accompagnements du Grill & de la Criée
Accompagnements du Grill & de la Criée
Au choix: riz pilaf aux herbes fraîches, frites maison croustillantes, purée de pommes de terre onctueuse, purée de carottes montée au beurre, légumes du marché selon arrivage, poêlée de champignons en persillade
45 MAD
Le Traiteur Voyageur
Les Short Ribs de Bœuf Confits
Travers de bœuf premium mijotés 12 heures, laqués à la sauce barbecue maison au rub texan fumé, servis avec écrasé de pommes de terre au beurre noisette
290 MAD
Le P'tit Marché
Le Mini Burger du Boucher
Pain brioché moelleux, steak de bœuf, cheddar fondant, servi avec frites maison croustillantes
80 MAD
La Vitrine du Pâtissier
Le Mi-Cuit au Chocolat Noir
Cœur coulant chocolat grand cru Valrhona, biscuit fondant, quenelle de glace artisanale à la vanille et pointe de fleur de sel
80 MAD
Le Fournil du Boulanger
Croissant Pur Beurre
Croissant pur beurre feuilleté
10 MAD
Les Poêlons de L'artisan
Pain Perdu Brioché
Tranches de brioche dorées au beurre, cœur fondant, fruits rouges, sirop d'érable
60 MAD
Le Coquetier des Halles
Œufs à la Demande
Trois œufs au plat, brouillés ou durs selon votre préférence
30 MAD

Booking in a setting of arches and marble

The booking form opens in a dark panel titled “Réservations, votre table”. It fits on a single screen and asks for the essentials: full name, phone number, email, date, time, number of guests and special request, in parchment-colored fields. A “Réservation” button, shaped like a bronze plaque decorated with herbs and tomatoes, closes the form.

On a computer, the panel is surrounded by a geometric collage of arches, green stripes and marble, with two dishes served in green ceramic. On a smartphone, it switches to a single column, on a background of slate shards, with an olive branch and an earthenware jug.

The Les Halles website on a phone resting on a set table

On a smartphone, a navigation bar of medallions

On a smartphone, the home page recomposes vertically. The navigation moves down to the bottom of the screen, in a green and gold bar ringed with laurel, with three medallions: home, menu and ordering. The large menu board keeps its three columns, tightened.

On the ordering page, the parchment cartouches stack in one column, each dish with its name, its price and its add button. The section bar scrolls along the top of the screen and the cart bar stays fixed at the bottom.

Les Halles booking form on a smartphone, in one column on a background of slate shards

A website prepared for local searches

The website is prepared for the searches people actually make in Casablanca: a restaurant in the CIL district, a Mediterranean restaurant, a menu, a burger, a burrata, a Caesar salad, a lobster roll, a duck breast or a beef carpaccio, or directly the name Les Halles. The page title, its description, its texts and its structured data present the restaurant, its neighborhood and its cuisine in a consistent way.

A detailed presentation page complements the home page, and the full menu can be read as text on the ordering page. No website can guarantee a place on Google: the work consists of giving search engines accurate, structured information that is identical from one page to the next.

End of the Les Halles menu, Menu button as a bronze plaque and engraved still life with a glass pavilion

A website for a French and Mediterranean restaurant in Casablanca, laid out like a market hall

A French and Mediterranean restaurant that thinks of itself as a covered market, like Les Halles in the CIL district, cuts its menu into stalls: the oyster bar, the fishmonger’s catch, the butcher’s grill, the bakery, the pastry counter, plus the morning escapades. A Casablanca restaurant website has to keep those stalls recognizable, offer takeout orders for the sea bass carpaccio or the mini burger, and open reservations for a family lunch or a group dinner.

Spare yourself a studio’s invoice. The restaurant funds neither agency nor cut on its takeaway dishes; what is ordered comes back whole.
A site before the stocktake is finished. Give the restaurant’s name and within minutes there is the menu sorted by stall, the images and the order pages.
Bottle green, patinated gold, glass roof. The art direction recalls the glass pavilion of Les Halles and its globe lights, not a generic dining-room backdrop.
Today’s market, published today. A different catch, a butcher’s special, a price: the chef corrects it himself and it reads at once.
No go-between from the hall to the table. Orders and bookings arrive straight at the house, with no platform in Casablanca or elsewhere.
Casablanca, Marseille or Lausanne. The software already serves restaurants in Rabat, Lyon, London or Sydney, each in its own language and currency.

For a French restaurant in Casablanca, it is a covered market put online, stall after stall, from breakfast to dinner.

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 outcome: an elegant market hall, open from morning to night

The Les Halles website takes up what makes the place: a glass roof, a green and gold setting, a cuisine that travels, a menu laid out like the stalls of a market. It makes a very broad offering readable and keeps takeout ordering and booking within reach. A website that matches the restaurant, designed by Dineora.

The website in pictures

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

Les Halles website home page on a computer: name in classic roman, “Autour du Monde”, roasted salmon steak and mango entremets

Parchment cartouches of the pantry and the morning escapades at Les Halles, with the section bar

Mottos linked by golden threads under the two plates, Menu button and dining room under a glass roof, on the Les Halles home page

Les Halles booking form on a computer: dark panel “Réservations, votre table” in a collage of arches and marble

Les Halles: practical information

Address: 11 Rue d'Ifrane, Casablanca 20450
See the address on Google Maps
Cuisine: French, Mediterranean and world cuisine restaurant
Services: Online ordering for pickup · Online table booking · Online payment
Menu sections: L'étal à Partager · Le Maraîcher · L'écailler · La Criée du Poissonnier · Le Grill du Boucher · Accompagnements du Grill & de la Criée · Le Traiteur Voyageur · Le P'tit Marché · La Vitrine du Pâtissier · Le Fournil du Boulanger · Les Poêlons de L'artisan · Le Coquetier des Halles · Le Garde-Manger · NOS Escapades Matinales
The restaurant's website: dineora.io/halles

Questions about this project

Who designed the Les Halles website in Casablanca?

The Les Halles website was designed by Dineora: art direction, home page, online menu, takeout ordering page and booking form.

Can you order takeout from Les Halles online?

Yes. The ordering page presents the whole menu: you add your dishes to the cart, then send the order to pick it up at the restaurant, with the option to pay online.

Can you book a table at Les Halles on its website?

Yes. The booking form fits on a single screen: full name, phone number, email, date, time, number of guests and special request.

How can a Casablanca restaurant present a very long menu online?

Dineora sorts the menu into clear sections, here stalls, with images and easy browsing on a phone; the owner updates it himself, with no agency.

Can a restaurant take reservations and takeout without a platform?

Yes. Both arrive directly at the restaurant from its own site, and Dineora takes no commission on orders.