Mockvid, un outil de mockup vidéo 3D

Le problème de départ

Livrer un site représente une étape importante, mais savoir le mettre en valeur en est une autre. Une simple capture d’écran ne suffit pas à restituer la richesse d’une animation ou d’une interaction soignée. Filmer manuellement son écran pour obtenir un rendu professionnel demande un temps considérable, souvent indisponible.

C’est de ce constat qu’est né Mockvid : automatiser l’intégralité du processus, de la capture du site à l’export d’une vidéo intégrée dans un mockup animé en 3D, sans nécessiter de montage ni de compétence technique en vidéo.

Les défis techniques

L’idée peut sembler simple sur le papier. En pratique, le studio a dû assembler plusieurs composants techniques, certains peu familiers au départ :

  • La capture : Piloter un navigateur de manière automatisée pour parcourir un site comme le ferait un utilisateur réel, en gérant les cookies, les animations et les vidéos intégrées, tout en garantissant un rendu final fluide.

  • Le rendu 3D : Intégrer la capture dans une scène 3D réaliste, avec des modélisations d’appareil crédible, un éclairage cohérent et un export vidéo de qualité.

  • L’infrastructure : Assurer le fonctionnement de l’ensemble sur un serveur capable de gérer plusieurs générations de vidéos simultanées, d’encoder les fichiers proprement et de les livrer rapidement, sans engendrer de coûts excessifs.

  • Le produit : Mettre en place un système d’authentification, de paiement, de gestion des abonnements et une interface intuitive, permettant à tout utilisateur, même non expert en 3D ou en vidéo, de l’utiliser en trois clics.

Aucun de ces éléments n’est révolutionnaire pris individuellement. La difficulté réside dans leur intégration en conditions réelles, avec des utilisateurs exigeants qui n’acceptent ni la lenteur ni les dysfonctionnements.

Mockvid com app 7
Mockvid com app 6

Les enseignements tirés

L’utilisation quotidienne d’un produit révèle rapidement ses limites. Le studio a tiré trois enseignements majeurs :

  1. Le coût caché de la vidéo : L’infrastructure avait été dimensionnée pour un site classique. Or, générer une vidéo s’avère bien plus coûteux que servir une page. Le studio a dû revoir les calculs dès que le volume de rendus a augmenté.

  2. L’importance de la première impression : Un nouvel utilisateur testant Mockvid avec une URL et obtenant un rendu décevant ne réessayera pas. Le studio a donc accordé la priorité à la fiabilisation de cette première expérience plutôt qu’à l’ajout de nouvelles fonctionnalités.

  3. L’influence du support sur la feuille de route : Les retours des premiers utilisateurs ont davantage orienté les priorités que les intuitions initiales du studio.

Un SaaS ne s’arrête pas à sa mise en ligne : c’est à ce moment-là que le travail commence vraiment.

Mockvid com app 9

L’impact pour les clients

Le développement de ce produit a permis au studio d’approfondir sa compréhension des enjeux liés aux produits numériques sur le long terme. Un SaaS est un produit vivant, qui continue d’évoluer après son lancement : surveillance des coûts d’infrastructure, suivi des performances, correction des bugs signalés par les utilisateurs et arbitrages sur ses futures évolutions.

Cette expérience nourrit aujourd’hui la manière dont le studio accompagne ses clients. Qu’il s’agisse d’un site WordPress, d’un outil interne, d’un MVP ou d’une plateforme métier, l’objectif reste le même : concevoir des solutions capables d’évoluer dans le temps et d’être maintenues durablement.

Cette vision s’inscrit également dans les prestations de suivi proposées par le studio. Un site web n’est jamais totalement terminé : il doit être mis à jour, sécurisé, surveillé et optimisé au fil des évolutions techniques et fonctionnelles. C’est dans cette logique que le studio propose des offres de maintenance WordPress, afin d’assurer la pérennité des projets après leur mise en ligne.