Una identidad de papel recortado, ahora en movimiento

Clan organiza «trabajaciones»: viajes en comunidad para trabajar en remoto en lugares con naturaleza, organizados por ediciones.

Programon diseñó para Clan una identidad muy expresiva: cortes tipo papel, máscaras irregulares, capas superpuestas y un hero que se transforma con el scroll.

Nos tocó llevar ese diseño a Webflow sin perder nada en el camino, que funcionara fluido en desktop y en mobile, y hacerlo con muy poco tiempo.

Programon gestionó el proyecto y se ocupó del diseño. Nosotros nos encargamos de toda la implementación en Webflow.

• Primera etapa. En una semana implementamos la base del sitio y las secciones principales.
• CMS de ediciones. Armamos la estructura de las ediciones y, cuando el proyecto pidió cambios, rehicimos las colecciones y la estructura de cada edición con los tiempos muy ajustados.
• Resto del sitio. En dos o tres semanas más completamos las páginas, las animaciones y la carga del contenido y las traducciones que nos pasó Clan.
• Entrega. Una sesión con la clienta para mostrarle cómo editar en Webflow y resolver los últimos detalles.

Desarrollamos cada sección a medida, resolviendo a mano máscaras, cortes y superposiciones para respetar el diseño sin perder rendimiento.

La animación del hero combina GSAP y Lottie: una mezcla poco habitual que nos permitió transformar el hero con el scroll de forma fluida y controlada.

Ediciones, blog y comunidad viven en el CMS, con componentes reutilizables, para que el equipo sume nuevas ediciones sin rehacer la base. El sitio está en español, inglés y portugués.

Diseño y gestión del proyecto: Programon. Implementación en Webflow, animaciones y CMS: Muzza. Contenidos y traducciones: Clan.