Los restaurantes de comida rápida son notoriamente malos con el diseño web, pero el mercado emergente de "casual rápido". Los restaurantes hasta ahora están demostrando ser mucho mejores en esta área.
Hoy vamos a buscar en la web los sitios web de algunos de los restaurantes informales rápidos más populares para ver quién está haciendo el mejor trabajo y qué podemos aprender de ellos. Advertencia: ¡esta publicación te dará hambre!
Qdoba
El primer sitio que vamos a visitar es Qdoba.com, la página de inicio de un restaurante que sirve deliciosos burritos y otras ofertas del sudoeste. Se parece mucho a Chipotle, que ya vimos en otro post. Aquí hay un vistazo al encabezado:
¡Hasta ahora tan bueno! Me gusta mucho la yuxtaposición de la tipografía y la fotografía. El diseño es grande y audaz, pero fresco y amigable. Captura perfectamente la sensación del restaurante y presenta una buena combinación de personas felices y comida deliciosa.
Marca fuerte
Su estrategia de marca actual es que Qdoba es "comida para las personas que aman la comida". Esta idea se aplica en todo el sitio, incluso de forma interactiva. La página de cupones, por ejemplo, trata la última palabra como "completar el espacio en blanco". donde escribe lo que ama y gana diferentes cupones según la palabra que elija.
Este es un gran truco psicológico. Me están obligando sutilmente a formar conexiones con la marca asociándola con las cosas que amo. De nuevo, esto se ve reforzado por todas esas caras sonrientes que ves entretejidas con fotos de comida.
"Me están obligando sutilmente a formar conexiones con la marca asociándola con cosas que amo".Menú
Otra cosa que realmente me gusta de Qdoba.com es la presentación del menú, que es absolutamente una de las facetas más importantes para el sitio web de cualquier restaurante. Cada elemento se organiza de forma ordenada en una cuadrícula con una atractiva fotografía de alimentos de alta clave y texto limpio.
Contenido de la página de inicio
Cuando visito el sitio web de un restaurante, normalmente hay dos cosas principales que quiero hacer: consultar el menú y averiguar cómo obtener algo de comida. Esta última acción generalmente implica realizar un pedido en línea o buscar un número de teléfono y una dirección.
? Cuando visito el sitio web de un restaurante, normalmente hay dos cosas principales que quiero hacer? ?Qdoba maneja casi todo esto directamente desde la página de inicio, eliminando así la conveniencia de la ubicación del contenido del parque de pelota. En la parte superior de la página, te presentan el restaurante y te piden que consigas algunos cupones. Cuando se desplaza un poco hacia abajo, ve los elementos del menú con enlaces a información nutricional. Finalmente, cuando llegas al final de la página, ves un mapa de las ubicaciones en tu área.
El único objetivo importante que no se logra en la página de inicio es ordenar en línea, y esa opción se encuentra en la parte superior derecha de la pantalla (espacio principal para los ojos de navegación) en un encabezado persistente que permanece con usted a medida que se desplaza.
Responsive to Boot
Es asombroso ver a las grandes corporaciones saltar a bordo del carro de bandas receptivas. Qdoba.com en realidad responde bastante bien a diferentes tamaños de vista.
¿Qué aprendimos?
Qdoba.com tiene muchas lecciones de gran diseño para enseñarnos, la más importante de las cuales es, probablemente, el poder de una marca fuerte. Son consistentes con su paleta de colores, tipografía y fotografía, todos los cuales se unen para crear una identidad única con la que los clientes pueden identificarse. La combinación de personas felices y deliciosas tomas de comida de aspecto es probada y ha servido fielmente a los restaurantes durante décadas.
"Son consistentes con su paleta de colores, tipografía y fotografía, que se unen para crear una identidad única con la que los clientes pueden identificarse".Hay otras dos grandes lecciones en el trabajo aquí también. Primero, el diseño responsivo no es solo un truco divertido para las carteras de diseñadores web. El mundo corporativo puede y debe abrazarlo abiertamente porque significa una mejor experiencia para más clientes.
Finalmente, siempre considere por qué la mayoría de sus visitantes vienen a su sitio y hacen todo lo posible para atender esas acciones. Casi todo lo que la mayoría de la gente querrá hacer en Qdoba.com se puede lograr a través de la página de inicio.
Pei wei
El siguiente paso en el rápido recorrido informal es otro de mis favoritos personales: Pei Wei, un restaurante que sirve deliciosos platos de varias culturas asiáticas. Es el hermano pequeño casual y rápido del P. F. Chang, más formal. Aquí está la página de inicio:
Color
Lo primero que noté sobre el sitio de Pei Wei es el color; audaz, hermoso color. La paleta es muy oscura y cálida, sugiere un sabor picante y rico que me hace la boca agua para un poco de pollo picado con miel.
Lo bueno aquí es que estos colores probablemente se extraen directamente de la comida que Pei Wei sirve, un truco que Qdoba también estaba usando.
Siempre que intente desarrollar un esquema de color para una empresa, recuerde que a menudo no necesita buscar más que su línea de productos.
? Lo bueno aquí es que estos colores probablemente se extraen directamente de la comida que sirve Pei Wei?Es todo sobre la comida
Con Pei Wei, hay una técnica muy diferente a la que vimos en el sitio de Qdoba. Aquí la estética es 100% sobre la comida. Por todos lados se ve otra hermosa foto de comida.
Miré a mi alrededor en el sitio por un tiempo para ver si podía encontrar una foto de una persona, por lo que puedo decir, no hay ninguna. Se presenta como menos personal y atractivo, pero creo que lo logran bastante bien. Si alguna vez hacen un cambio de marca importante, no me sorprendería verlos acercarse con un sentimiento más amistoso y humano.
Cosas que no me gustan
En general, Pei Wei tiene un sitio bastante sólido, pero hay algunas cosas que no me gustan mucho desde el punto de vista del diseño.En primer lugar, hay una gran cantidad de espacio negativo atrapado, incómodo, que es el resultado de un diseño algo desordenado. No es horrible, pero puede distraer un poco.
La peor ofensa aquí en mi libro es el menú, que se ve así:
Como puedes ver, es solo un menú aburrido basado en texto. De hecho, cada plato tiene una hermosa foto que acompaña al producto, pero se oculta hasta que se hace clic en él. Lo bueno es que ahorras en los tiempos de carga de la página, ¡pero el inconveniente es que esto no me da hambre! Y recuerda, las personas hambrientas son tu público objetivo aquí.
"Lo bueno es que ahorras en los tiempos de carga de la página, ¡pero la desventaja es que esto no me da hambre!"Definitivamente creo que la página del menú necesita ser rediseñada para hacer un mejor uso de todas esas deliciosas fotos que obviamente poseen. No necesariamente tienes que mostrar todas las fotos todo el tiempo, pero seguramente se puede hacer algo para animarlo un poco.
¿Qué aprendimos?
De Pei Wei, aprendemos mucho sobre cómo diseñar con fotografía de alimentos. Vimos que las fotos de alimentos son una fuente rica de paletas de colores que ayudan a vincular la identidad de marca con el producto. También vimos que es una pena esconder estas fotos cuando se trata de la presentación del menú.
Empresa de pan de flores silvestres
El último restaurante informal rápido que vamos a echar un vistazo es Wildflower Bread Company, una tienda donde se sirven deliciosos productos horneados, sándwiches y pasta.
Elegí esta cadena por el hecho de que sus tiendas están realmente bien diseñadas. Hermosos signos, excelentes colores, muebles impresionantes y wifi gratis! Es un gran lugar para tomar un almuerzo de trabajo prolongado.
Desafortunadamente, parece que el increíble diseño no se extiende a la web. Aquí está su página de inicio tal como aparece en mi MacBook:
El contenido aquí es así? pequeña. En un mundo donde el diseño web sensible está maximizando el uso de cada pantalla, la montaña de espacio vacío aquí se siente como un terrible desperdicio.
? En un mundo donde el diseño web sensible está maximizando el uso de cada pantalla, la montaña de espacio vacío aquí se siente como un terrible desperdicio. ?Todo el sitio se siente como un pequeño grupo de contenido disperso, mensajes de marketing, fotos y texto que simplemente no cumple con los estándares de los edificios físicos.
Impresión ? Web
Wildflower Bread Company tiene la sensación de ser una compañía con un equipo de diseño de impresión estelar y un equipo web pequeño y mal apoyado. Al igual que muchas empresas a principios de los 00, están luchando para transferir su marca a la web porque es un medio muy diferente.
Una y otra vez, veo partes de este diseño que me dicen que es poco más que un puerto de algo creado para imprimir. El menú es un ejemplo perfecto de este tipo de pensamiento:
Allí los párrafos están mal alineados con anchos muy estrechos, cero refuerzo visual y saltos de línea incómodos. No es exactamente un ejemplo brillante de tipografía web. Los problemas de tipo persisten en todo el sitio, verifique el ancho sorprendentemente estrecho de la columna central del texto a continuación:
Mucha lectura
En lugar de la fotografía de alimentos grande y atractiva que vimos en los otros dos sitios, este le da párrafos. Las páginas largas e ininterrumpidas de texto sirvieron como contenido principal.
Nuevamente, esto es un resultado directo de simplemente no entender cómo las personas navegan por la web. No voy a leer esto, casi nadie más lo hará tampoco. Si te estás jactando de tus productos horneados, reduce esto a un solo párrafo y muéstrame algunos dulces deliciosos.
"Esto es un resultado directo de simplemente no entender cómo las personas navegan en la web".¿Qué aprendimos?
Una revelación aquí es que los sitios de comidas informales rápidas no son del todo buenos. Es cierto que he sido bastante duro con el pobre Wildflower aquí, pero la verdad es que solo voy a comer en un lugar para cenar esta noche, y si estoy navegando por los menús de estos tres sitios para ayudarme a decidir, el los otros dos vencieron a Widlflower cada vez.
La gran lección que repetí una y otra vez es que la web no es un folleto interactivo. Es un medio completamente diferente que requiere un conjunto completamente diferente de habilidades y desafíos de diseño. Parece contrario a la intuición, pero ¿una empresa conocida por el mundo real? El diseño realmente puede apestar al diseño web.
Qdoba vs. Pei Wei vs. Wildflower
Incidentalmente, los sitios web anteriores empezaron con fuerza y descendieron desde allí. Qdoba fue, con mucho, mi favorito con sus magníficas imágenes, un diseño receptivo y una marca impresionante. Es cierto que Pei Wei era un poco más débil, pero en general sigue siendo una muestra bastante fuerte en el negocio de los restaurantes. Wildflower trae a la retaguardia un sitio bastante débil que realmente podría usar un rediseño completo desde cero.
Entonces, ¿cuál es el punto aquí? ¿Por qué mirar estos tres sitios? Porque ilustran perfectamente cómo diferentes proyectos con el mismo objetivo pueden ser tan diferentes según el talento y los recursos de las personas involucradas. Los tres de estos negocios son restaurantes populares y exitosos que absolutamente pueden permitirse el lujo de construir una fuerte presencia en la web.
Use esto como una lección para sus propios proyectos, especialmente si trabaja en equipo. ¿Eres capaz de reunir tus recursos y generar algo por lo que puedas sentirte realmente orgulloso o hacer algo que se interponga en tu camino? ¿Es alguna de las cosas mencionadas anteriormente o algo más? Háganos saber a continuación.
También asegúrese de contarnos sobre sus restaurantes informales rápidos favoritos y cómo sus sitios web se comparan con los de arriba.