Propuesta de diseño · Café de especialidad

Café, amarillo y una sonrisa en el Soho.

Una propuesta web en español e inglés que lleva el carácter de Mía a una carta legible, fotografía real y pequeños detalles interactivos. Una experiencia pensada para descubrir el café y venir a conocerlo.

  • Soho, Málaga
  • Diseño web · Diseño UX/UI
Presentación de la web de Mía Coffee en un monitor, en un entorno de cafeteríaExplorar propuesta
Punto de partida

El problema que había que ordenar

El punto de partida era una carta publicada en imágenes y una identidad con mucho potencial visual. La propuesta debía convertir ese contenido en páginas cómodas de consultar, sin enviar al visitante a la web anterior para leer el menú.

Decisiones

El enfoque aplicado al proyecto

Trasladamos la carta a texto organizado por categorías, con los ingredientes y precios publicados. Combinamos amarillo, tinta y crema con fotografía real, notas que responden al pasar el cursor y una navegación propia para café, galería, opiniones y contacto.

Entrega visible

El resultado que puede comprobarse

La demostración permite consultar la carta dentro de la web, descubrir el ambiente mediante fotografías y vídeo, y localizar el café en Málaga. Las versiones en español e inglés mantienen una experiencia coherente y adaptada al móvil.

Carta de Mía Coffee organizada como texto dentro de la propuesta web
Captura de la propuesta · Carta
Experiencia visible

Una carta para leer, no para descifrar.

Las bebidas y la comida se presentan como texto dentro de la página, con categorías y precios visibles. La fotografía acompaña al contenido y el visitante puede seguir explorando sin abrir documentos ni volver a la web anterior.

Sistema aplicado

El diseño, de cerca.

La captura de la web permite ver con más detalle la composición, las fotografías y la tipografía de la propuesta.

Captura de la portada de la propuesta web de Mía Coffee
Portada de la propuesta · Captura de la web
Decisiones que aportan

Decisiones que dan forma a la experiencia.

Estos detalles pueden explorarse en la demostración. Es una propuesta independiente de Axiomaprint, no un encargo del negocio.

  1. 01

    Menú dentro de la web

    Productos, ingredientes y precios publicados pasan de imágenes a contenido legible y adaptable a cada pantalla.

  2. 02

    Carácter en los detalles

    Las notas del hero y las interacciones del CTA prolongan el tono alegre de la marca sin interrumpir la lectura.

  3. 03

    Del Soho a la pantalla

    Fotografía real, vídeo y ubicación conectan la experiencia digital con el local de la calle Vendeja.

Alcance realizado

Qué trabajamos en este caso.

Entregables y decisiones

  1. Diseño y desarrollo de una propuesta web responsive en español e inglés
  2. Carta en texto con categorías, precios, ingredientes y extras publicados
  3. Vistas del café, galería, opiniones y contacto
  4. Fotografía real, vídeo y mapa de ubicación en Málaga
  5. Microinteracciones con alternativa de movimiento reducido e imagen para compartir