Producto · App de cerveza artesanal
Cvlto Cervecero
App para descubrir y elegir cerveza artesanal colombiana sin conocimiento previo, de la investigación al prototipo de alta fidelidad.
Resumen
Cvlto Cervecero es una app para descubrir y elegir cerveza artesanal colombiana sin necesidad de conocimiento previo, pensada para grupos de amigos, parejas o quien simplemente quiere explorar algo nuevo. Mi rol fue UX/UI end-to-end: investigación, arquetipos de usuario, testing con usuarios reales en dos rondas, y prototipo de alta fidelidad.
El problema
Colombia tiene más de 255 cervecerías artesanales repartidas en 83 municipios. El consumo promedio es de 6.2 litros al año por persona, y viene creciendo entre los jóvenes en los últimos tres años.
A pesar de esa variedad, a los usuarios se les dificulta elegir la cerveza correcta para una ocasión específica, un asado, una tabla de quesos, un regalo, o simplemente probar algo nuevo, incluso cuando ya conocen buena parte de la oferta.
Objetivo
Permitir que grupos, parejas o individuos elijan una cerveza fácilmente, sin conocimiento previo del tema.
Solución
Una app simple que recomienda cerveza con sugerencias precisas y personalizadas según la ocasión.
La marca
La historia de la cerveza tiene lazos curiosos con lo oculto, desde las "alewives" (primeras cerveceras, luego asociadas con brujas) hasta William Bass, fundador de la cervecería Bass en 1777, cuyo triángulo rojo se convirtió en 1876 en el primer trademark registrado del Reino Unido.
Ese triángulo apareció después en "Un bar en el Folies-Bergère" de Manet, en el Ulises de James Joyce, y en 12,000 botellas a bordo del Titanic.
Concepto de marca
Cvlto Cervecero conserva ese aire de misterio: un espacio secreto pero acogedor, donde los amantes de la cerveza artesanal sienten que son parte de algo. El triángulo de Bass y su tono rojizo se tradujeron en un concepto amigable y fácil de usar.
Investigación de usuarios
Dos arquetipos guiaron el diseño, cada uno mapeado en un POV y storyboard, desde el momento detonante hasta resolverlo con Cvlto Cervecero.
David Martínez
Ingeniero de sistemas · 32 años · soltero · Bogotá
David es programador full-stack y trabaja en un esquema híbrido entre su casa y la oficina. Siempre le ha gustado la cerveza como elemento social, pero sin ir más allá de las comerciales que encuentra en cualquier tienda. Un par de años antes de la pandemia empezó a considerar ampliar su conocimiento cervecero al notar la variedad de opciones artesanales del mercado.
Frustraciones
- Es una industria cerrada, donde las conexiones son casi un requisito para entrar.
- La gente del sector puede ser celosa con su conocimiento.
- No es un hobby económico.
Metas
- Ser reconocido en la comunidad cervecera local.
- Quizás lanzar su propia cerveza algún día.
- Encontrar una pareja dentro de este círculo.
Cristina Suárez
Emprendedora · 29 años · casada · Bogotá
Cristina es dueña de su propia cervecería, es muy decidida y siempre está "lista para ir". Lo que se propone, lo logra, y esa determinación la ha traído hasta donde está. Sin embargo, se siente estancada al intentar hacer destacar su marca en un mercado competido, lo que le genera dudas sobre si su producto es suficientemente bueno o si es un problema de visibilidad.
Frustraciones
- Demasiada competencia.
- Saturación del mercado.
- Incertidumbre sobre la calidad de su producto y falta de una estrategia de crecimiento.
Metas
- Posicionar su cervecería entre las mejores de Colombia.
- Vivir cómodamente gracias a su cervecería.
- Ganar premios cerveceros con sus creaciones artesanales.
Testing
5 usuarios probaron 5 tareas clave sobre el primer prototipo: recomendar una cerveza, seleccionarla, guardarla en favoritos, compartirla en redes y acceder a sus cervezas guardadas desde el perfil.
Recomendar, seleccionar y guardar en favoritos tuvieron 100% de éxito. Compartir en redes sociales fue el punto débil: solo 60-80% completó la tarea sin dificultad, el ícono de compartir no era lo suficientemente claro.
Mejora aplicada
Se reubicó el ícono de compartir, se probó una segunda opción visual y se le dio más color para hacerlo más notorio. En la segunda ronda de testing (Prototipo 2), las 5 tareas alcanzaron 100% de éxito, con tiempos promedio más rápidos.
Wireframes y sistema
El flujo completo se mapeó en un wireflow y un flowchart, desde la pantalla de bienvenida, pasando por login o registro, hasta el descubrimiento y recomendación de cervezas.
Se eligió una barra de navegación superior siguiendo las Human Interface Guidelines de iOS, el estándar que los usuarios ya conocen, facilitando encontrar acciones como "volver". Antes de la UI final se construyó una librería de estilos (color, tipografía, componentes) y prototipos de baja y media fidelidad.
Boceto en papel
Baja fidelidad
Media fidelidad
Alta fidelidad
Librería de estilos
Flowchart del flujo completo
Pantallas finales
Prototipo de alta fidelidad, onboarding, home con recomendaciones personalizadas, ficha de cerveza, favoritos y perfil, construido con la paleta coral de la marca y refinado tras dos rondas de testing de usabilidad.
