SITIO CORPORATIVO · PROYECTO FREELANCE
Kunstmann
Rediseño del sitio corporativo de Cervecería Kunstmann: identidad, cervezas, bares y sostenibilidad en un solo relato de marca. Diseñado para Desktop y Mobile.
01
Contexto de Negocio
Proyecto freelance desarrollado para MarTech, agencia a cargo del sitio corporativo de Cervecería Kunstmann. El sitio debía comunicar la identidad de marca, presentar el catálogo de cervezas, los bares propios, y los ejes de sostenibilidad e innovación de la cervecería, sin convertirse en un canal transaccional. El proyecto contempló el diseño completo en versión Desktop y Mobile.
02
El problema
El sitio corporativo anterior se percibía como una tienda online, en lugar de comunicar la identidad de marca que Kunstmann buscaba transmitir. Existía una mezcla de contenidos corporativos y transaccionales sin una jerarquía clara, generando confusión en el relato de marca.
03
Proceso y Metodología: Benchmark Competitivo
Se aplicó un proceso de benchmark sobre marcas cerveceras internacionales, evaluando 6 criterios:
1. Identidad y experiencia: coherencia de marca y sensación general.
2. Diseño y usabilidad: calidad visual y facilidad de navegación.
3. Contenidos: historia, procesos e información relevante.
4. Productos: cómo se exhiben los productos, fotografía, presentación y protagonismo visual
5. Sustentabilidad: comunicación de prácticas sostenibles.
6. Innovación: propuestas o elementos diferenciadores.
Marcas analizadas y su referencia principal
04
Conclusiones del Benchmark
La declaración de marca es clave no solo para la comunicación, sino para dar carácter al diseño: rebelde, tradicional o moderno.
Aunque el sitio es corporativo y no e-commerce, no puede dejar de vincular y mostrar el producto en un espacio particular, para que se transforme en protagonista.
La experiencia de calidad y disfrute de la cerveza es una característica craft: generar los escenarios para ese disfrute, lugares, procesos, información, innovación, es maestría craft.
Es práctica común, aunque no necesariamente buena, sacar del sitio corporativo la posibilidad de agendar tours o reservas de restaurant.
Es fundamental definir si el relato es corporativo o transaccional: mezclar ambos sin prioridad ni orden genera confusión en el relato.
Los lugares se vinculan a la historia de la marca, es muy importante darles esa importancia.
Hay que definir bien dónde y cómo la marca busca vincularse con la comunidad: un club de fidelización asociado a descuentos, sin mayor contexto, puede sentirse más e-commerce que corporativo.
05
Mi Rol en el Proyecto
Realicé el proceso de benchmark completo, definición de criterios, selección de marcas y análisis comparativo y diseñé el UI Kit y la interfaz completa del sitio en versión Desktop y Mobile, incluyendo sus páginas internas.
06
Decisiones de Diseño
Tipografía
se utilizó la tipografía definida en el manual de marca de Kunstmann, respetando el manual al 100%.
Color
se aplicaron los colores corporativos definidos en el manual de marca, sin alteraciones.
Arquitectura y navegación
se mantuvo la arquitectura de contenido y navegación existente, ya que funcionaba correctamente.
Bares
en las tarjetas de cada bar se decidió mostrar solo la dirección por defecto; al hacer hover, se revela el resto de la información (horario, link de reserva, mapa y delivery).
Fotografía
se utilizaron imágenes reales de la cervecería, reforzando autenticidad sobre fotografía de stock.
Productos
no se intervino la imagen principal del producto, pero sí su fondo — al hacer hover, el fondo se aclara ligeramente para dar foco al producto, aplicando el aprendizaje del benchmark sobre darle protagon
UI Kit
se diseñó un kit de interfaz específico para este proyecto (iconos, botones, cards y secciones), cubriendo lo necesario para el sitio en ambas versiones, Desktop y Mobile.
Comparativa lado a lado: tarjeta de bar en estado normal (solo dirección) vs. estado hover (información completa). Versión Desktop.
Comparativa lado a lado: tarjeta de bar en estado normal (solo dirección) vs. estado hover (información completa). Versión Desktop.
07
resultado
El sitio fue entregado, aceptado por el cliente, y corresponde a la versión actualmente en producción, tanto en su versión Desktop como Mobile.