Aprenda con el Ejemplo 6 Lecciones para diseñar sitios web de restaurantes y comidas

El tema de hoy es delicioso: sitios web de restaurantes y comida. Las pequeñas empresas pagan las cuentas de los diseñadores independientes y los restaurantes locales pueden servir como una fuente importante de ingresos. Sin embargo, si se está embarcando en el diseño del primer restaurante, hay algunas cosas que debe saber.

En este artículo, aprenderemos con el ejemplo mientras echamos un vistazo a muchos sitios web de comida deliciosa y restaurantes. Al examinar qué hicieron estos diseñadores correctamente, ayudará a asegurar su propio éxito en esta área.

La fotografía es todo

Sitio: The Claw Bar

Me doy cuenta de que esto suena como una afirmación general o incluso una hipérbole, pero estoy hablando en serio. Con los sitios de restaurantes, la? Basura en, basura fuera? El aforismo es bastante apropiado. Si estás trabajando con inyecciones de comida fea, estás condenado desde el principio.

Como visitante de un sitio web de un restaurante, es muy probable que mi interés principal sea la comida. Tienes que venderme en el producto, y la fotografía es la manera de hacerlo. El truco es que la fotografía de alimentos es muy difícil, por lo que no puedes tomar el camino barato aquí. La mala fotografía de alimentos puede hacer más mal que bien.

Fuente: foto izquierda y foto derecha

Su trabajo como diseñador es convencer al cliente de que realmente invierta en algunas fotos geniales si aún no las tiene. Si también eres fotógrafo, esto podría incluso ganarte unos dólares extra.

Casi todos los sitios en este artículo toman este consejo, pero aquí hay algunos que lo hicieron particularmente bien:

Findus Norge

Cappelos

Culinaria

Muéstrame la atmósfera

Sitio: Au Petit Panisse

Cuando piensas en los elementos visuales del sitio, puedes sentir la tentación de pensar solo en comida. Sin embargo, el sorteo secundario para un restaurante, diablos para muchas personas el primario Dibujar para un restaurante, es el ambiente. Puedo conseguir una gran hamburguesa en cualquier lugar, ¡pero quiero comer una hamburguesa en un lugar que sea increíble!

Hay tanta incertidumbre relacionada con probar un nuevo lugar para comer. Si realmente puedo sentir el lugar en el sitio web, entonces me sentiré más confiado en mi decisión de comer allí. Desde un punto de vista práctico, a menudo ocurre que una foto del ambiente y la decoración me dan una buena idea para el código de vestimenta general del lugar. Como ejemplo, ¿te vestirías para el restaurante que se muestra arriba? ¿Que tal este?

Sitio: Roux en la Plaza del Parlamento

Aprovecha la textura y el color pesadamente

Sitio: Gilt Taste

Una herramienta poderosa que tiene a su disposición al diseñar cualquier sitio relacionado con alimentos es la textura. Los mejores diseñadores en este nicho utilizan toneladas de texturas realistas en sus sitios. Gilt Taste, el sitio de arriba, es un buen ejemplo. La página de inicio está llena de diferentes texturas, tanto en fotos independientes como en fondos para el tipo.

Como otro ejemplo, aquí hay una pequeña porción recortada de un tema de restaurante de ThemeForest. ¡Observe cuántas texturas puede encontrar en esta área pequeña!

Sitio: Victoria Restaurant Theme

La elección de colores es extremadamente importante para los sitios web de alimentos. El color ayuda a establecer el estado de ánimo y mejora la seducción. No tenga miedo de usar colores brillantes y siempre tire de la comida cuando sea posible para atar todo bien.

Sitio: Goosebumps

Descomponerlo

Sitio: Food Sense

Otro consejo sólido para trabajar con fotografía de alimentos: las personas están fascinadas por el proceso. El arte de tomar ingredientes crudos y convertirlos en deliciosos platos es algo que nos atrae a todos.

