Web corporativa audiovisual basada en WordPress a medida
Web de la productora Que Rico Mambo
Desarrollo de un theme a medida en WordPress para Que Rico Mambo, productora audiovisual centrada en contenidos de entretenimiento, publicidad y formatos audiovisuales, en un proyecto realizado en 2018 junto con Lacasagroga.
Contexto
¿Cómo abordé el proyecto?
Que Rico Mambo es una productora audiovisual con un universo visual propio, orientada a proyectos de entretenimiento, publicidad y contenidos para marcas y medios. El reto consistía en traducir el diseño de Lacasagroga a un theme de WordPress a medida, que permitiera mostrar el reel, los proyectos y el enfoque creativo de la productora con la misma energía que sus trabajos. El proyecto se desarrolló en 2018, cuidando tanto la fidelidad al diseño como la estructura técnica: un theme ligero, pensado para un portafolio audiovisual que necesita convivir bien con vídeo, imágenes y textos breves, y que debía ser fácil de mantener y de ampliar con nuevos proyectos.
Theme a medida sobre WordPress
El proyecto se basó en un theme desarrollado desde cero, adaptado al diseño de Lacasagroga y a las necesidades específicas de un portafolio audiovisual.
Portafolio centrado en proyectos y reel
La web se estructuró en torno al reel y a las fichas de proyectos, permitiendo mostrar campañas, piezas y formatos de forma clara y visual.
Trabajo conjunto con Lacasagroga
Lacasagroga definió la dirección de arte; mi rol fue traducirla a un código limpio, responsive y optimizado para contenidos audiovisuales.
Equilibrio entre estética y rendimiento
Se trabajó la integración de vídeo y recursos gráficos sin sacrificar tiempos de carga ni estabilidad del sitio.
Proceso
Mi workflow
Entender la identidad de Que Rico Mambo
Analicé el tipo de proyectos y el tono de la productora, para que la web reflejara su personalidad: dinámica, creativa y orientada a contenido audiovisual.
Aterrizar el diseño de Lacasagroga
Trabajé a partir del diseño de Lacasagroga para definir plantillas, jerarquía visual y comportamiento responsive en el theme.
Desarrollo del theme a medida
Desarrollé un theme propio, evitando plantillas comerciales, con plantillas específicas para home, reel, proyectos y páginas de información.
Estructura de portafolio y proyectos
Configuré tipos de contenido para proyectos, permitiendo asociar vídeos, imágenes, descripciones y créditos a cada pieza.
Optimización para contenidos audiovisuales
Cuidé la carga de vídeos e imágenes, el uso de embeds y el manejo de recursos para mantener una experiencia fluida.
Preparar la web para crecer
Dejé la base lista para que la productora pudiera añadir nuevos proyectos y actualizar su reel sin romper la estructura ni el diseño.
Tecnologías
Stack técnico
La web de Que Rico Mambo se desarrolló sobre WordPress con un theme a medida, centrado en mostrar proyectos audiovisuales con claridad, personalidad y buen rendimiento.
- WordPress como base del portafolio audiovisual
- Theme desarrollado completamente a medida
- Custom post types para proyectos y categorías de piezas
- HTML, CSS y Javascript pensados para integrar vídeo e imagen con fluidez
FAQ
Preguntas frecuentes
¿Qué tipo de proyectos muestra la web de Que Rico Mambo?
La web de Que Rico Mambo está planteada como un portafolio vivo de los proyectos de la productora. En ella se muestran piezas de entretenimiento, campañas publicitarias, contenidos de marca y otros formatos audiovisuales que forman parte de su trabajo habitual. Cada proyecto dispone de su propia ficha, donde se combinan vídeo (embebido o integrado) con imágenes estáticas, una breve descripción del concepto y, cuando es relevante, información sobre el cliente, el tipo de formato o el canal en el que se emitió. El objetivo es que quien visite la web —ya sea una marca, una agencia o un medio— pueda hacerse una idea rápida del tono, el estilo visual y la variedad de proyectos que Que Rico Mambo es capaz de producir. El diseño y el desarrollo del theme se han puesto al servicio de esa idea: que el trabajo se vea bien, cargue rápido y ocupe el lugar central en la experiencia.
¿Cómo se organiza el portafolio dentro del theme a medida?
El portafolio se organiza mediante tipos de contenido personalizados que permiten agrupar los proyectos por categorías, formatos o clientes, según las necesidades de la productora. La home puede destacar proyectos seleccionados o un reel general, mientras que secciones específicas permiten navegar por el conjunto de trabajos. Cada ficha de proyecto comparte una estructura común —vídeo, imágenes, descripción, créditos— que ayuda a mantener coherencia y facilita la lectura. Esta organización hace que el equipo de Que Rico Mambo pueda añadir nuevas piezas sin preocuparse por el diseño: basta con completar los campos previstos y el theme se encarga de presentarlo con el mismo lenguaje visual que el resto. Así, la web funciona como un catálogo ordenado y fácil de actualizar, pensado para crecer con la productora.
¿Qué aporta el desarrollo de un theme a medida frente a una plantilla genérica?
Desarrollar un theme a medida para Que Rico Mambo permitió ajustar la web exactamente a la manera en que la productora quiere contar sus proyectos. A diferencia de una plantilla genérica, que suele venir cargada de opciones y estructuras que no siempre encajan, un theme propio se diseña desde el inicio para un caso concreto: tipo de contenidos, ritmo visual, relación entre texto y vídeo, jerarquía de secciones. Esto se traduce en un código más ligero, más fácil de mantener y mejor adaptado al uso real que se hace del sitio. Además, permite un control fino sobre detalles como el comportamiento de los embeds, la presentación de las galerías o la adaptación responsive, cuestiones fundamentales en un contexto audiovisual. En resumen, el theme a medida refuerza la identidad de la productora y convierte la web en una herramienta alineada con su forma de trabajar.
¿Cómo se ha tenido en cuenta el rendimiento en una web con tanto contenido audiovisual?
En una web donde el protagonista es el contenido audiovisual, el rendimiento es un aspecto crítico. En el desarrollo del theme se cuidaron aspectos como la carga diferida de recursos cuando era posible, el uso responsable de embeds de plataformas externas y la optimización de imágenes en función del diseño. Se evitó incluir librerías de Javascript innecesarias y se controló el peso del CSS para que el tiempo hasta la primera pintura útil fuera razonable incluso en conexiones no ideales. El resultado es una web que, pese a mostrar vídeo e imagen de forma constante, se siente ágil y responde bien, lo que es clave para que quienes visitan el portafolio —a menudo con poco tiempo— puedan ver varias piezas sin percibir la web como pesada o lenta.
¿Qué rol tuvo Lacasagroga en el proyecto y cómo se integró su diseño en el desarrollo?
Lacasagroga fue el responsable de la dirección de arte y del diseño de la web de Que Rico Mambo. Definieron la estructura visual, la paleta de colores, la tipografía y la manera en que los proyectos debían presentarse para reflejar el tono de la productora. Mi rol fue tomar ese diseño y traducirlo a un theme funcional en WordPress, respetando composición, proporciones y ritmo visual. Esto implicó trabajar con especial cuidado la maquetación responsive, la relación entre elementos en distintas resoluciones y la integración del contenido audiovisual. La colaboración fue un diálogo constante entre diseño y desarrollo, ajustando detalles para que la web mantuviera la personalidad definida por Lacasagroga sin perder estabilidad ni rendimiento. El resultado final es una web donde se percibe claramente la mano del diseño, respaldada por una base técnica sólida.
¿Cómo se plantea la experiencia de un potencial cliente que visita la web por primera vez?
La experiencia de un potencial cliente que aterriza por primera vez en la web de Que Rico Mambo se ha planteado como un recorrido rápido y visual. Desde la home, la persona se encuentra con el reel o con proyectos destacados que funcionan como una “tarjeta de presentación” inmediata del estilo de la productora. A partir de ahí, puede profundizar en proyectos concretos, navegar por categorías o ir directamente a la sección de contacto si ya tiene claro que quiere iniciar una conversación. La web evita sobrecargar al visitante con textos largos en esta primera capa; deja que sean las piezas las que hablen, acompañadas por información suficiente para contextualizarlas. De este modo, la web actúa como una reunión inicial comprimida en unos minutos de navegación, en la que el cliente potencial puede decidir si el tono y el enfoque de Que Rico Mambo encajan con lo que busca.
¿Qué puede esperar la productora al trabajar su propio portafolio sobre este theme?
Trabajar el portafolio sobre un theme a medida ofrece a la productora una combinación de independencia y coherencia. Por un lado, puede añadir nuevos proyectos, actualizar información o reorganizar secciones sin necesidad de tocar código, gracias a los tipos de contenido y plantillas diseñados específicamente para su realidad. Por otro, cada nueva pieza se integra automáticamente en el lenguaje visual y estructural definido, manteniendo una imagen profesional y consistente. Esto significa que el esfuerzo se puede centrar en lo que realmente importa: seleccionar qué trabajos mostrar, cómo contarlos y cómo mantener el portafolio vivo y actualizado. A largo plazo, este enfoque reduce la necesidad de rehacer la web desde cero cada pocos años y convierte el theme en una herramienta de trabajo cotidiana para el equipo de Que Rico Mambo.