Dentro de la Asociación Victoria Kent, la gestión visual de los programas subvencionados implicaba un alto volumen de producción gráfica repetitiva: carteles en físico (A4 y A3), contenidos para redes sociales (feed e historias), copys, artículos y firma digital para el equipo. Cada nuevo programa o curso implicaba repetir el proceso de diseño manual desde cero, lo cual representaba una carga operativa considerable.
La solución debía reducir tiempos, estandarizar la comunicación visual y garantizar coherencia en todas las piezas producidas, sin comprometer la calidad ni la adaptabilidad.
Solución: el portal creativo automatizado
Desarrollé un portal web interno que automatiza el proceso de diseño gráfico institucional y genera de forma dinámica las piezas necesarias a partir de la información introducida en un formulario inteligente previamente ya desarrollado.
El sistema se basa en un CMS personalizado conectado mediante JavaScript a una estructura de plantillas gráficas que diseñé previamente, alineadas con la identidad visual de la entidad. Cada vez que se lanza un nuevo programa, curso o artículo, el equipo solo debe rellenar un formulario estructurado, y automáticamente se generan:
- Cartel físico (A4 / A3)
- Feed e historia para redes sociales
- Copy adaptado para publicación
- Firma digital personalizada (para nuevos miembros del equipo)
Lógica y funcionalidad
El sistema incluye:
- Detección automática del tipo de contenido (programa, curso, artículo, etc.) para asignar el diseño adecuado
- Cambio automático de color del cartel según el área temática del programa
- Generación de firmas conectadas con la sección “Equipo” de la web, sincronizando datos del CMS
- Previsualización y descarga directa de las piezas desde el portal
Este flujo de trabajo automatizado transformó un proceso de diseño que antes llevaba horas por pieza en un sistema autoejecutable y visualmente coherente.
Herramientas y tecnologías utilizadas
- Webflow (estructura del portal + CMS)
- JavaScript personalizado (para lógica dinámica de plantillas)
- Figma (diseño visual de los templates)
- Google Fonts y herramientas de carga de datos por CMS para actualización dinámica
Resultado
El Portal Creativo Automatizado no solo optimizó el flujo interno de diseño en la asociación, sino que mejoró la calidad, consistencia y velocidad de la comunicación institucional. En un año con más de 30 programas, el ahorro en tiempo y esfuerzo fue enorme, permitiendo al equipo centrarse más en el impacto de los contenidos que en la ejecución técnica.
Automatizar el diseño no es renunciar a la creatividad, sino multiplicar su alcance y coherencia cuando más se necesita.
