Cómo no diseñar la página web de un restaurante

Crea un sitio web de restaurante exitoso evitando estos errores.

Cómo no diseñar la página web de un restaurante

Así que vas a diseñar un sitio web para un restaurante. Debería ser fácil, ¿verdad? Al igual que hornear un pastel, hay una forma correcta y una incorrecta de hacer las cosas. Si te has propuesto diseñar el sitio web de un restaurante de la manera incorrecta, la receta es fácil de seguir.

Usa fotos terribles

Debido a sus diversos ingredientes, la comida es una de las cosas más difíciles de fotografiar bien. Piensa en un plato de espaguetis: podría estar hecho con pasta artesanal de trigo orgánico, cubierto con una salsa que contiene los mejores tomates tradicionales. Pero con una mala iluminación, el color de fondo equivocado y un enfoque deficiente, podría parecer algo sacado directamente de la cafetería de una escuela secundaria. Y luego están los detalles. ¿Qué quieres resaltar en cada plato? En mi investigación para este artículo, encontré bastantes sitios web de barbacoas con primeros planos de cuchillos cortando carne que parecen sacados de un libro de texto de medicina.

A veces, menos detalle es mejor. Con un poco de investigación y práctica, un fotógrafo aficionado puede mejorar su nivel en fotografía gastronómica. Pero si existe el presupuesto, contratar a un profesional especializado en fotografía de alimentos es la mejor opción.

Junto con las fotos de comida, el sitio web de un restaurante debe tener imágenes que capturen su ambiente. Un restaurante de lujo podría mostrar una vajilla elegante dispuesta meticulosamente sobre un mantel fino, mientras que una pizzería que organiza muchas fiestas de cumpleaños podría mostrar los juegos y otras cosas que tienen para mantener a los niños entretenidos. Las imágenes deben capturar la personalidad del establecimiento y atraer a su público objetivo.

Le Bernardin homepage hero section. The inside of the empty restaurant with fancy table settings, linen cloths, and a flower display in front of a large ocean painting that covers most of the back wall.
Es evidente por esta foto que Le Berardin es elegante. Deja los pantalones cortos y las chanclas en casa; trae tu monóculo y tu sombrero de copa.
A brown ceramic bowl of ramen showcasing ingredients like a soft-boiled egg, roasted chicken parts, onions, and seaweed.
‍Capturar un plato con líquido, como un caldo, es complicado. Esta foto de Nojo Ramen Tavern hace un buen trabajo al mostrar su ramen en esta presentación bien servida.

Haz que tu sitio no sea apto para móviles

Obviamente, todo el mundo quiere tomarse el tiempo de ir a casa, encender su computadora de escritorio y buscar el restaurante perfecto mientras sufre los efectos de un nivel bajo de azúcar en sangre.

Eh, claro...

Más personas acceden a Internet desde dispositivos móviles que desde computadoras de escritorio. Y decidir dónde comer suele ser espontáneo; si tu sitio web no está optimizado para móviles, estás perdiendo la oportunidad de compartir tu marca de manera efectiva.

Seguir las pautas del diseño responsivo significa que podemos navegar por tu sitio independientemente del dispositivo electrónico que estemos usando:

  • Usa una navegación sencilla
  • Asegúrate de que todo el contenido, incluido el menú, sea fácil de acceder
  • Elige estilos y tamaños de fuente que sean fáciles de leer
  • Asegúrate de que los botones de llamada a la acción, como los de hacer una reserva, sean accesibles y fáciles de usar
4 Rivers Smokehouse website pages displayed on 3 different iPhone screens to demonstrate its mobile-friendliness.
‍Este diseño de Mark Malta para 4 Rivers Smokehouse utiliza un diseño responsivo para una mayor facilidad de uso.

Haz que tu menú sea difícil de leer

Para crear un menú terrible, usa una fuente diminuta e imposible de leer, y amontona todo sin ninguna organización. Luego, combina todo esto en un PDF y, ¡voilà!, has creado una obra maestra de la impracticabilidad.

