Una mesa italiana, del desayuno a la cena
Gioia es un restaurante italiano y salón de té del barrio de Aïn Chock, en Casablanca. Su carta sigue el día entero. Por la mañana, los «ateliers du matin» ofrecen menús de desayuno, como el Réveil Matin, y platos a la carta, desde fruta fresca hasta tortitas. A mediodía y por la noche, se organiza en secciones de nombres evocadores: «Grains de riz» para los risottos, entre ellos un risotto en texturas de tomate y stracciatella; «Nos pâtes fraîches maison», desde los fettuccini boloñesa hasta los raviolis de setas y trufa; «Au gré des marées» para el lomo de dorada a la plancha o el lomo de salmón; «Promenade en campagne» para la milanesa de pollo de corral.
A ello se suman los crudos, como la lubina marinada al momento, los calamares a la romana, las pizzas del horno de leña, los bocadillos «entre deux mies», una sección para niños y «Bien de chez nous... mais...», donde el pollo de corral toma sabores marroquíes. Postres, cafés, chocolate caliente de los de antes, té marroquí y cócteles sin alcohol completan una carta tanto de salón de té como de restaurante.
El reto: una carta muy amplia y un tono propio
La carta de Gioia empieza en el desayuno, pasa por las pastas frescas, los pescados y las pizzas, y se desliza también hacia la cocina marroquí. La web debía abarcar esa amplitud sin perder al visitante y ofrecerle una puerta de entrada clara, ya venga a un brunch, a una comida, para llevar o para que se lo entreguen en casa.
El otro desafío era el tono. Las secciones de Gioia llevan nombres poéticos, desde «Au gré des marées» hasta «Terminons en douceur», y el local reivindica una cocina italiana e internacional. Hacía falta un decorado a la altura de esa escritura, sin convertir la carta en un enigma.



Negro, oro y verde botella: una dirección artística de gran mesa
La paleta juega con fondos casi negros, oros cobrizos y el verde oscuro de la barra de navegación. Las imágenes creadas para Gioia ponen una gran mesa: pizza al horno de leña de corteza moteada, huevos gratinados en una cocotte de hierro fundido, bollería, crepes de mil agujeros, cuencos de mermelada y de miel, una verrine de frutas y un café latte con corazón de espuma, con la taza marcada con el nombre del local. Más abajo aparecen la fachada entre palmeras y luego una mesa donde el aceite de oliva convive con la pizza y la cesta de pan.
El nombre Gioia está escrito con una gran firma a pincel, de color arena, y los títulos de sección en mayúsculas finas y espaciadas, acompañados de pequeños iconos de trazo: una planta de arroz, un pescado, un horno de leña, un gorro de cocinero. En la parte superior de la pantalla, una banda verde con aro dorado y adornada con follaje lleva el nombre en letras árabes y el botón Commander.
Una página de inicio que se lee como un cartel y luego como una carta
La página de inicio se recorre hacia abajo, como un gran cartel. Se abre con el nombre Gioia, la mención «Cuisine italienne & internationale» y la frase «Là où chaque repas devient un souvenir.», sobre la mesa puesta. Alrededor de los platos, breves anotaciones en mayúsculas expresan el espíritu del local: «Cuisine maison», «Ingrédients sélectionnés», «Saveurs d’ici & d’ailleurs», «Moments à partager», y luego un recuadro que destaca las pizzas al horno de leña y los brunchs golosos.
Al desplazarse llegan la fachada del restaurante en un medallón, el recuadro «Expérience complète, du brunch au dîner» y el lema «Goûtez. Partagez. Souriez.». Un botón Menu, decorado con albahaca y tomates, lleva a lo que sigue: la carta entera presentada como una pizarra negra con letras doradas, sección por sección, de los risottos a los cócteles.

