Étude de cas

Gioia · Casablanca

Gioia : un site noir et or pour une table italienne ouverte du matin au soir

À Aïn Chock, Gioia sert une cuisine italienne et internationale, des formules du matin aux pizzas cuites au feu de bois. Dineora a conçu un site qui dresse une grande table dès le premier écran, présente une carte foisonnante sans s’y perdre et garde à portée de main la commande, la livraison et la réservation.

Créer le site de mon restaurantVoir le site en ligne
Le site de Gioia présenté sur un ordinateur portable et un téléphone
Restaurant
Gioia
Lieu
Casablanca, Aïn Chock
Cuisine
Restaurant italien et salon de thé
Conçu par Dineora
Site internet, carte en ligne, commande à emporter, livraison, réservation

Une table italienne, du petit-déjeuner au dîner

Gioia est un restaurant italien et salon de thé du quartier d’Aïn Chock, à Casablanca. Sa carte suit la journée entière. Le matin, les « ateliers du matin » proposent des formules de petit-déjeuner, comme le Réveil Matin, et des assiettes à la carte, des fruits frais aux pancakes. Midi et soir, elle s’organise en rubriques aux noms imagés : « Grains de riz » pour les risottos, dont un risotto en textures de tomates et stracciatella ; « Nos pâtes fraîches maison », des fettuccini bolognaise aux ravioli champignons et truffe ; « Au gré des marées » pour le dos de daurade grillé ou le pavé de saumon ; « Promenade en campagne » pour la milanaise de poulet fermier.

S’y ajoutent les crus comme le loup mariné au moment, les calamars à la romaine, les pizzas du four à bois, les sandwichs « entre deux mies », une rubrique pour les enfants et « Bien de chez nous... mais... », où le poulet fermier prend des saveurs marocaines. Desserts, cafés, chocolat chaud à l’ancienne, thé marocain et cocktails sans alcool complètent une carte de salon de thé autant que de restaurant.

Le défi : une carte très ample, un ton bien à elle

La carte de Gioia commence au petit-déjeuner, passe par les pâtes fraîches, les poissons et les pizzas, et glisse aussi vers la cuisine marocaine. Le site devait faire tenir cette amplitude sans perdre le visiteur, et lui offrir une porte d’entrée claire, qu’il vienne pour un brunch, pour un repas, pour emporter ou pour se faire livrer.

L’autre enjeu tenait au ton. Les rubriques de Gioia portent des noms poétiques, de « Au gré des marées » à « Terminons en douceur », et le lieu revendique une cuisine italienne et internationale. Il fallait un décor à la hauteur de cette écriture, sans transformer la carte en énigme.

Accueil du site de Gioia au téléphone, avec la barre d’icônes vert et or en bas de l’écran
Façade de Gioia et carte en ardoise sur deux colonnes, au téléphone
Planche de direction artistique du site de Gioia

Noir, or et vert bouteille : une direction artistique de grande table

La palette joue sur des fonds presque noirs, des ors cuivrés et le vert sombre de la barre de navigation. Les visuels composés pour Gioia dressent une grande table : pizza au feu de bois à la croûte tachetée, œufs gratinés dans une cocotte en fonte, viennoiseries, crêpes mille trous, coupelles de confiture et de miel, verrine de fruits et café latte au cœur de mousse, la tasse marquée au nom du lieu. Plus bas apparaissent la façade entre les palmiers, puis une table où l’huile d’olive côtoie la pizza et la corbeille de pain.

Le nom Gioia est écrit d’une grande signature au pinceau, couleur sable, et les titres de rubrique en capitales fines et espacées, accompagnés de petites icônes au trait : un plant de riz, un poisson, un four à bois, une toque. En haut de l’écran, un bandeau vert cerclé d’or et orné de feuillages porte le nom en lettres arabes et le bouton Commander.

Un accueil qui se lit comme une affiche, puis comme une carte

L’accueil se parcourt en descendant, comme une grande affiche. Il s’ouvre sur le nom Gioia, la mention « Cuisine italienne & internationale » et la phrase « Là où chaque repas devient un souvenir. », au-dessus de la table dressée. Autour des plats, de courtes annotations en capitales disent l’esprit du lieu : « Cuisine maison », « Ingrédients sélectionnés », « Saveurs d’ici & d’ailleurs », « Moments à partager », puis un encart qui met en avant les pizzas au feu de bois et les brunchs gourmands.