Como cualquier otro tipo de contenido, un menú necesita una organización lógica y un diseño agradable a la vista. Y cuando un menú solo existe en formato PDF, los motores de búsqueda no pueden rastrearlo y no aparecerá orgánicamente en los resultados. Además, un PDF añade un paso extra para el usuario: es una solución bastante torpe.

¡Así que, por favor! Olvídate de los PDF y asegúrate de que tu menú esté a solo un clic de distancia.

The menu section of the Little Miss BBQ website.
Little Miss BBQ no solo sirve una comida increíble, sino que su menú es hermoso en su sencillez.

Usa información desactualizada

El horario ha cambiado. Y el número de teléfono. Ah, y el brunch no se sirve desde 2005. Si quieres fracasar al crear el sitio web de tu restaurante, asegúrate de usar datos incorrectos para confundir y frustrar a tus clientes potenciales. Porque, ¿a quién no le encanta cruzar toda la ciudad para encontrar un restaurante cerrado cuando el sitio web decía lo contrario?

Si quieres un sitio web eficaz, asegúrate de que toda tu información sea precisa y mantente al tanto de los cambios. Tu personal de sala, que ya está harto de explicar a los clientes frustrados que ya no sirven brunch, te lo agradecerá.

El proceso de diseño web moderno

Descubre los procesos y herramientas detrás de los sitios web de alto rendimiento en este libro electrónico gratuito.

→
↗
►
↓
←
↑
Leer ahora

Haz que sea difícil encontrarte

Pongámonos un poco filosóficos por un momento. Si un árbol cae en el bosque y nadie lo oye, ¿hace ruido? ¿Qué pasa si tu restaurante es imposible de encontrar? ¿Acaso existe realmente? Vamos, pellízcate. Si sientes el pinchazo, ¡no es un sueño! ¡Despierta y haz que sea facilísimo encontrar tu ubicación!

Los buenos sitios web hacen que su información sea fácil de acceder. Y mejor aún: integran un mapa de Google para ayudarnos a obtener indicaciones rápidamente desde nuestro dispositivo móvil.

Si aún no lo has hecho, usa Google My Business para verificar tu negocio. Es tan sencillo como introducir tu información pertinente en el formulario. Es posible que alguien ya lo haya hecho, así que asegúrate de que Google tenga tus datos actuales.

Blossom Restaurant's contact page listing their information and hours beside a google map showing their location.
Blossom Restaurant integra Google Maps junto con otros detalles importantes del negocio. El botón para volver a su menú también es un buen detalle.

Evita el contenido significativo

Seguro que quieres evitar cualquier tipo de historia personal que pueda diferenciarte de la competencia, ¿verdad?

¡Error! Los sitios web geniales cuentan la historia de las personas detrás del negocio y lo que lo hace especial. ¿Todos tus ingredientes son de origen local? ¿El horno de leña para pizzas fue importado de Italia? ¿Las recetas vienen de tu infancia? ¡Cuéntanos qué te hace diferente! No tiene que ser una epopeya, solo una breve descripción que capture la esencia de lo que hace único a tu restaurante.

Pizzeria Bianco's About page telling the story behind the pizza with a closeup of a margherita pizza in the hero section.
La pizza de Chris Bianco es fantástica, pero también lo es su pasión por el oficio. Este texto cuenta la historia detrás de la pizza.

Usa una combinación de colores extraña

Todos sabemos que la mejor forma de llamar la atención de alguien es bombardearlo con una paleta de colores brillantes y contrastantes. Bueno, en realidad no, a menos que la molestia sea parte de tu marca.

Los estudios demuestran que los colores cálidos pueden abrir el apetito. Los rojos intensos y los naranjas pueden estimular la parte de nuestro cerebro que nos impulsa a comer. Piensa en todas las cadenas de comida rápida que usan el rojo en su imagen de marca.

Si alguna vez has pasado por delante de un McDonald’s, Burger King o KFC y has sentido el impulso de entrar al autoservicio, puede que el rojo haya tenido algo que ver. Esto no significa que un restaurante deba usar un fondo rojo o naranja sólido, pero pueden usarse con criterio en todo el diseño. Y asegúrate de que el diseño visual de tu sitio web sea coherente con tu marca y no tan llamativo que entorpezca la experiencia del usuario.