Una carta en línea para pedir, para llevar o a domicilio
La página de pedidos se abre con un decorado oscuro trabajado en relieve: espigas de trigo, roleos dorados, tomates, aceitunas, cuencos de semillas y una jarra de aceite de oliva, en torno al título «Menu & Commander». Las secciones se colocan sobre cartuchos color pergamino, en marcos dorados esculpidos con trigo y tomates, con títulos en mayúsculas azul noche. Una barra en la parte superior de la pantalla permite pasar de una sección a otra.
Cada plato tiene su imagen, su nombre, su precio y un botón dorado para añadirlo a la cesta. El cliente compone su pedido, elige recogerlo en el restaurante o recibirlo en casa, y puede pagar en línea. En el móvil, la barra de la cesta, con el mismo marco dorado, queda en la parte inferior de la pantalla mientras se lee la carta.

La carta de Gioia: algunos platos
Platos tal y como aparecen en la carta en línea de Gioia, con los nombres, las descripciones y los precios del restaurante.
Grains de RizRisotto en Textures de Tomates, Stracciatella
Risotto crémeux aux tomates sous différentes textures, garni de stracciatella.
85 MAD
Nos Pâtes Fraîches MaisonFettuccini Bolognaise
Fettuccini fraîches servies avec une sauce bolognaise à la viande.
95 MAD
Au Gré des MaréesDos de Daurade Grillé
Dos de daurade grillé, chair délicate.
170 MAD
Promenade en CampagneMilanaise de Poulet Fermier
Escalope de poulet fermier panée et dorée, façon milanaise.
120 MAD
En FraîcheurSaumon Gravlax Maison
Saumon gravlax mariné maison, servi froid.
95 MAD
Les CrusLoup Mariné au Moment
Loup de mer mariné à la minute, servi cru.
115 MAD
En TempératureCalamars Romana, Deux Petites Sauces
Calamars frits à la romaine, accompagnés de deux sauces.
95 MAD
Notre Four au Feu de BoisLa Margarita
Pizza Margarita: tomate, mozzarella, basilic.
75 MAD
Entre Deux MiesLe Pepito
Le pepito, bien garni.
90 MAD
Pour les MeilleursPizzette Margarita Champignons
Petite pizza margarita aux champignons, portion enfant.
65 MAD
Bien de Chez Nous... Mais...Poulet Fermier
Poulet fermier préparé aux saveurs marocaines.
95 MAD
Terminons en DouceurChoux Gourmand
Choux à la crème gourmands.
50 MAD
Reservar sobre un panel negro y cobre
El formulario de reservas se abre en un panel negro con letras cobrizas, titulado «Réservations, votre table». Pide lo esencial, en una sola pantalla: nombre completo, teléfono, correo electrónico, fecha, hora, número de comensales y petición especial, en campos de color pergamino. Un botón «Réservation», adornado con albahaca y pan, cierra el formulario.
En el ordenador, el panel se pone en escena entre un olivo en maceta y una sala con arcos iluminada por una lámpara. En el móvil, pasa a una sola columna.

En el móvil, una barra de iconos y una carta en columna
En el móvil, la página de inicio conserva su composición de cartel. La navegación baja a la parte inferior de la pantalla, en una barra verde y dorada que reúne tres iconos: inicio, carta y pedido. La carta en pizarra de la página de inicio se estrecha en dos columnas, y el formulario de reservas en una sola.
En la página de pedidos, los cartuchos de pergamino se apilan uno debajo de otro, cada plato con su imagen, su precio y su botón de añadir. La barra de secciones se desplaza en la parte superior de la pantalla y la barra de la cesta permanece fija abajo.


