Hexabot App

La carta digital al instante, sin códigos QR

Carta Interactiva es un proyecto propio que surge como respuesta a una necesidad común en la hostelería: digitalizar la carta sin recurrir a códigos QR poco funcionales y mal adaptados a dispositivos móviles.
La solución combina tecnología NFC con una plantilla digital interactiva diseñada específicamente para smartphones, facilitando una navegación clara, rápida y centrada en la experiencia del usuario. El objetivo fue crear una herramienta escalable que pudiera integrarse fácilmente en cualquier negocio gastronómico, mejorando tanto la experiencia del cliente como la gestión del restaurante.

Cliente
Proyecto propio

Rol
UX/UI Designer, Visual Designer, Brand Designer

Herramientas
Figma, Photoshop, Premiere, Illustrator, IA, WordPress, Elementor.

Challenge

A pesar del auge de soluciones digitales, la mayoría de restaurantes siguen utilizando sistemas basados en códigos QR que, en muchos casos, redirigen a menús en formato PDF o imágenes mal adaptadas. Esta práctica genera puntos de fricción que afectan directamente a la usabilidad y percepción del servicio.
Para identificar estos problemas con mayor claridad, desarrollé un user journey map centrado en la experiencia real del cliente al interactuar con una carta digital convencional. El análisis reveló fallos clave en la accesibilidad, la navegación y la presentación del contenido, los cuales sirvieron como base para definir una solución más intuitiva y centrada en el usuario.

Journey map

Problems

Carta Interactiva_challenge_ilustracion1-desktop

Unclear and unintuitive initial access process

Carta Interactiva_challenge_ilustracion2-desktop

Menus not optimized for mobile screens

Carta Interactiva_challenge_ilustracion3-desktop

Too many steps to view menu

Solution

Basándome en las fricciones detectadas, diseñé una solución centrada en el usuario: una carta interactiva diseñada exclusivamente para móviles accesible mediante NFC. Este sistema elimina la necesidad de códigos QR, reduciendo la fricción inicial, y reemplaza los PDFs estáticos por menús desplegables interactivos optimizados para dispositivos móviles.

El siguiente user flow ilustra el recorrido del usuario al interactuar con el sistema NFC. Este flujo destaca cada paso clave, desde el contacto inicial con el NFC hasta la exploración fluida del menú interactivo.

Carta Interactiva_proceso_Userflow-desktop

Interaction Proposal

Designing an interactive navigation system

Una vez creado un sistema alternativo que elimine las fricciones iniciales de la propuesta QR me centré en el diseño de una carta digital que cumpla con las necesidades de la gran mayoría de negocios y la de sus usuarios. Opté por una solución basada en categorías desplegables que organiza la oferta en un menú acordeón donde cada una de estas se despliega con un tap, mostrando los platos y desplazándose en una animación fluida al top del viewport para mantener siempre visible la información. Al cerrar la categoría, la pantalla vuelve al centro de la carta, evitando desplazamientos innecesarios.

Carta Interactiva_proceso_Interaction proposal-desktop

Carta Interactiva_proceso_Interaction proposal-mobile

Crafting a brand

Para garantizar la escalabilidad y comercialización efectiva de la solución, desarrollé un sistema de diseño integral que asegura la coherencia visual y funcional en cada punto de contacto. Este sistema incluye una paleta de colores accesible, tipografías optimizadas para dispositivos móviles y componentes reutilizables, como botones y menús desplegables, que permiten personalizar la interfaz según las necesidades de cada restaurante. Además, creé un branding sólido que transmite modernidad y confianza, desde el diseño del logo hasta el estilo visual de las expositores NFC y la interfaz digital. Esta identidad visual no solo refuerza la percepción de la solución como innovadora, sino que también facilita su comercialización, al proporcionar una experiencia cohesiva y atractiva tanto para los usuarios finales como para los propietarios de restaurantes que buscan una solución diferenciadora.

Tipografía

Para garantizar legibilidad y coherencia visual, elegí una tipografía sans-serif moderna, optimizada para pantallas móviles. Su diseño limpio y equilibrado mejora la experiencia de usuario, asegurando una navegación fluida. Además, la jerarquía tipográfica resalta la información clave, facilitando la exploración del menú interactivo y reforzando la identidad visual de la marca.