Cluster Lácteo Córdoba

Mi experiencia dentro del proyecto, mis decisiones de diseño y el proceso de desarrollo.

Vacas en el campo
Vacas en el campo

Principios de 2025. Nace un Córdoba un nuevo proyecto público/privado impulsado por la gobernación. El objetivo principal es fortalecer la identidad y la competitividad de la cadena láctea de Córdoba, un lugar de encuentro y desarrollo para la industria. Al ser Villa María (mi ciudad) parte de una de las cuencas más importantes de la provincia, se decidió que el proyecto iniciara en esta zona.

El concejal sobre quien recayó la responsabilidad decide entonces reclutar a un equipo de trabajo para llevarlo a cabo. Ahí es donde quedo asignado –junto con dos amigos– para empezar a levantar los cimientos. Mi responsabilidad inicial fue encargarme de la personalidad del clúster y la pata tecnológica, pero nos ibamos consultando y retroalimentando entre todos. Una vez concluida esa etapa, mi rol fue de consultoría tecnológica para empresarios del sector.

Diseño del branding

Empezamos los tres hablando de como pensabamos que se debería ver el clúster. Coincidiamos en que tendría que tener un tono institucional pero también moderno, sería la cara provincial de la industria láctea. Entonces empezamos buscar otros clústeres de la provincia para ver como se veían, y si podíamos obtener alguna inspiración o seguir alguna tendencia. Lo que encontramos fue que había una total desconexión de la identidad, tanto en privados como públicos, y esto significaba arrancar desde cero.

Entonces empezamos probando algunos conceptos, colores, tipografías, recursos, etc.

Logo prototipo 1
Logo prototipo 2
Logo prototipo 3
Logo recurso 1
Logo recurso 2
Logo recurso 3
Logo recurso 4
Logo recurso 5

Un día, poco tiempo de reunirnos, uno de mis compañeros (Eze) me comentó que había tenído una idea para el logo. Algo relacionado a un eslabón de cadena, que representara la unión de las diferentes partes que conforman el clúster. Entonces, saqué un cuaderno donde esbozaba los diferentes conceptos para el logo y le pregunté si lo podía dibujar. "No soy muy bueno dibujando, pero lo intento", me dijo. Empezó a esbozar el concepto.

Inspiración para el logo: boceto hecho a mano del concepto de eslabón.

Mientras veía como se esforzaba por dibujar algo parecido a un infinito minúsculo, ahí nomás me puse a bocetear ese mismo concepto en Illustrator, usando un recurso que había creado previamente como base, sabiendo que se buscaba un concepto relacionado a un eslabón de cadena. Y así fue como nació el primer prototipo del logo . Cuando mi compañero miró la pantalla, me dijo: "Eso es, en eso estaba pensando". Y nos reímos porque pude interpretar su idea y plasmar lo que estaba pensando a partir de ese mini-infinito.

Una vez que teniamos un prototipo de isotipo, empezamos a iterar sobre él. Hicimos las formas más robustas, pulidas, y agregamos a la derecha el nombre. Y el resultado nos pareció excelente, era lo que estabamos buscando. Para la tipografía, elegimos Jost, una versión mas moderna de Futura, tipografía clásica ya probada en entornos públicos e institucionales, que cumplía perfectamente con el tono moderno y institucional que buscábamos.

Evolución del logo: desde el prototipo hasta la forma final.

El siguiente paso fue elegir el color. La respuesta era bastante obvia: usar los colores de la bandera de la provincia. El problema radica en que la bandera tiene 3 colores: Azul, dorado y bordó. Entonces hicimos 4 variantes del logo, la azul, la bordó, negra, y una versión mezclando todo.

Ya con todo eso listo, solamente restaba definir el área de respeto y como quedaría el isotipo solo, y chucherías como las retículas.

Bandera de la provincia de Córdoba
Logos en los diferentes colores
Logo con el área de respeto
Logo con las retículas

Landing page

Para hacer la landing page, seguí con el concepto que había plasmado en el logo. Tenía que tener un tono institucional pero también moderno, y como color principal el azul de la bandera de la provincia. El diseño es minimalista y responsivo.

El stack tecnológico que elegí fue Next.js, Tailwind CSS, y TypeScript. ¿Por qué Next.js para una página estática? Porque era posible que en el futuro se necesitara agregar algunas features dinámicas, y además Next.js es un framework que me resulta muy cómodo para trabajar.

Para hacer el hero, elegí uno de los diseños más clásicos en ese momento: formato vertical, píldora con anuncios, título, subtítulo, CTA y abajo un carrusel de imágenes con movimiento perpetuo.