Vidéastes & motion designers
Site web pour vidéaste
& motion designer.
Player HTML5 auto-hébergé, encodage AV1 économe, sous-titres VTT, espace client rough cut avec commentaires timecodés. Pas de logo Vimeo Pro intrus, pas de pubs YouTube, pas un de vos concurrents recommandé en fin de vidéo.
SCÈNE 01 · PRISE 01 · CODEMASTER STUDIO
Constat
Quatre angles morts
que votre site devrait couvrir.
Vimeo Pro avec logo intrus, YouTube avec pubs et recommandations vers vos concurrents, AV1 ignoré, rough cut payant chez un tiers — chaque détail coûte de l'image et de l'argent.
ANGLE MORT · 01
Vimeo Pro — logo intrus, abonnement annuel.
Votre reel hébergé chez Vimeo Pro = watermark visible selon le plan, abonnement annuel récurrent, et un lien qui peut être indexé par Google plutôt que votre site. La pièce maîtresse de votre portfolio appartient à quelqu'un d'autre.
ANGLE MORT · 02
YouTube embed — pubs, reco vers vos concurrents.
Reel en YouTube embed : pré-roll publicitaire imposé, fin de vidéo qui propose dix autres vidéastes (dont vos concurrents directs), bandeau "S'abonner" qui pollue le visuel. Le visiteur part chez quelqu'un d'autre avant la fin de votre reel.
ANGLE MORT · 03
AV1 absent — bande passante gaspillée.
La plupart des sites de vidéastes servent du H.264 à tout le monde. AV1 économise environ la moitié de la bande passante pour une qualité équivalente — moins de buffering, moins de coûts CDN, plus de visiteurs qui regardent la fin du reel.
ANGLE MORT · 04
Rough cut chez Frame.io — abonnement par projet.
Pour faire valider un rough cut au client, vous payez un Frame.io par projet, ou vous envoyez un lien Vimeo privé sans commentaires timecodés. L'aller-retour se fait par WhatsApp, capture d'écran, minute approximative. Votre site peut faire mieux, en interne.
Player & timeline
Le player qui ne vous trahit pas,
la timeline qui vous fait gagner du temps.
SCÈNE / PRISE
Scène 04
Prise 03
Chaque vidéo de votre site porte ses métadonnées techniques : caméra, lens, fps, LUT, date. Pas seulement pour faire joli — pour alimenter le balisage schema.org/VideoObject et les filtres catalogue.
Marie · Client — couper le plan large, démarrer sur le gros plan main.
Marie · Client — la musique monte trop fort à ce moment, baisser de 3 dB.
Vous — corrigé sur v3. Re-rendu en cours, retour ce soir.
Le client clique sur le player, le timecode est capturé, il tape son commentaire — vous recevez un email avec le lien direct vers le bon moment. Aucun Frame.io, aucun WhatsApp.
Ce que vous gagnez
Quatre bénéfices,
quatre lignes de votre P&L.
Auto-hébergé.
Zéro logo intrus.
Player HTML5 minimal, contrôles personnalisés à vos couleurs, plein écran natif, vitesse de lecture. Aucun watermark, aucune recommandation vers un concurrent.
~50% de bande passante en moins.
Encodage AV1 servi aux navigateurs compatibles, fallback MP4 H.264 pour les autres. Moins de buffering, factures CDN allégées, mobile sur 4G qui tient la route.
Espace client, commentaires timecodés.
Lien privé chiffré par projet, mot de passe, expiration. Le client commente au timecode, vous voyez le lien direct, vous répondez. Aller-retour clair, traçable, sans Frame.io.
Schema VideoObject natif.
Chaque vidéo balisée VideoObject avec thumbnail, durée, transcript, upload date. Google indexe le contenu, affiche les vignettes vidéo dans les SERP.
Anatomie du site
Six modules,
un studio en ligne.
MODULE 01
Showreel d'accueil
Reel en autoplay muet, AV1 + MP4 fallback, sous-titres optionnels. Plein écran au clic, son au tap. Moins de 3 secondes pour démarrer.
MODULE 02
Fiches projet narratives
Une page par film : brief client, intentions, équipe, BTS photos, vidéo finale, crédits, presse. Pas un carrousel, une histoire.
MODULE 03
Motion design boards
Pour les motion designers : planches d'images-clés, mood, exports MP4 looping silencieux. Modèle Django MotionBoard.
MODULE 04
Espace client privé
Un par projet ou par client. Versions du montage, commentaires timecodés, validation finale, archives. Lien chiffré, mot de passe, expiration.
MODULE 05
Sous-titres VTT multi-langues
Génération Whisper auto, correction admin, upload manuel, FR / EN / autres. Accessibilité RGAA, lecture sans son sur mobile, indexation Google.
MODULE 06
Press kit téléchargeable
ZIP signé contenant logo, photo, bio, sélection de stills HD. Lien permanent, statistiques de téléchargement, version EN et FR. Les journalistes vous remercient.
Côté technique
Six briques Django,
une infra studio.
MODÈLE · 01
Video
Champs file_av1, file_mp4, poster_avif, durée, fps, codec, bitrate, transcript, captions VTT ForeignKey, project, status. Méthode render_player() qui sort le bon HTML5.
PIPELINE · 02
Encodage FFmpeg
Management command encode_video qui transcode source → AV1 (libaom) + MP4 H.264 + poster AVIF + thumbnails. Asynchrone via Celery sur les gros fichiers, log dans logs_system.
SEO · 03
Schema VideoObject
Tag template {% video_schema video %} qui sort le JSON-LD VideoObject complet : thumbnail, durée ISO 8601, transcript, uploadDate. Indexable Google Video.
ACCÈS · 04
ClientReview
Modèle qui porte un slug aléatoire 32 caractères, hash mot de passe argon2, expiration, accès log. Middleware qui bloque l'indexation (X-Robots-Tag: noindex) et logge chaque visite.
REVIEW · 05
TimecodeComment
Modèle ForeignKey(Video) + DecimalField timecode_seconds + body + author. JS vanilla qui capture la position du player, POST endpoint, notification email via mailing_system.
A11Y · 06
Captions VTT
Command generate_captions qui appelle Whisper (local ou API), génère un fichier .vtt, le valide, l'attache au modèle Video. Édition fine dans l'admin avant publication.
Note du fondateur
« Un vidéaste qui présente son reel sur Vimeo Pro avec watermark, c'est un peintre qui montre ses toiles avec le cadre du loueur. Votre site, c'est l'inverse — player auto-hébergé, AV1 économe, pas un logo intrus, pas une recommandation à un concurrent en fin de vidéo. »
Dylan Saint-Jalmes · Agence Codemaster
Méthode
Quatre étapes,
un studio livré.
Audit visio
Cadrage offert
45 minutes visio. On regarde votre reel actuel, vos clients cibles, vos contraintes (budget bande passante, langues, équipe). Repartez avec un cadrage écrit, même sans signer.
Manifesto
Brief signé
Document court qui fige la palette, la typo, la structure des fiches projet, les modules retenus, le calendrier. Une page, pas un slideware. À la signature, on bloque le studio.
Production
6 à 10 semaines
Jalons hebdomadaires : design, intégration, modèles, player, encodage, espace client, remplissage. Vous voyez l'avancement sur un domaine de preview à chaque jalon.
Mise à l'antenne
Formation + suivi
Une vidéo de formation par module, 30 jours de support inclus, accès au back-office, encodages ré-exécutables en un clic. Le studio passe en main propre.
Questions fréquentes
Six questions,
six réponses nettes.
Mon reel en HD ou 4K sans Vimeo Pro, c'est faisable ?
Oui. Player HTML5 auto-hébergé, encodage AV1 (~50% de bande passante en moins vs H.264), fallback MP4 H.264 pour Safari ancien, streaming progressif. Vimeo Pro et son watermark restent dehors.
AV1 + fallback MP4 : compatibilité navigateurs ?
AV1 servi à Chrome, Edge, Firefox, Safari 17+. MP4 H.264 servi en fallback aux anciens navigateurs et Safari iOS < 17. Détection automatique côté player via la balise <source type>. Aucun visiteur ne voit un player cassé.
Mon client peut commenter le rough cut au timecode ?
Oui. Module rough cut dans l'espace client privé : le client clique sur le player, le timecode est capturé, il tape son commentaire, vous recevez une notification email avec lien direct vers le bon moment. Pas besoin de Frame.io payant.
Les sous-titres VTT : auto ou manuels ?
Les deux. Génération auto via Whisper en self-hosted (ou OpenAI API), correction manuelle dans l'admin Django, upload de VTT existants, multi-langues (FR / EN / autres). Accessibilité RGAA et SEO vidéo Google.
Espace client privé : un par projet ?
Un par client ou un par projet, au choix. Lien chiffré, mot de passe, date d'expiration. Montage en cours, versions, rough cut, commentaires timecodés, validation finale. Aucun moteur ne l'indexe (X-Robots-Tag: noindex).
Délai de livraison pour le site complet ?
Six à dix semaines selon le volume du reel et la profondeur des fiches projet. Encodage des vidéos en parallèle. Jalons hebdomadaires, calendrier ferme une fois le manifesto signé.
Votre reel mérite un studio en ligne,
pas une vignette parmi dix mille.
45 minutes visio pour cadrer votre studio en ligne : player auto-hébergé, AV1, espace client rough cut, schema VideoObject. Cadrage écrit, même sans signer.
STUDIO · CONTACT