Au fil du défilement viennent la façade du restaurant dans un médaillon, l’encart « Expérience complète, du brunch au dîner » et la devise « Goûtez. Partagez. Souriez. ». Un bouton Menu, décoré de basilic et de tomates, mène à la suite : la carte entière présentée comme une ardoise noire aux lettres dorées, rubrique par rubrique, des risottos aux cocktails.

La page Commander du site de Gioia sur un ordinateur et un téléphone

Une carte en ligne pour commander, à emporter ou en livraison

La page Commander s’ouvre sur un décor sombre travaillé en relief : épis de blé, rinceaux dorés, tomates, olives, coupelles de graines et carafe d’huile d’olive, autour du titre « Menu & Commander ». Les rubriques sont posées sur des cartouches couleur parchemin, dans des cadres dorés sculptés de blé et de tomates, avec des titres en capitales bleu nuit. Une barre en haut de l’écran fait passer d’une rubrique à l’autre.

Chaque plat a son visuel, son nom, son prix et un bouton doré pour l’ajouter au panier. Le client compose sa commande, choisit le retrait au restaurant ou la livraison, et peut régler en ligne. Au téléphone, la barre du panier, dans le même cadre doré, reste en bas de l’écran pendant toute la lecture de la carte.

Carte de Gioia au téléphone, rubrique « Grains de riz », avec la barre du panier

La carte de Gioia : quelques plats

Des plats tels qu’ils figurent sur la carte en ligne de Gioia, avec les noms, les descriptions et les prix du restaurant.

Voir toute la carte

Réserver sur un panneau noir et cuivre

Le formulaire de réservation s’ouvre dans un panneau noir aux lettres cuivrées, titré « Réservations, votre table ». Il demande l’essentiel, sur un seul écran : nom complet, téléphone, e-mail, date, heure, nombre de couverts et demande spéciale, dans des champs couleur parchemin. Un bouton « Réservation », orné de basilic et de pain, conclut le formulaire.

À l’ordinateur, le panneau est mis en scène entre un olivier en pot et une salle aux arches éclairée à la lampe. Au téléphone, il passe sur une seule colonne.

Le site de Gioia sur un téléphone posé sur une table dressée

Au téléphone, une barre d’icônes et une carte en colonne

Au téléphone, l’accueil garde sa composition d’affiche. La navigation descend en bas de l’écran, dans une barre vert et or qui réunit trois icônes : l’accueil, la carte et la commande. La carte en ardoise de l’accueil se resserre sur deux colonnes, et le formulaire de réservation sur une seule.

Sur la page Commander, les cartouches parchemin s’empilent les uns sous les autres, chaque plat avec son visuel, son prix et son bouton d’ajout. La barre des rubriques défile en haut de l’écran, et la barre du panier reste fixée en bas.

Formulaire de réservation de Gioia au téléphone, en une colonne sur un panneau noir et cuivre
Entrées chaudes de Gioia au téléphone : calamars, féta marinée, fish and chips, soupe de poissons, avec la barre du panier

Un site préparé pour les recherches locales

Le site est construit autour des recherches que l’on fait pour sortir manger dans ce secteur de Casablanca : un restaurant italien à Casablanca, un restaurant, un café ou un salon de thé à Aïn Chock, un risotto, un pavé de saumon, un restaurant qui livre, ou simplement le nom de Gioia. Le titre, la description, les textes et les données structurées du site présentent le restaurant de façon cohérente.

Une page de présentation détaillée complète l’accueil, et la carte complète est lisible en texte sur la page Commander. Nul ne peut garantir une place dans Google : le travail consiste à donner aux moteurs de recherche des informations exactes, structurées et cohérentes d’une page à l’autre.

Un site pour restaurant italien et salon de thé à Casablanca, d’Aïn Chock au four à bois