Una web preparada para las búsquedas locales
La web está construida en torno a las búsquedas que se hacen para salir a comer en esta zona de Casablanca: un restaurante italiano en Casablanca, un restaurante, un café o un salón de té en Aïn Chock, un risotto, un lomo de salmón, un restaurante que reparte a domicilio, o simplemente el nombre de Gioia. El título, la descripción, los textos y los datos estructurados de la web presentan el restaurante de forma coherente.
Una página de presentación detallada completa la de inicio, y la carta completa se puede leer como texto en la página de pedidos. Nadie puede garantizar un puesto en Google: el trabajo consiste en dar a los buscadores información exacta, estructurada y coherente de una página a otra.
Una web para restaurante italiano y salón de té en Casablanca, de Aïn Chock al horno de leña
Un restaurante italiano en Casablanca que abre desde la mañana tiene dos públicos: quien quiere huevos en cocotte y un café latte a las nueve, y quien vuelve de noche por una pizza al horno de leña, pasta fresca o una lubina marinada. La web de un salón de té y restaurante debe presentar una carta tan frondosa como la de Gioia, de la dorada a la parrilla al profiterol, sin que nadie se pierda, y abrir reparto, recogida y reserva.
- Un coste a medida de una sala de barrio. Ninguna agencia que pagar, ningún porcentaje sobre la pizzeta o el risotto que sale en caja: la caja se queda en Aïn Chock.
- La web antes de abrir las persianas. Se da el nombre del local y en pocos minutos queda montada la carta, del desayuno a la repostería, con sus páginas de pedido.
- Negro, cobre y verde oscuro. La identidad recoge la gran mesa, la fachada entre palmeras y la taza con el nombre del local, no un traje prestado.
- El plato del día cambia el mismo día. Llega pescado, hay un menú de mañana nuevo, cambia un precio: el gerente lo edita solo y se publica al instante.
- El repartidor es el de la casa. Pedidos y reservas llegan a la cocina de Gioia sin plataforma ni agencia en medio.
- Casablanca hoy, Lisboa mañana. El software ya sirve en Lisboa, Niza o Sídney, en el idioma y la moneda de cada dirección.
Para un restaurante italiano de Casablanca, es la gran mesa de Gioia en línea, de la mañana al último servicio.
Dineora en cifras: 0 % de comisión sobre sus pedidos · una web en línea en 5 minutos.
Para saber más: Web para restaurantes · Sistema de pedidos online para restaurantes · Software de reservas para restaurantes · Carta QR para restaurantes
El resultado: una gran mesa, de la carta al pedido
La web de Gioia recoge lo que la casa pone en primer plano: una cocina italiana abierta a otros sabores, una carta que va del desayuno a la cena, un decorado oscuro y dorado. Hace legible esa carta y mantiene a mano los pedidos, la entrega a domicilio y las reservas. Una web a la imagen del local, diseñada por Dineora.
La web en imágenes
Capturas de la web tal como está en línea, en el ordenador y en el móvil.

Gioia: información práctica
- Dirección
- Gioia Casablanca, 160 Bd de La Mecque, Casablanca
Ver la dirección en Google Maps - Cocina
- Restaurante italiano y salón de té
- Servicios
- Pedidos para llevar · Entrega a domicilio · Reservas en línea · Pago en línea
- Secciones de la carta
- 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
- La web del restaurante
- dineora.io/gioia
Preguntas sobre este proyecto
¿Quién diseñó la web de Gioia?
La web de Gioia fue diseñada por Dineora: dirección artística, página de inicio, carta en línea, página de pedidos y formulario de reservas.
¿Se puede pedir en línea en Gioia?
Sí. La página de pedidos presenta toda la carta: se añaden los platos a la cesta, se elige entre recogerlos en el restaurante o recibirlos en casa, y se puede pagar en línea.
¿Se puede reservar mesa en Gioia desde su web?
Sí. El formulario de reservas cabe en una sola pantalla: nombre completo, teléfono, correo electrónico, fecha, hora, número de comensales y petición especial.
¿Hace falta una agencia para crear la web de un restaurante italiano en Casablanca?
No. Dineora crea la web a partir del nombre del restaurante, con carta y páginas de pedido incluidas, y el gerente conserva el control de cada cambio.
¿Cómo recibir pedidos de una pizzería o un salón de té sin comisión?
Recibiéndolos por la web del propio restaurante: Dineora no cobra comisión y el reparto, la recogida o la reserva llegan directos a la cocina.


















Instafood Rabat
La Sqala
Les Halles
Little Mama
Gio’s café
Grana