Además, el simple hecho de mostrar ingredientes frescos hace que la comida se sienta más saludable y más apetitosa. A nadie le gusta pensar que el restaurante envió esa lasaña en un camión. ¡Quieren ver tomates!

Sitio: Delicioso

Sitio: Goosebumps

Construir menús personalizados para la web

¿Sabes cuál es mi mayor problema con los sitios web de restaurantes? Los menús. La mayoría de las veces, esta parte del sitio ofrece una experiencia de usuario horrible. Cada vez que hago un pedido de Paradise Bakery en línea me estremezco:

Sitio: Paradise Bakery

En lugar de pasar por la molestia de construir realmente un menú en su sitio web, simplemente subieron un millón de escaneos de su menú físico que luego tengo que examinar una página a la vez. Si hace clic en la opción para descargar el PDF, literalmente obtendrá la ilustración plana en PDF que envían a la impresora para crear sus menús plegables. No estoy inventando esto gente

Esta cosa es tan grande que tienes que hacer zoom en pequeñas porciones y luego desplazarte hasta encontrar lo que deseas. Es una manera asombrosamente mala de presentar un menú a los usuarios del sitio web.

Si está pensando en tirar un PDF del menú de impresión y llamarlo un día, detenga lo que está haciendo y dése un golpe en la cara. Deja de ser tan perezoso y haz tu trabajo. Si está buscando un ejemplo sólido, vea el menú de Kuleto a continuación:

Sitio: Kuleto's

Este menú utiliza un sistema de tres columnas impresionante y fácil de usar para reducir sus opciones. Primero, elige su comida (desayuno, almuerzo, cena, etc.), luego una categoría y se le presentan las opciones dentro de esa categoría. En cualquier momento, es fácil refinar su selección o cambiar las cosas.

Si quieres una ruta más simple, echa un vistazo a The Claw Bar. Su menú web usa la metáfora de un menú impreso, pero aún usa texto en vivo y está formateado para la web.

Sitio: The Claw Bar

No olvides lo básico

Es muy fácil quedar atrapado con todos los consejos anteriores que te olvidas de los elementos más básicos de cualquier diseño web. Recuerde que, con cualquier diseño de sitio, siempre debe considerar cuidadosamente los objetivos del usuario promedio.

Para un restaurante, prácticamente puede garantizar que los visitantes querrán algunos datos específicos:

  • ¿A qué sirven? (menú y gráficos)
  • ¿Cuanto cuesta? (menú)
  • ¿Cómo es el lugar? (gráficos y video)
  • ¿Dónde está?
  • ¿Puedo ordenar o hacer una reserva en línea?
  • Cual es el numero de telefono

Como puede ver, hemos abordado la mayoría de los objetivos principales que ya se encuentran en los consejos anteriores. Sin embargo, la información básica de contacto y pedido es una preocupación principal que no hemos abordado. Creo firmemente que la información de contacto y ubicación es una prioridad extremadamente alta para el sitio de un restaurante, por lo que esta información debe estar en la página de inicio en un lugar destacado.

En la plantilla a continuación, hay un mapa grande y llamativo justo en el pie de página (probablemente el primer lugar donde pienses mirar). Justo al lado del mapa está toda la información de contacto que necesita: correo electrónico, número de teléfono, enlaces sociales, etc.

Sitio: El tema del restaurante

La lección aquí: nunca hagas que tus usuarios busquen información básica porque te preocupa que arruine tu bonito diseño. Su trabajo es resaltar y presentar información importante de una manera atractiva y utilizable, no hacer un sitio que se vea bien a expensas de su propósito.

¡Muéstrenos sus favoritos!

Ahora que ha visto nuestros ejemplos de los mejores sitios de comida y restaurantes que podríamos encontrar, agregar y mostrarnos sus favoritos. O, mejor aún, muéstrenos los restaurantes que realmente extrañan la marca y arroje ideas para mejorar.