Un restaurant italien à Casablanca qui ouvre dès le matin a deux publics : ceux qui veulent des œufs en cocotte et un café latte à neuf heures, et ceux qui reviennent le soir pour une pizza au feu de bois, des pâtes fraîches ou un loup mariné. Le site d’un salon de thé et restaurant doit présenter une carte aussi foisonnante que celle de Gioia, de la daurade grillée au choux gourmand, sans qu’on s’y perde, puis ouvrir la livraison, le retrait et la réservation.

  • Un coût à la mesure d’une salle de quartier. Pas d’agence à rémunérer, pas de part prélevée sur la pizzette ou le risotto qui part en boîte : la recette reste à Aïn Chock.
  • Le site avant l’ouverture des volets. On donne le nom du lieu et, en quelques minutes, la carte du petit-déjeuner à la pâtisserie est montée avec ses pages de commande.
  • Du noir, du cuivre, du vert sombre. L’identité reprend la grande table, la façade entre les palmiers et la tasse au nom du lieu, pas un habillage emprunté.
  • Le plat du jour change le jour même. Un arrivage de poisson, une formule du matin, un prix : le gérant le modifie seul, et c’est en ligne aussitôt.
  • Le livreur est celui de la maison. Les commandes et les réservations arrivent à la cuisine de Gioia sans plateforme ni agence entre les deux.
  • Casablanca aujourd’hui, Lisbonne demain. Le logiciel est déjà utilisé à Lisbonne, Nice ou Sydney, dans la langue et la devise de chaque adresse.

Pour un restaurant italien de Casablanca, c’est la grande table de Gioia mise en ligne, du matin au dernier service.

Dineora en chiffres : 0 % de commission sur vos commandes · un site en ligne en 5 minutes.

Pour aller plus loin : Site internet pour restaurant · Commande en ligne pour restaurant · Logiciel de réservation pour restaurant · Menu QR code pour restaurant

Le résultat : une grande table, de la carte à la commande

Le site de Gioia reprend ce que la maison met en avant : une cuisine italienne ouverte sur d’autres saveurs, une carte qui va du petit-déjeuner au dîner, un décor sombre et doré. Il rend cette carte lisible et garde à portée de main la commande, la livraison et la réservation. Un site à l’image du lieu, conçu par Dineora.

Le site en images

Captures du site tel qu’il est en ligne, à l’ordinateur et au téléphone.

Gioia — Capture du site

Gioia en pratique

Adresse
Gioia Casablanca, 160 Bd de La Mecque, Casablanca
Voir l’adresse sur Google Maps
Cuisine
Restaurant italien et salon de thé
Services
Commande à emporter · Livraison · Réservation en ligne · Paiement en ligne
Rubriques de la carte
Grains de Riz · Nos Pâtes Fraîches Maison · Au Gré des Marées · Promenade en Campagne · En Fraîcheur · Les Crus · En Température · Notre Four au Feu de Bois · Entre Deux Mies · Pour les Meilleurs · Bien de Chez Nous... Mais... · Terminons en Douceur · Ateliers du Matin - Nos Formules · Ateliers du Matin - à la Carte
Le site du restaurant
dineora.io/gioia

Questions sur ce projet

Qui a conçu le site internet de Gioia ?

Le site de Gioia a été conçu par Dineora : direction artistique, page d’accueil, carte en ligne, page de commande et formulaire de réservation.

Peut-on commander chez Gioia en ligne ?

Oui. La page Commander présente toute la carte : on ajoute ses plats au panier, on choisit le retrait au restaurant ou la livraison, et l’on peut payer en ligne.

Peut-on réserver une table chez Gioia sur son site ?

Oui. Le formulaire de réservation tient sur un seul écran : nom complet, téléphone, e-mail, date, heure, nombre de couverts et demande spéciale.

Faut-il une agence pour créer le site d’un restaurant italien à Casablanca ?

Non. Dineora crée le site à partir du nom du restaurant, carte et pages de commande comprises, et le gérant garde la main pour tout modifier.

Comment prendre les commandes d’une pizzeria ou d’un salon de thé sans commission ?

En les recevant par le site du restaurant lui-même : Dineora ne prélève aucune commission, et livraison, retrait ou réservation arrivent directement à la cuisine.

D’autres réalisations

Toutes les réalisations