Aller au contenu
← Réalisations
Refonte et développement webProduction audiovisuelle · Miami, États-Unis

The Mavo Group : le site d’une société de production devait avoir l’allure d’une production

Quatorze pages, de la vidéo dans chaque section et deux marques réunies sous un même domaine, pour une maison de production de Miami qui travaille avec des artistes et des marques.

Page d’accueil de themavogroup.com : vidéo plein écran avec le titre « Creative Ecosystem Built for Growth » et la barre de navigation de Mavo

Aperçu du projet

The Mavo Group est une maison de production audiovisuelle basée à Miami qui travaille sur deux fronts : les artistes musicaux et les marques. Nous avons refait et développé tout son site, en anglais et pour un public américain : quatorze pages accessibles depuis la navigation, de la vidéo dans presque toutes les sections et une sous-marque — Creators by Mavo — qui vit sous le même domaine avec sa propre identité.

Le défi

Le site d’une société de production a un problème que les autres n’ont pas : le produit du client, c’est la vidéo, et la vidéo est justement ce qui pèse le plus dans une page.

Tout devait bouger, et pourtant s’ouvrir vite. Page d’accueil, services, processus et sous-marque reposent sur des images en mouvement. Chacune est un fichier qu’il faut recadrer, compresser et servir depuis le domaine lui-même, sans dépendre d’un lecteur externe qui déposerait en plus des cookies tiers.

Deux publics qui n’achètent pas de la même façon. Un artiste cherche un clip et une pochette ; une marque cherche une publicité et du contenu. Les réunir sur la même page de services aurait laissé les deux sur leur faim.

Et une troisième activité avec sa propre marque. Creators by Mavo a un autre produit, un autre logo, une autre adresse e-mail et d’autres réseaux. Ce pouvait être un site à part — coûteux à maintenir — ou une section de plus, qui l’aurait diluée.

Objectifs

Que le site ressemble à une création de MAVO et non à un modèle à ses couleurs. Qu’un artiste et une marque trouvent chacun leur chemin sans lire la page de l’autre. Que Creators by Mavo ait sa propre respiration sans dupliquer l’exploitation. Et que le client puisse changer le reel lui-même, sans nous appeler chaque fois qu’il sort une nouvelle vidéo.

La solution, section par section

Carrousel de réalisations du site de The Mavo Group, avec la vidéo « Save Me » de Stringz EMB en grand format et une grille de contenus de créateurs en dessous

Le travail avant le discours

On engage une société de production pour ce qu’elle a déjà tourné. La page d’accueil s’ouvre sur le reel et non sur un paragraphe : six vidéos dans un carrousel, chacune avec son titre et l’artiste ou la marque qui la signe, et en dessous la grille de contenus verticaux. Le visiteur voit du travail dès les premières secondes.

Section « Our simplified process » du site de The Mavo Group, avec trois cartes verticales intitulées We ideate, We produce et We launch sur fond rouge

Trois étapes, pas un organigramme

Ideate, produce, launch. Le processus de la maison se raconte en trois cartes verticales, au format d’un téléphone, sur le fond rouge de la marque. La forme n’est pas un caprice : presque tout ce que produit MAVO finit en vertical.

Section « For music » du site de The Mavo Group, avec les cinq services pour artistes listés sur une image d’un artiste devant un micro

Deux publics, deux entrées

MAVO vend à des artistes et à des marques, et ils n’achètent pas de la même façon. La section « For music » liste les cinq services pour artistes — clip musical, contenu, format court, photo de pochette et postproduction —, chacun avec sa propre page.

Section « For brands » du site de The Mavo Group, avec les services pour marques sur une image de trois personnes qui rient dans un salon

La même structure pour les marques

« For brands » reprend le schéma avec publicités, contenu de marque, format court, photographie et postproduction. Neuf pages de service au total, chacune avec ses propres images, pour que chaque recherche tombe là où elle doit tomber et non sur une liste générique.

Page d’accueil de Creators by Mavo, avec le titre « Mobile first content production » sur un dégradé rouge et quatre cartes verticales de créateurs

Creators by Mavo : une marque dans la marque

La ligne de contenus tournés au téléphone ne pouvait pas être une section de plus : elle a un autre produit, un autre prix et un autre public. Elle vit dans le même site avec sa propre identité — dégradé rouge, cartes verticales, vert d’accent — et un sélecteur « I’m a… » qui adapte le message selon qu’on est artiste, marque ou créateur.

Pied de page de Creators by Mavo avec son propre logo, son adresse e-mail de contact et ses comptes Instagram et TikTok

