Restauració

Un concepte de web per a un restaurant de cuina mediterrània: deixa parlar la fotografia, fa fàcil llegir la carta i porta a demanar taula sense rodeigs.

Sector
Restauració
Tipus
Web d'una pàgina
Seccions
Inici, carta, la sala i horaris
Tipografia
Newsreader i Hanken Grotesk
El concepte de restaurant a l'ordinador: el titular «Cuina de mercat, sense artificis», els botons per demanar taula i veure la carta, l'horari i una fotografia gran d'una sala blanca amb taules de fusta.

Què explora aquest concepte

Què necessita qui tria on menjar, i com hi respon una web.

Un restaurant es tria sobretot pel que es veu a taula i a la sala. Qui busca on menjar vol fer-se una idea de l'ambient, mirar la carta i saber com demanar taula.

El concepte dona l'espai principal a la fotografia, presenta la carta com un menú imprès, amb preus clars, i deixa el botó per demanar taula a l'abast en tot moment, sense efectes ni elements decoratius que distreguin.

  • Fer-se una idea del lloc amb la primera imatge.
  • Llegir la carta i els preus sense descarregar res.
  • Demanar taula a un toc, també des del mòbil.

Exploració de disseny creada per ELEVA. No correspon a cap encàrrec de client: la carta, els preus, els horaris i les fotografies són d'exemple.

Decisions de disseny

Tres decisions perquè la web s'assembli a l'experiència d'anar-hi.

Detall: tres fotografies de plats en columnes, pop a la brasa, tomàquets de temporada i musclos al vapor, cadascuna amb el nom del plat en cursiva.

La fotografia, a primer pla

Imatges grans i apaïsades de la sala i dels plats, amb un mateix tractament de color perquè es llegeixin com una sola sèrie. El text acompanya; no competeix.

Detall: la carta d'exemple en tres columnes, per començar, del mar i arrossos i postres, amb el nom de cada plat, una línia de descripció i el preu alineat a la dreta.

Una carta que es llegeix com un menú

Tres columnes, noms clars, una línia de descripció i el preu alineat a la dreta. És text de la pàgina, no una imatge ni un PDF: es llegeix bé al mòbil i es pot actualitzar en un moment.

Detall: l'horari d'exemple en una targeta clara, amb el botó «Demana taula», i al costat una fotografia d'una taula parada i l'adreça d'exemple amb el botó «Com arribar-hi».

L'horari i «Demana taula», junts

L'horari queda al costat del botó, perquè ningú hagi de buscar-lo abans de decidir. A la web d'un restaurant, el botó porta al canal que ja fa servir: el telèfon, el correu o la seva plataforma de reserves.

Identitat

Fons de pedra clara, text de color carbó i un sol accent verd oliva. Una lletra editorial per als títols i una de pal sec, molt llegible, per a la carta.

Pedra#F3EFE7
Sorra#E9E2D5
Carbó#24211D
Oliva#5A6136

Cuina de mercat, sense artificis.

Peix del dia, verdura de l'horta i oli d'oliva. Una carta curta que canvia amb la temporada.

Newsreader, una lletra editorial pensada per a la lectura, per als títols; Hanken Grotesk per a la carta, els preus i els horaris.

Una taula parada amb estovalles blanques, copes de vidre i una llimona, sota la llum del sol. Pop a la brasa en un plat blanc. Cadires de vímet i una taula rodona en una sala blanca.
Fotografies d'Unsplash amb llicència per a ús comercial (Kim Schouten, Guillaume de Germain, Paolo Bici, Molly Keesling, Iñigo De la Maza i Lisha Riabinina), amb un mateix tractament de color. Són imatges d'arxiu i no mostren cap restaurant concret.

La pàgina sencera

Desplaça't dins la finestra per recórrer el concepte de dalt a baix, tal com es veu en un ordinador.

Captura completa del concepte: inici amb la fotografia de la sala, la cuina en una frase, la carta amb fotografies de plats, la sala, l'horari amb el botó «Demana taula», l'adreça d'exemple amb «Com arribar-hi» i el peu de pàgina.

O bé obre el concepte i navega-hi.

Al mòbil

Al mòbil, la fotografia continua al davant, la carta s'ordena en una sola columna i el botó per demanar taula queda sempre a l'abast.

Inici al mòbil: el titular, els botons per demanar taula i veure la carta, l'horari i la fotografia de la sala.
La carta al mòbil: les fotografies dels plats, una sota l'altra, amb el nom de cada plat.
L'horari al mòbil, amb el botó «Demana taula» a la targeta i a la barra fixa de baix.

Captures reals del concepte en una pantalla de 393 punts d'amplada.Obre-ho al teu mòbil