6 formas de diseñar una web para un restaurante

webs de restaurantes inspiracion diseno website

Detalles de una web para un restaurante responsive.

Como ya estamos acabando el Máster de Diseño Web de este año en Gauss Multimedia, ahora queda por delante un largo verano (o corto, según se mire) para revisar trabajos y corregir errores. Uno de los proyectos finales para este curso 2015/16 era o bien el diseño de una web para un restaurante o bien la de un magazine de cine.

Para aquellos alumnos que se han decantado por desarrollar la web de un restaurante, dado que con la entrada del calor se han podido quedar un poquito bloqueados sobre qué camino seguir, hemos preparado este post para mostrar una serie de referencias que pueden servir de inspiración (y para poner punto y final al bloqueo mental).

Crear una web para un restaurante es una tarea muy interesante, pues nos permite jugar con los elementos de la marca sin necesidad de aplicar demasiado contenido. Así pues, podemos diseñar un website muy limpio y con la posibilidad de plasmar su imagen corporativa al 100%, haciendo que la web se convierta en otra de las aplicaciones de la identidad del restaurante. La coherencia es clave en estos momentos.

En el caso de que el restaurante para el que vayamos a trabajar no tenga una identidad muy definida, tendremos que ser nosotros los que tengamos que empezar esa labor de branding e iniciemos la labor de «crear marca» a partir de, entre otros muchos aspectos, las necesidades y expectativas del cliente.

1. Arzábal Foodtruck: iconografía y color

Este ejemplo nos muestra claramente una forma de plasmar la identidad corporativa en el diseño de la web a través del empleo de una iconografía común. Han desarrollado una serie de iconos que son empleados en todas las aplicaciones de su identidad corporativa: aparecen en todos sus elementos, desde la carta hasta el packaging y, por supuesto, en la web también hacen acto de presencia. La forma de aplicar estos iconos de forma coherente en la web hacen que ésta sea totalmente representativa de la marca.

webs de restaurantes inspiracion diseno website

webs de restaurantes inspiracion diseno website
webs de restaurantes inspiracion diseno website

2. Corner House: el dorado como hilo conductor

En el ejemplo de Corner House podemos ver que han dejado de lado totalmente las ilustraciones de la identidad corporativa, pero han utilizado el color como hilo conductor. Puesto que prefirieron poner imágenes en vez de ilustraciones en la web, algo muy común en esta clase de trabajos, todas esas fotografías han sido tratadas con un toque de color que permite al usuario asociar rápidamente la web a la marca. Además, en este caso, el uso del dorado se encuentra presente en los detalles de todo el site.

webs de restaurantes inspiracion diseno website
webs de restaurantes inspiracion diseno website

3. Catch & Release: paleta de color

En el ejemplo de Catch & Release se ha optado por crear una paleta de color que encaja perfectamente con las coloridas ilustraciones existentes en las aplicaciones impresas de la marca. Tomando como base el color de las ilustraciones se elaboró una paleta de colores, que es la que están empleando para diseñar la web. A diferencia del ejemplo anterior, en este caso estamos hablando de un conjunto de colores como elemento unificador e identificativo.

webs de restaurantes inspiracion diseno website
webs de restaurantes inspiracion diseno website

4. Santa Monica Yatch Club: blanco y negro, y superposición de color

Para la web del restaurante de este club de yates se creó una identidad que se centraba en el uso de fotografías en blanco y negro a las que se aplicaban unas formas de color rojo o azul superpuestas. En este caso, el site muestra, por un lado, fotografías del local y por otro lado, imágenes de los platos en sí. Al tratarse de comida, haber jugado sólo al blanco y negro era demasiado arriesgado, pues podían quitarle demasiado protagonismo a los platos, por lo que optaron por combinar fotografías en blanco y negro con otras en las que se utilizaba la superposición de color, o sea que también en la web acabaron usando la misma técnica de multiplicar que habían empleado en el resto de la identidad.
webs de restaurantes inspiracion diseno website
webs de restaurantes inspiracion diseno website

5. Tenuta: ilustración

Aunque este ejemplo no es de una web para un restaurante, sí seguimos hablando de comida. Para la elaboración de la identidad de Tenuta han seguido el estilo de ilustración que caracteriza a la marca. Tenuta se desarrolla a partir de una ilustración muy detallada; por ello, el resto de la imagen corporativa se ha basado en ilustraciones realistas de cada uno de los animales de los que proceden los embutidos. Estas mismas ilustraciones se han empleado también en la web como recursos para categorizar las diferentes secciones.

webs de restaurantes inspiracion diseno website
web para un restaurante - inspiracion diseno website
webs de restaurantes inspiracion diseno website

6. Crudo: lettering, color y foto

Está claro, como hemos visto en estos ejemplos, que el color es un elemento fundamental en la creación de identidad: conservar el color corporativo es esencial para que la web se identifique con la marca. En el caso de Crudo, van un paso más allá, y no sólo conservan el color, sino que para toda su identidad han utilizado una estructura consistente en la combinación de imágenes con letterings. Esta fórmula la han respetado también en el desarrollo de la web: color+imagen+lettering.

webs de restaurantes inspiracion diseno website
web para un restaurante - inspiracion diseno website

Después de esta entrada, esperamos que los alumnos de Web de Gauss Multimedia tengan más claro por dónde empezar a plantearse una web para un restaurante, puesto que es algo muy concreto, pero imprescindible para cualquier establecimiento.

¡Estamos deseando ver los resultados de nuestros alumnos!

Dinos lo que piensas

Tu email no se mostrará ;)