Saltar al contenido
← Portafolio
Rediseño y desarrollo webProducción audiovisual · Miami, Estados Unidos

The Mavo Group: el sitio de una productora tenía que verse como una producción

Catorce páginas, video en cada sección y dos marcas conviviendo en un mismo dominio, para una casa de producción de Miami que trabaja con artistas y con marcas.

Portada de themavogroup.com: video a pantalla completa con el titular «Creative Ecosystem Built for Growth» y la barra de navegación de Mavo

Resumen del proyecto

The Mavo Group es una casa de producción audiovisual con sede en Miami que trabaja en dos frentes: artistas de música y marcas. Rediseñamos y desarrollamos su sitio completo, en inglés y para público estadounidense: catorce páginas enlazadas desde la navegación, video en casi todas las secciones y una submarca —Creators by Mavo— que vive dentro del mismo dominio con identidad propia.

El desafío

Un sitio de productora tiene un problema que no tienen los demás: el producto del cliente es el video, y el video es justo lo que más pesa en una página.

Todo tenía que moverse, y aun así abrir. Portada, servicios, proceso y submarca se sostienen sobre fotogramas en movimiento. Cada uno es un archivo que hay que recortar, comprimir y servir desde el propio dominio, sin colgarse de un reproductor ajeno que además pondría cookies de terceros.

Dos públicos que no compran igual. Un artista busca video musical y portada; una marca busca comercial y contenido. Meterlos en la misma página de servicios habría dejado a los dos a medias.

Y una tercera línea de negocio con marca propia. Creators by Mavo tiene otro producto, otro logotipo, otro correo y otras redes. Podía ser un sitio aparte —caro de mantener— o una sección más, que la habría diluido.

Objetivos

Que el sitio se sintiera como una pieza de MAVO y no como una plantilla con sus colores. Que un artista y una marca encontraran cada uno su camino sin leer la página del otro. Que Creators by Mavo tuviera aire propio sin duplicar la operación. Y que el cliente pudiera cambiar el reel él mismo, sin llamarnos cada vez que estrena una pieza.

La solución, sección por sección

Carrusel de trabajos del sitio de The Mavo Group, con la pieza «Save Me» de Stringz EMB a pantalla ancha y una rejilla de contenido de creadores debajo

El trabajo antes que el discurso

Una productora se contrata por lo que ya rodó. La portada abre con el reel y no con un párrafo: seis piezas en un carrusel, cada una con su título y el artista o la marca que la firma, y debajo la rejilla de contenido vertical. Quien llega ve trabajo en los primeros segundos.

Sección «Our simplified process» del sitio de The Mavo Group, con tres tarjetas verticales rotuladas We ideate, We produce y We launch sobre un fondo rojo

Tres pasos, no un organigrama

Ideate, produce, launch. El proceso de la casa se cuenta en tres tarjetas verticales, con la proporción de un teléfono, sobre el fondo rojo de la marca. La forma no es capricho: casi todo lo que produce MAVO termina en vertical.

Sección «For music» del sitio de The Mavo Group, con los cinco servicios para artistas listados sobre un fotograma de un artista frente a un micrófono

Dos públicos, dos entradas

MAVO le vende a un artista y a una marca, y no compran igual. La sección «For music» lista los cinco servicios para artistas —video musical, contenido, formato corto, fotografía de portada y postproducción— cada uno con su propia página.

Sección «For brands» del sitio de The Mavo Group, con los servicios para marcas sobre un fotograma de tres personas riendo en una sala de estar

La misma estructura para las marcas

«For brands» repite el patrón con comerciales, contenido de marca, formato corto, fotografía y postproducción. Nueve páginas de servicio en total, cada una con su propio material, para que cada búsqueda caiga donde tiene que caer y no en un listado genérico.

Portada de Creators by Mavo, con el titular «Mobile first content production» sobre un degradado rojo y cuatro tarjetas verticales de creadores

Creators by Mavo: una marca dentro de la marca

La línea de contenido hecho con teléfono no cabía como una sección más: tiene otro producto, otro precio y otro público. Vive dentro del mismo sitio con identidad propia —degradado rojo, tarjetas verticales, verde de acento— y un selector de «I’m a…» que cambia el mensaje según sea artista, marca o creador.

Pie de Creators by Mavo con su logotipo propio, su correo de contacto y sus cuentas de Instagram y TikTok