In-N-Out Burger's homepage showing the outside of their restaurant at night. The bright yellow and red neon lights grabbing our attention.
In-N-Out usa el rojo; esto es tanto parte de su imagen de marca como un color que estimula el apetito en todo su sitio web.

Ignora las redes sociales

Las redes sociales solo te llevarán a interactuar con clientes actuales y potenciales. ¡Qué horror!

Si alguna vez has tenido una mala experiencia en redes sociales, entiendo por qué querrías evitarlas. Pero eso no significa que debas hacerlo.

No hace falta estar en todas las redes, pero al menos ten presencia en Facebook o Instagram. Es una forma sencilla de mantener a la gente informada y promocionar eventos especiales. Si tienes a alguien en el equipo que se maneje bien, pídele que publique dos o tres veces por semana con fotos de tus platos, destacando eventos o platos de temporada.

Y ya que estamos con el tema…

Alimenta a los trolls

A closeup of a smiling, blue-haired troll head in front of a neon green background.

Aunque no esté directamente relacionado con tu web, tu presencia en redes refleja tu marca. Los berrinches en redes rara vez funcionan. Si alguien deja una crítica negativa en Yelp o cuestiona la autenticidad de tus postres, responde con un tono neutral y conciliador. También puedes pasar a mensajes privados. Quedarte hasta medianoche frente a la pantalla defendiendo tu comida ante alguien que solo busca provocarte no sirve de nada; busca "Amy’s Baking Company" en Google para ver cómo no gestionar las redes sociales.

La pluma puede ser más poderosa que la espada, pero los trolls solo se hacen más fuertes cuanto más dura una pelea en redes sociales.

Cómo diseñar la página web de un restaurante

El diseño visual y el contenido deben inspirarnos a ir. Y, al igual que los ingredientes de una receta, cada parte debe ser de calidad. No escatimes usando elementos mediocres que resulten en una experiencia sosa y poco apetecible.

¿Me he dejado algo? Comparte tus opiniones en los comentarios.


Última actualización
January 23, 2018
Categoría

Artículos relacionados

Los 10 mejores ejemplos de diseño web de salud para proveedores de todos los tamaños
Los 10 mejores ejemplos de diseño web de salud para proveedores de todos los tamaños

Los 10 mejores ejemplos de diseño web de salud para proveedores de todos los tamaños

Los 10 mejores ejemplos de diseño web de salud para proveedores de todos los tamaños

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Consejos para usar feeds RSS y potenciar tu estrategia de marketing digital
Consejos para usar feeds RSS y potenciar tu estrategia de marketing digital

Consejos para usar feeds RSS y potenciar tu estrategia de marketing digital

Consejos para usar feeds RSS y potenciar tu estrategia de marketing digital

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
13 ejemplos y plantillas geniales de landing pages para apps
13 ejemplos y plantillas geniales de landing pages para apps

13 ejemplos y plantillas geniales de landing pages para apps

13 ejemplos y plantillas geniales de landing pages para apps

Inspiración
Por
Equipo de Webflow
,
,
Leer artículo
Reescribiendo la web: Cómo optimizar sitios web para la búsqueda mediante IA
Reescribiendo la web: Cómo optimizar sitios web para la búsqueda mediante IA

Reescribiendo la web: Cómo optimizar sitios web para la búsqueda mediante IA

Reescribiendo la web: Cómo optimizar sitios web para la búsqueda mediante IA

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
<w0>Contenido pilar: qué es y por qué importa</w0>
<w0>Contenido pilar: qué es y por qué importa</w0>

<w0>Contenido pilar: qué es y por qué importa</w0>

<w0>Contenido pilar: qué es y por qué importa</w0>

Estrategia
Por
Jesse Sumrak
,
,
Leer artículo
13 mejores sitios web de inspiración para aprender sobre branding
13 mejores sitios web de inspiración para aprender sobre branding

13 mejores sitios web de inspiración para aprender sobre branding

13 mejores sitios web de inspiración para aprender sobre branding

Diseño
Por
Equipo de Webflow
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.