Case Study: Cómo transformamos la presencia digital de Syntagma, una gestora cultural con más de 15 años de trayectoria
Case Study: Cómo transformamos la presencia digital de Syntagma, una gestora cultural con más de 15 años de trayectoria
- Daniel H. Devia Beltran
- Nuestra agencia
Introducción al cliente: quién es Syntagma y qué hace
Syntagma es una empresa especializada en la gestión, programación y producción de proyectos culturales. Desde hace más de quince años impulsa la creación artística en los ámbitos de la música, la danza y el teatro, colaborando con formaciones de referencia en Cataluña como la Orquestra de Cambra Terrassa 48, el Cor Infantil Amics de la Unió, la Coral Sant Jordi o el Cor de Cambra de Granollers.
Bajo la dirección de Toni Gálvez, gestor cultural y productor con una larga experiencia en el sector, Syntagma se ha consolidado como un punto de encuentro entre artistas, instituciones y público. Su trabajo combina profesionalidad, sensibilidad artística y una mirada pedagógica que busca acercar la cultura a todos los públicos.
Cuando el equipo de Syntagma se acercó a Agencia Vilo Comunicación, tenían un objetivo claro: renovar su web y recuperar una identidad digital acorde con la calidad de su trabajo. La anterior versión del sitio web se había quedado obsoleta, con un diseño que no reflejaba la esencia de la marca ni el valor de sus servicios. La tipografía era poco legible, la jerarquía de contenidos no facilitaba la comprensión, y el aspecto general transmitía una imagen alejada del rigor y la vitalidad que caracteriza sus proyectos.
Las necesidades de Syntagma: un espacio digital a la altura de su trayectoria
El diagnóstico inicial fue claro: Syntagma necesitaba una reconstrucción completa de su ecosistema digital. No se trataba solo de un rediseño estético, sino de reordenar la arquitectura de contenidos, actualizar la identidad visual y dotar a la web de herramientas funcionales para gestionar la comunicación de sus propuestas.
Otro punto crítico era la propiedad del hosting y el dominio. El cliente no tenía acceso directo a sus credenciales, algo que sucede con frecuencia cuando las webs dependen de terceros. Desde Agencia Vilo insistimos en que el dominio y el alojamiento son el equivalente digital al local de un negocio: puedes contratar a quien decore, pinte o reorganice el interior, pero las llaves deben ser tuyas. Recuperar esa titularidad fue un paso esencial para garantizar independencia, seguridad y control sobre la infraestructura técnica.
Además, Syntagma necesitaba una narrativa clara y ordenada que reflejara sus áreas de trabajo (management, producción y comunicación cultural), y que permitiera mostrar con detalle las formaciones artísticas con las que colabora. La nueva web debía transmitir profesionalidad, cercanía y coherencia estética, y facilitar el contacto con promotores, entidades y programadores culturales.
En la imagen anterior se puede observar cómo era la versión antigua del sitio web. Al entrar, las personas se encontraban primero con el logotipo acompañado por la selección de los tres idiomas, y solo después accedían a una segunda pantalla donde aparecían los servicios. Era un diseño muy básico, poco responsive y visualmente desactualizado, que no reflejaba la calidad ni la trayectoria de Syntagma. Esta estructura fragmentada dificultaba la navegación y ofrecía una experiencia poco intuitiva para usuarios y programadores culturales.
💡 Te recomendamos leer 👉 ¿Por qué debo invertir en comunicación?
Descubre cómo ayudamos a Savia a mejorar su comunicación y alcance
El proceso de transformación: de la idea a la nueva plataforma
Fase 1. Co-creación y descubrimiento
Comenzamos el proyecto con una serie de sesiones de lluvia de ideas y entrevistas junto al cliente. En estas reuniones, Toni Gálvez compartió su visión sobre la cultura, los valores que quería transmitir y los referentes visuales que consideraba inspiradores. Estas conversaciones fueron clave para entender el tono, la identidad y las aspiraciones del proyecto.
A partir de ese intercambio, elaboramos un documento de trabajo estratégico que sirvió como punto de partida para todo el desarrollo posterior. En él se definieron la jerarquía de contenidos, las prioridades de navegación y los mensajes principales que debía transmitir cada sección. El objetivo era construir una experiencia web que combinara claridad informativa, atractivo visual y coherencia de marca.
Fase 2. Reorganización de contenidos y arquitectura de información
Uno de los mayores retos fue estructurar la información de manera comprensible y atractiva. La nueva web debía funcionar tanto para el público general como para profesionales del sector. Rediseñamos el mapa de navegación agrupando la información en cinco grandes bloques: Inicio, Nosaltres, Serveis, Propostes artístiques y Contacte.
La home se pensó como una carta de presentación visual e inmediata, con una frase que resume la misión de Syntagma: “Gestionem projectes culturals per omplir escenaris.” Este mensaje directo, acompañado de imágenes de alta calidad y CTAs visibles, transmite de un vistazo la esencia del proyecto: pasión, experiencia y compromiso con las artes escénicas.
En la página Nosaltres, presentamos a Toni Gálvez como el alma detrás de la marca. Incluimos una línea del tiempo interactiva que recorre su trayectoria, desde sus inicios en la Fundación “La Caixa” hasta la fundación de Syntagma y su consolidación como gestor de coros y orquestas reconocidos. Esta cronología se diseñó de forma visual, con iconografía e intercalando hitos y años destacados, para facilitar la lectura y reforzar la credibilidad de la marca.
Fase 3. Diseño visual y logotipo
El proceso visual comenzó con la creación y presentación de varias propuestas de diseño que exploraban distintos estilos, jerarquías y enfoques estéticos. Estas primeras alternativas nos permitieron, junto al cliente, identificar qué dirección representaba mejor la personalidad de Syntagma y su vínculo con el mundo artístico. Tras varias sesiones de revisión, el cliente eligió la línea creativa que equilibraba profesionalidad, sensibilidad y contemporaneidad.
A partir de esta decisión, desarrollamos un sistema visual completo que sirvió como base para toda la arquitectura del proyecto. La dirección estética seleccionada no solo definió el aspecto final del sitio web, sino que también influyó en la manera en que organizamos los contenidos, priorizamos bloques y construimos la narrativa de cada sección. La paleta cromática se consolidó con blancos y negros como base institucional, complementados por un acento naranja que aporta vitalidad y resalta los elementos interactivos.
En paralelo, trabajamos en una simplificación del logotipo para mejorar su legibilidad y flexibilidad en entornos digitales. El nuevo diseño mantiene la identidad original, pero con líneas más limpias y proporciones adaptadas a usos reales —desde pantallas móviles hasta cabeceras de documentos o materiales promocionales—. El resultado es una marca más moderna, clara y coherente con la evolución del proyecto.
El sistema visual se completó con una iconografía personalizada que actúa como refuerzo funcional y estético: ayuda a organizar la información y mantiene una coherencia gráfica en todo el recorrido del usuario.
En la siguiente imagen se muestran algunos de los bosquejos iniciales que elaboramos durante la fase de co-creación y, junto a ellos, un ejemplo de cómo uno de esos esquemas se transformó en el diseño final de una landing de “Propostes artístiques”. Esta comparación permite visualizar el proceso completo: desde la conceptualización estratégica hasta la ejecución final aplicada en el sitio web.
💡 Te recomendamos leer 👉 Las 7 diferencias entre landing page y sitio web
Fase 4. Contenidos y tono narrativo
La redacción fue un pilar fundamental del proyecto. Reescribimos todos los textos con un tono cercano, profesional y emocionalmente equilibrado. En la página de servicios, organizamos la información en tres grandes áreas: Management i Representació Artística, Producció i Organització d’Esdeveniments y Comunicació i Disseny Creatiu.
Cada bloque cuenta con descripciones claras que explican de forma sencilla en qué consiste cada servicio, qué beneficios aporta y cómo se traduce en resultados concretos. Buscamos una comunicación fluida, sin tecnicismos, pero con precisión y rigor.
También incorporamos testimonios de clientes y colaboradores, como el de Josep M. Martí (presidente de la Coral Sant Jordi) o M. Àngels Blasco (organizadora de eventos musicales internacionales), que aportan una capa de credibilidad y validación profesional al relato.
Descubre cómo potenciamos la comunicación digital de una consulta de psicodermatología en Barcelona
Fase 5. Desarrollo de las páginas de propuestas artísticas
Una de las secciones más relevantes de la nueva web es “Propostes artístiques”, donde cada formación o proyecto tiene su propia landing page. Cada una se diseñó como una microsite independiente con identidad propia, pensada para facilitar la contratación, la difusión y el acceso a materiales informativos.
Estas páginas incluyen un header visual de gran formato, con fotografías impactantes y el nombre de la formación en un título principal. Le sigue una descripción curatorial que presenta su historia, repertorio y valores artísticos, acompañada de datos relevantes organizados con iconos.
Para reforzar el dinamismo, cada landing incorpora un banner de vídeo en movimiento, una galería de imágenes y un bloque de programas descargables en PDF. Además, desarrollamos formularios específicos para que los interesados puedan solicitar información directamente sobre cada propuesta. De este modo, Syntagma recibe notificaciones personalizadas que indican desde qué formación se generó la consulta, facilitando la gestión y el seguimiento comercial.
Fase 6. Accesibilidad, rendimiento y propiedad técnica
El proyecto se completó con una revisión integral de la accesibilidad, garantizando buen contraste de colores, etiquetas alt en imágenes, estructura semántica y tiempos de carga optimizados. También añadimos las páginas legales (aviso, privacidad y cookies) adaptadas a la normativa vigente.
Lo más importante fue dejar toda la infraestructura bajo control del cliente. Syntagma es ahora propietario absoluto del dominio y del hosting, con acceso documentado, copias de seguridad automáticas y una estructura de permisos clara. La metáfora del “local digital” se hizo realidad: un espacio propio, bien diseñado y completamente funcional.
El resultado: una web que ordena, emociona y convierte
El nuevo sitio de Syntagma no solo ofrece una imagen moderna y coherente, sino que redefine cómo la marca se presenta y cómo conecta con sus públicos. La transformación combina diseño, narrativa, arquitectura de información y una base técnica robusta, dando como resultado una plataforma digital clara, emocional y orientada a la conversión. Ahora, cualquier visitante —ya sea un programador cultural, un director artístico, un estudiante o un espectador— puede comprender de inmediato quién es Syntagma, qué hace y qué valor aporta a las artes escénicas.
La nueva home se ha convertido en un escaparate visual que comunica identidad y trayectoria desde el primer impacto. El mensaje principal, las imágenes de gran formato y los CTAs estratégicamente ubicados permiten captar la atención y guiar al usuario. Es una puerta de entrada potente, pensada para transmitir profesionalidad y sensibilidad artística.
La sección Nosaltres humaniza la marca, poniendo en valor la figura de Toni Gálvez y su recorrido profesional. La línea del tiempo, la narrativa cuidada y la estructura visual ayudan a construir confianza, mostrando el peso de una trayectoria consolidada en el sector cultural. Esta sección no solo informa: contextualiza y legitima la marca.
💡 Te recomendamos leer 👉 Las 6 ventajas de las páginas web en varios idiomas
La página de Serveis ordena de forma clara y pedagógica las tres grandes áreas de trabajo de Syntagma. Cada bloque está explicado con precisión, acompañado de iconografía personalizada y un enfoque orientado a beneficios reales para entidades, formaciones y promotores. El resultado es una lectura fluida que facilita la comprensión inmediata del alcance y la profundidad del trabajo de Syntagma.
Por su parte, las landings de Propostes artístiques ofrecen una experiencia inmersiva, diseñada específicamente para mostrar el valor de cada formación. Imágenes de alta calidad, vídeos en movimiento, iconos informativos y CTAs visibles convierten estas páginas en herramientas reales de difusión y contratación. Cada landing funciona como un microsite independiente, pensado para compartirse fácilmente y para guiar al usuario hacia la conversión: descargar material, solicitar información o contactar directamente.
Todo este trabajo convierte la web en un ecosistema vivo. Un espacio que puede ampliarse, actualizarse y evolucionar en paralelo a la actividad cultural de Syntagma. La arquitectura técnica garantiza velocidad, accesibilidad y estabilidad; la narrativa refuerza la identidad; y el diseño acompaña a la marca hacia una nueva etapa digital más madura y cohesionada.
Hoy, Syntagma dispone de una plataforma que respira su esencia: ordena su propuesta, emociona con su historia y convierte gracias a una estructura clara y orientada a objetivos. Una herramienta digital que acompaña su misión: conectar talento artístico, instituciones y público.
💡Te recomendamos informarte sobre nuestro Servicio de SEO profesional o Servicio de SEM en Google ADS.
Conclusión: del rediseño visual a la consolidación de una marca digital
El caso de Syntagma demuestra que el rediseño de una web cultural va mucho más allá de mejorar su aspecto visual. Implica comprender la esencia del proyecto, ordenar los contenidos, cuidar la narrativa y garantizar la propiedad técnica del espacio digital.
En Agencia Vilo Comunicación nos enorgullece haber acompañado a Syntagma en este proceso de renovación, combinando estrategia, diseño y comunicación para construir una plataforma que refleja fielmente su manera de trabajar.
Hoy, Syntagma cuenta con una presencia digital sólida, moderna y versátil. Una web que muestra con claridad, inspira con imágenes y conecta con quienes hacen posible la cultura.
Si tú también necesitas una web que hable con tu voz y transmita el valor real de tu marca, escríbenos a escribenos@agenciavilo.com o envíanos un WhatsApp al (+34) 680 53 81 97.
Te ayudaremos a dar forma a tu identidad digital con estrategia, diseño y contenido.
Compartir
Suscríbete a nuestra newsletter
Te recomendamos
Categorías
Entradas recientes
- Escrito por Daniel H. Devia Beltran