Avec son propre logo, son e-mail et ses réseaux

La sous-marque va jusqu’au pied de page : logo « Creators by Mavo », adresse e-mail dédiée et les deux réseaux où se trouve vraiment son public, Instagram et TikTok. Elle cohabite avec la marque mère sans se confondre avec elle, et sans dupliquer le site.

Page Connect du site de The Mavo Group, avec le formulaire de contact et les champs nom, e-mail et téléphone

Un formulaire qui trie déjà

Connect ne demande pas « comment pouvons-nous vous aider ? ». Il demande qui vous êtes et quel type de projet vous apportez, avec les sept options que produit MAVO. La demande arrive par e-mail déjà classée, et la première consultation est offerte dès l’en-tête.

Page Thinking du site de The Mavo Group, avec le titre « We are Mavo » et le paragraphe sur les deux fondateurs latinos

Thinking : qui ils sont, pas depuis combien d’années

La page « à propos » n’aligne pas des fondateurs en costume-cravate. Elle raconte que MAVO est née de deux Latinos à Miami et ouvre un espace assumé d’expérimentation — documentaire, court métrage, illustration, image générée. C’est la partie du site qui explique pourquoi on les engage, et pas seulement ce qu’ils font.

Choix du projet

✓Vidéo servie depuis le domaine lui-même, sans lecteur tiers
✓Fonds muets et en boucle, avec un texte lisible sur n’importe quelle image
✓Une page par service, neuf au total
✓Sous-marque avec sa propre identité sous le même domaine
✓Formulaire qui classe la demande avant qu’elle n’arrive par e-mail
✓Bouton WhatsApp fixe, car c’est ainsi qu’écrit son public
✓Reel modifiable par le client, sans toucher au code
✓Site en anglais, pour un public américain

Technologies utilisées

WordPressElementorFigmaVidéo H.264 auto-hébergéeHTMLCSSJavaScriptGoogle Site Kit

Le pied de page, et une précision

Pied de page du site de The Mavo Group avec le menu, les coordonnées à Miami et le crédit de conception web à MTechnology

Le site, c’est nous qui l’avons fait, et le pied de page le mentionne. Les œuvres audiovisuelles visibles dans les captures d’écran ne sont pas les nôtres : ce sont des productions de MAVO pour ses propres clients — UNSIN, MVSTERMIND, Stringz EMB, Amini’s, Julio Reyes Copello — et elles apparaissent ici parce qu’elles font partie du site que nous avons construit. Ni la production ni les résultats de ces œuvres ne sont une réussite de MTechnology.

Captures du site publié · themavogroup.com

Galerie

Les neuf pages de service, une par une

Chaque service a sa propre page, avec sa propre vidéo de fond et sa propre sélection de réalisations. En voici huit ; la neuvième, « Short form / Reels » pour les marques, reprend la structure de celle consacrée à la musique.

Page « What we do » de The Mavo Group, avec le titre sur un gros plan vidéo et les réalisations qui commencent en dessous
What we do/what-we-do
Page « Music videos » de The Mavo Group, avec le titre sur une image d’un artiste aux lunettes rouges sous une lumière rouge
Music videos/music-videos
Page « Content » de The Mavo Group, avec le titre sur une image d’un musicien au piano entouré de bougies
Content/content
Page « Short form / Reels » de The Mavo Group, avec trois téléphones en perspective qui diffusent du contenu vertical
Short form / Reels/short-form-reels
Page photographie pour la musique de The Mavo Group, avec le titre sur le portrait d’une artiste devant un fond floral rouge
Photography / Cover/photography-cover-music
Page « Commercials » de The Mavo Group, avec le titre sur une scène familiale dans une cuisine pendant un appel vidéo
Commercials/commercials
Page photographie pour les marques de The Mavo Group, avec le titre sur une sportive qui s’entraîne avec des cordes dans une salle de sport
Photography · marques/photography-3
Page « Postproduction » de The Mavo Group, avec le titre sur une image d’une scène tournée dans une chambre
Postproduction/postproduction

Captures du site publié · chaque carte ouvre la vraie page

← Conecta Región CaribeDropanas →

Votre projet sera-t-il le prochain ?

Dites-nous ce que vous devez résoudre et nous vous montrerons un cas proche du vôtre.

Ce projet est issu de notre service de développement web.

Réserver un appel
WhatsApp

Réserver un appel

Choisissez le jour (heure de Bogotá, UTC−5)
Heure
Vos coordonnées

La confirmation arrive par WhatsApp et par e-mail. Vous préférez nous écrire directement ? [email protected]