u n a i .

Portfolio de Unai Azkunaga, diseñador web y UX/UI. Experiencias digitales centradas en el usuario, diseño funcional y branding profesional.

Ubicación
Ordizia, Gipuzkoa, España 20240
+34 637 76 13 55
unai@unaiazkunaga.com
Detalles
UI DESIGN · FIGMA · ATOMIC DESIGN

Diseño de quiosco interactivo para tienda física.

Categoría
Diseño UI / Interfaz física
Cliente
Panceliac
Fecha de Inicio
Febrero 2025
Diseñador
Unai Azkunaga
Resumen de proyecto

Panceliac es una marca especializada en productos sin gluten que buscaba trasladar su identidad digital a un entorno físico interactivo. El reto fue diseñar una interfaz de pantalla tipo kiosko que facilitara la consulta de productos en tienda de forma intuitiva y accesible.

01 - Contexto

Panceliac quería mejorar la experiencia en su tienda física mediante una pantalla táctil que mostrara los productos, sus ingredientes y valores nutricionales. La meta era ofrecer una interacción similar a la de un kiosko de McDonald’s, pero adaptada a la filosofía y estética de la marca.

El diseño se centró en la **usabilidad, accesibilidad y coherencia visual** con la marca existente. Se desarrolló un sistema modular en **Figma** bajo la metodología de **Atomic Design**, garantizando escalabilidad y consistencia entre pantallas.

METODOLOGÍA

Se comenzó con la creación de átomos y moléculas (botones, tarjetas, iconografía, tipografía y paleta de colores), pasando después a organismos y templates. Esto permitió mantener una estructura clara y repetible, agilizando el prototipado y facilitando futuras ampliaciones del sistema.

OBJETIVOS DEL PROYECTO

  • Diseñar una interfaz táctil intuitiva y visualmente atractiva.
  • Aplicar la metodología de Atomic Design para garantizar escalabilidad.
  • Reforzar la identidad visual de Panceliac en su entorno físico.

DISEÑO DE INTERFAZ

La pantalla muestra el catálogo de productos por categorías, con un enfoque claro en legibilidad y navegación táctil fluida. Se implementaron microinteracciones visuales para ofrecer feedback inmediato al usuario, además de una estructura modular que facilita la actualización de productos o promociones.

02 - Resultados

El diseño final logró transmitir la esencia de Panceliac en un formato interactivo, accesible y coherente con la marca. La interfaz se adaptó perfectamente a pantallas táctiles de gran formato, manteniendo legibilidad y jerarquía visual incluso a distancia.

El sistema modular en Figma facilitó una rápida iteración y permitió que el equipo de Panceliac pudiera reutilizar componentes para futuras actualizaciones o nuevas categorías. La experiencia resultante combina claridad informativa, calidez visual y una navegación intuitiva que mejora la experiencia del cliente en tienda.

+100

Componentes creados

+60%

Agilidad en diseño

4.9/5

Valoración de usabilidad

100%

Coherencia visual