El problema
El menú actual de The Towers Pub, un PDF estático, genera una fricción de usuario severa en móvil, limitando la navegación, la búsqueda y la accesibilidad (sin filtros ni información clara de alérgenos). Esto resulta en una experiencia frustrante para los clientes y en ineficiencia operativa para el pub. El desafío es transformarlo en una plataforma intuitiva, personalizada y transparente.
Objetivos del proyecto
El objetivo principal de este proyecto es rediseñar la experiencia de usuario (UX) y la interfaz de usuario (UI) del menú digital de The Towers Pub. Este rediseño busca transformar el actual formato en PDF a una plataforma más interactiva, accesible y visualmente atractiva, mejorando significativamente la forma en que los clientes exploran y seleccionan sus productos.
Actualmente, el menú se presenta como un archivo PDF estático que requiere descargas o una navegación poco fluida, lo que genera una experiencia de usuario deficiente. Mi propuesta se enfoca en crear una solución digital moderna que:
Optimice la navegación: Permitir a los usuarios encontrar platos, bebidas y promociones de manera intuitiva y rápida, con categorías claras y una barra de búsqueda funcional.
Mejore la accesibilidad: Asegurar que el menú sea fácil de usar en cualquier dispositivo (móvil, tablet), con fuentes legibles y un contraste adecuado.
Personalización de productos: Se incluye un flujo de usuario intuitivo para que los clientes puedan modificar los ingredientes de su pedido. Esto es vital para quienes tienen preferencias, alergias o simplemente quieren personalizar su plato.
Gestión total de la orden: Los usuarios podrán añadir, quitar y confirmar los productos en su carrito, con un resumen claro del total a pagar, facilitando una experiencia de compra transparente y sin errores.
Pedido directo desde la app: La interfaz permitirá a los clientes realizar su orden de manera ágil, eliminando la necesidad de esperar al personal y agilizando el servicio, especialmente en horas pico.
Aumente la participación: Implementar un diseño visualmente atractivo que resalte los productos, utilizando fotografías de alta calidad y descripciones detalladas para despertar el interés del cliente.
Storyboard
User Persona
Clara, 28 años — Project Manager freelance
Clara es una desarrolladora de software que valora la eficiencia y la personalización. Frecuenta el pub con su pareja o amigos para relajarse y socializar, pero es alérgica a ciertos ingredientes.
Objetivos:
- Pedir sin esperas: Quiere ordenar de forma rápida para evitar largos tiempos de espera.
- Personalizar su comida: Necesita poder quitar ingredientes fácilmente y verificar alérgenos.
Frustraciones:
- Menú estático: Le molesta navegar por un PDF en su móvil, ya que no es accesible ni intuitivo.
- Información limitada: No saber qué ingredientes tiene cada plato le genera inseguridad.
- Proceso lento: Le frustra la lentitud del servicio al tomar la orden y al momento de pagar.
Sofia, 32 años — la turista
Sofía está de visita en la ciudad con su pareja y decidió probar The Towers Pub porque le llamó la atención. Habla algo de español, pero prefiere tener la opción de ver el menú en inglés para estar segura.
Objetivos:
- Menú en su idioma: Necesita poder cambiar el menú a su idioma para entenderlo completamente.
- Ver fotos de los platos: Quiere ver imágenes de la comida para saber qué está ordenando sin tener que adivinar.
Frustraciones:
- Barrera del idioma: No entender los nombres o descripciones del menú le genera inseguridad.
- Falta de información: La ausencia de imágenes y descripciones detalladas dificulta su elección.
Juan, 40 años — el amigo sociable
Juan es un ejecutivo de marketing que disfruta de la vida social. Sale con su grupo de amigos los fines de semana a bares y pubs para desconectar, conversar y ver eventos deportivos.
Objetivos:
- Pedir rápido: Quiere ordenar para su grupo sin largas esperas.
- Dividir la cuenta: Desea una forma sencilla de pagar su parte al final de la noche.
Frustraciones:
- Servicio lento: Le molesta tener que esperar mucho para que les tomen la orden.
- Falta de promociones: Se frustra al no poder ver las ofertas especiales del día.
Benchmarking
La carta web de 100 Montaditos acierta en la organización estructural y la accesibilidad legal. El diseño utiliza una clara jerarquía de contenido con títulos destacados para las macro-categorías (montadistos, raciones y bebidas), permitiendo a los usuarios una navegación rápida entre secciones. Además, cumple con la transparencia al destacar el acceso a la tabla de alérgenos en el pie de página, una característica esencial para garantizar la seguridad del cliente, como busca nuestra User Persona (Clara).
Goiko es un referente en la UX de producto y la personalización. Su carta digital y aplicación destacan por el uso de imágenes de alta calidad y descripciones detalladas que construyen el apetito y la confianza en la calidad del ingrediente (lo opuesto a 100 Montaditos). Lo más relevante es que resuelven la complejidad de la personalización, permitiendo a los usuarios modificar ingredientes y construir su burger con un flujo guiado y visual, lo cual reduce la incertidumbre y mejora la satisfacción, coincidiendo directamente con la necesidad de personalización y control de nuestra User Persona (Clara)
El modelo de taberna tradicional que utiliza un menú digital suele destacar por la sencillez de su oferta principal y el foco en la rapidez de la transacción. El punto fuerte es que la carta QR permite actualizaciones inmediatas (ocultar el «plato del día» o un producto agotado) y garantiza la higiene (evitando cartas de papel). Su UX implícita se basa en que el cliente ya conoce la oferta general, y la carta digital solo sirve como un listado de precios con la ventaja de estar siempre actualizado.
Objetivos del diseño
El objetivo principal de este rediseño es transformar la experiencia digital de The Towers Pub, pasando de un menú estático en PDF a una aplicación móvil interactiva y eficiente. La meta es crear un producto que no solo mejore la usabilidad, sino que también enriquezca la experiencia del cliente y optimice el servicio del local.
Navegación
Interacción
Diseño UI
Accesibilidad
Userflow
Identidad visual
Diseño del Logotipo: The Towers Pub
El diseño del logotipo es una representación conceptual que une de forma inteligente el nombre del pub con su actividad principal. El elemento central es una torre robusta cuya forma se integra magistralmente en la silueta de una jarra de cerveza rebosante de espuma.
Para establecer una conexión con la tradición y el espíritu acogedor de los pubs, se utilizó una paleta de colores terrosos y verdes oscuros, incorporando un nudo celta que evoca el estilo irlandés. Las espigas de trigo añaden un guiño a la elaboración artesanal de la cerveza. El estilo vintage y la textura granulada del diseño final otorgan al logo un carácter auténtico y atemporal. El resultado es una identidad visual sólida, clara y memorable que encapsula la esencia de The Towers Pub.
Tipografía
Para inyectar carácter y mantener la consistencia con la marca del pub, se seleccionó Bowlby One como tipografía principal para titulares y listado de productos. Su estilo display robusto y llamativo garantiza que los elementos clave sean altamente visibles e impactantes (clave para la navegación rápida).
Para asegurar la máxima legibilidad (UX) en call to action, ingredientes y descripciones, se eligió Roboto. Esta combinación equilibra una identidad fuerte con una usabilidad impecable.
