The Production
Club
The Production Club es una productora audiovisual que trabaja con directores y fotógrafos para marcas como Ebro, Gaggenau, McDonald’s, Decathlon, Leroy Merlin o San Miguel.
VISITAR PÁGINA WEB
CONTEXTO
Como parte de un proceso de renovación de marca, me encargué del rediseño integral de su web. Adapté la nueva identidad visual a una experiencia digital que reflejara mejor la calidad de su trabajo y facilitara la navegación por sus distintos servicios.
El reto era diseñar un portafolio capaz de mostrar un gran volumen de proyectos y talentos sin saturar, dar visibilidad por igual al trabajo, a los directores y a las marcas, y transmitir a la vez la filosofía de la productora: hacer las cosas con sentido, cuidando cada detalle.
PROBLEMAS Y OBJETIVOS
La web anterior de The Production Club presentaba problemas que afectaban tanto a la percepción de la marca como a la experiencia de usuario. Estos retos definieron los objetivos clave del proyecto: reforzar la presencia digital de la marca, alinear la web con la nueva identidad y mejorar la navegación y la usabilidad general.
Problemas
Navegación limitada y poco clara
La estructura limitaba el acceso a las distintas áreas de contenido, dificultando que los usuarios encontraran fácilmente lo que buscaban.
Diseño oscuro, alejado de la nueva identidad de marca
La paleta de colores y el tono visual ya no encajaban con la nueva identidad. Esto generaba una desconexión entre lo que comunicaba la marca y lo que transmitía la web.
Estructura de contenidos poco eficaz
En general, la web contenía demasiado texto e información innecesaria, lo que hacía que el contenido resultara recargado, difícil de leer de un vistazo y poco organizado.
Objetivos
Rediseñar la web y alinearla con la marca
Rediseñar la web para adaptarla a la nueva identidad de marca, mejorar la navegación y poner en valor los proyectos.
Mejorar la experiencia digital
Crear una experiencia a la altura del portafolio audiovisual de la productora.
SOLUCIÓN
Una web clara y sobria, pensada para que las producciones hablen por sí mismas.
Navegación clara
Una jerarquía sencilla para encontrar el contenido sin perderse.
El audiovisual, primero
El contenido audiovisual, siempre en primer plano y con una jerarquía que lo pone en valor.
Un marco editorial
Fondo neutro, tipografía monoespaciada para la información y el logotipo como único elemento gráfico.
INVESTIGACIÓN
Analicé referencias del sector audiovisual y productoras similares para identificar patrones de navegación, formas de presentar el contenido visual y tendencias de diseño para este tipo de web.
Pure Cinema Productions
- Vídeo a pantalla completa desde el primer segundo
- Menú de 3 elementos
- Espacio en blanco generoso
Levector
- Carrusel de proyectos a pantalla completa
- Navegación visible durante el desplazamiento
- Esquema de color coherente (oscuro + acento)
Yutopia Films
- La página de inicio funciona como índice del portafolio
- Cada proyecto tiene su propio color/identidad, reduciendo la fricción de navegación
Canada
- La página de inicio presenta una sucesión continua de proyectos («Dirigido por…») con muy poco texto
- Navegación reducida a lo esencial
Insights
Priorizar el contenido audiovisual sobre el texto; el menú debe ser corto y directo.
Navegación persistente para que el usuario nunca pierda el acceso a las secciones clave.
Reforzar que cada sección se sienta como una categoría clara y diferenciada.
Una sucesión de proyectos limpia, sin ruido visual y con un breve crédito por proyecto es el estándar del sector.
Tras la investigación y el análisis heurístico, el siguiente paso fue convertir los hallazgos en una visión clara de quiénes son los usuarios y qué necesitan del sitio web.
¿Cuál es la tarea principal?
Encontrar trabajos audiovisuales relevantes para valorar si la productora encaja con su proyecto antes de decidirse a contactar.
¿Qué se considera un éxito?
Que el usuario llegue al sitio, encuentre la sección que le interesa en segundos y explore los trabajos sin dificultades.
¿Qué necesitan los usuarios?
Entender la oferta, explorar trabajos relevantes sin esfuerzo y confiar en que The Production Club es la elección adecuada.
¿Quiénes son los usuarios principales?
Agencias y marcas que buscan talento o servicios de producción, frente a clientes potenciales que evalúan el porfolio.
¿Cómo debe reflejarse la nueva marca?
La nueva identidad debe ser coherente en toda la experiencia, para que el sitio sea una extensión natural de la marca, no algo independiente.
¿Qué debe transmitir el sitio?
La personalidad, la calidad y la experiencia de la marca, ofreciendo una experiencia de uso clara, intuitiva y sin esfuerzo.
DECISIONES DE DISEÑO
¿Cómo presentar la producción de The Production Club de forma clara, visual y fácil de explorar?
La respuesta se centra en priorizar los proyectos, facilitar la exploración visual, ofrecer contexto claro de cada pieza y mantener la identidad de la marca presente en toda la experiencia.
Los proyectos, primero
Los proyectos de The Production Club son el foco principal para que el usuario pueda valorarlo de inmediato.
Home · Films · Photo
Exploración visual sencilla
Una estructura visual fácil de recorrer permite encontrar rápidamente los proyectos más relevantes.
Grid · Vista de proyecto
Contexto claro de cada proyecto
La información clave, como la dirección y la marca, aparece desde el principio para entender cada proyecto y su relevancia.
Tarjetas de proyecto · Créditos visibles
La marca en toda la experiencia
La nueva identidad se integra en la tipografía, la composición, el movimiento y el lenguaje visual.
Sistema visual · Tipografía · Animaciones
CONCLUSIÓN
La nueva web de The Production Club deja de ser un catálogo recargado y se convierte en un marco sobrio y editorial donde el trabajo habla por sí mismo. La navegación es más corta y clara, la identidad es coherente en toda la experiencia, y agencias y marcas pueden encontrar en segundos los proyectos que les interesan y valorar si la productora encaja con lo que buscan.
Aprendizajes
Lo difícil no fue añadir, sino quitar
Renunciar a texto, efectos y elementos gráficos para que cada pieza tuviera espacio exigió justificar cada elemento que se quedaba. La contención también es una decisión de diseño.
Una identidad no se traslada, se traduce
Llevar la nueva estética de la marca al entorno digital no consistió en aplicar colores y tipografía, sino en decidir cómo se comporta en movimiento, en scroll y en pantallas pequeñas.
Varias audiencias, una sola jerarquía
Dar visibilidad a trabajos, directores y marcas a la vez obligó a priorizar: el proyecto como puerta de entrada y el contexto (dirección, marca) como una capa secundaria pero siempre visible.
El móvil pone a prueba la estructura
Explorar las pantallas móviles a la par que el escritorio sirvió para comprobar que la jerarquía y la navegación se sostenían también con menos espacio, no solo para adaptar el diseño.
Próximos pasos
Medir el uso real
Analizar qué proyectos se ven más, cuánto se recorre la galería y cuántas visitas terminan en contacto.
Validar con usuarios
Hacer tests rápidos con agencias para comprobar que encuentran trabajos relevantes sin ayuda.
