Audioguía Burmester
Caso de estudio
Para las históricas bodegas Burmester, hemos diseñado y desarrollado una audioguía web que invita a sumergirse en su historia nada más cruzar la puerta. Un proyecto donde hemos equilibrando la identidad de una marca centenaria con la tecnología y la experiencia de usuario.
Una experiencia pensada para el móvil
Diseñamos teniendo en mente a un visitante que camina, mira a su alrededor y probablemente tiene una copa en la mano.
Interacciones fáciles
Los botones de play y las líneas de tiempo de los audios son amplios y están optimizados para que el clic en pantallas táctiles sea muy cómodo.
Transparencia
Respetamos el tiempo del usuario. Antes siquiera de desplegar un bloque, ya puedes ver cuánto dura ese audio.
Feedback visual
Al desplegar una pista, el bloque adquiere una imagen de fondo en el título. Un detalle rápido y efectivo para que sepas al instante qué contenido tienes activo.
Detalles que suman
Navegación intuitiva
El recorrido de la bodega se divide en tres sectores. Queríamos que el usuario supiera siempre dónde está y hacia dónde va. Por eso, la navegación es clara y dual: un indicador en la parte superior te muestra visualmente en qué sector te encuentras, y al final de cada bloque cuentas con botones directos para avanzar o retroceder de forma natural.
Diseño escalable
El selector de idioma está siempre visible, pero lo más importante es que tiene memoria. Si el usuario cierra el navegador por error o bloquea el móvil, al volver a abrir la web su idioma sigue ahí. Cero fricción y cero pasos extra.
Además, diseñamos la página de inicio de forma escalable. Arrancamos el proyecto con dos idiomas, pero dejamos la estructura visual preparada para albergar un mínimo de seis sin que el diseño se rompa.
Diseño visual al detalle
Trasladamos el alma de Burmester al entorno digital utilizando recursos de su identidad visual corporativa, como la característica textura de hoja de papel rasgada que enmarca la transcripción de los audios.
Por último, aunque es una herramienta 100 % pensada para el teléfono, no descuidamos el formato de escritorio. La hicimos responsive manteniendo una estructura vertical con un ancho máximo; de esta forma, el diseño respira y se ve perfecto sin importar desde qué dispositivo se abra.
Colaboradores (y amigos)
Para el proyecto contamos con la inestimable ayuda de Imandra, para los contenidos.