Con su propio logo, su correo y sus redes

La submarca llega hasta el pie: logotipo «Creators by Mavo», correo propio y las dos redes donde de verdad está su público, Instagram y TikTok. Convive con la marca madre sin confundirse con ella, y sin duplicar el sitio.

Página Connect del sitio de The Mavo Group, con el formulario de contacto y los campos de nombre, correo y teléfono

Un formulario que ya clasifica

Connect no pregunta «¿en qué podemos ayudarle?». Pregunta quién es usted y qué tipo de proyecto trae, con las siete opciones que MAVO produce. La solicitud llega al correo ya clasificada, y la primera consulta se ofrece sin costo desde el mismo encabezado.

Página Thinking del sitio de The Mavo Group, con el titular «We are Mavo» y el párrafo sobre los dos fundadores latinos

Thinking: quiénes son, no cuántos años llevan

La página de nosotros no lista fundadores con foto de corbata. Cuenta que MAVO nació de dos latinos en Miami y abre un espacio declarado para experimentar —documental, corto, ilustración, imagen generada—. Es la parte del sitio que explica por qué los contratan y no solo qué hacen.

Decisiones del proyecto

✓Video servido desde el propio dominio, sin reproductor de terceros
✓Fondos mudos y en bucle, con el texto legible sobre cualquier fotograma
✓Una página por servicio, nueve en total
✓Submarca con identidad propia en el mismo dominio
✓Formulario que clasifica la solicitud antes de que llegue al correo
✓Botón de WhatsApp fijo, que es como escribe su público
✓Reel editable por el cliente, sin tocar código
✓Sitio en inglés, para público de Estados Unidos

Tecnologías utilizadas

WordPressElementorFigmaVideo H.264 propioHTMLCSSJavaScriptGoogle Site Kit

El pie, y una aclaración

Pie del sitio de The Mavo Group con el menú, los datos de contacto en Miami y el crédito de diseño web a MTechnology

El sitio lo hicimos nosotros y el pie lo acredita. Las piezas audiovisuales que se ven en las capturas no son nuestras: son producciones de MAVO para sus propios clientes —UNSIN, MVSTERMIND, Stringz EMB, Amini’s, Julio Reyes Copello— y aparecen aquí porque forman parte del sitio que construimos. Ni la producción ni los resultados de esas piezas son un logro de MTechnology.

Capturas del sitio publicado · themavogroup.com

Galería

Las nueve páginas de servicio, una por una

Cada servicio tiene su propia página, con su propio video de fondo y su propia selección de trabajo. Estas son ocho de ellas; la novena, «Short form / Reels» para marcas, repite la estructura de la de música.

Página «What we do» de The Mavo Group, con el titular sobre un primer plano en video y las piezas del portafolio empezando abajo
What we do/what-we-do
Página «Music videos» de The Mavo Group, con el titular sobre un fotograma de un artista con gafas rojas bajo luz roja
Music videos/music-videos
Página «Content» de The Mavo Group, con el titular sobre un fotograma de un músico al piano entre velas
Content/content
Página «Short form / Reels» de The Mavo Group, con tres teléfonos en perspectiva reproduciendo contenido vertical
Short form / Reels/short-form-reels
Página de fotografía para música de The Mavo Group, con el titular sobre el retrato de una artista ante un fondo floral rojo
Photography / Cover/photography-cover-music
Página «Commercials» de The Mavo Group, con el titular sobre una escena familiar en una cocina durante una videollamada
Commercials/commercials
Página de fotografía para marcas de The Mavo Group, con el titular sobre una deportista entrenando con cuerdas en un gimnasio
Photography · marcas/photography-3
Página «Postproduction» de The Mavo Group, con el titular sobre un fotograma de una escena rodada en una habitación
Postproduction/postproduction

Capturas del sitio publicado · cada tarjeta abre la página real

← Conecta Región CaribeDropanas →

¿Su proyecto es el siguiente?

Cuéntenos qué necesita resolver y le mostramos un caso como el suyo.

Este proyecto salió de nuestro servicio de desarrollo web.

Agendar una llamada
WhatsApp

Agendar llamada

Elija el día (hora de Bogotá)
Hora
Sus datos

La confirmación llega por WhatsApp y correo. ¿Prefiere escribir directo? [email protected]