iProd
Création Webflow pour iProd, production vidéo à La Réunion : structuration page par page, maquettes Figma du bureau au mobile, galerie organisée en huit types de production et simulateur de devis intégré à la page contact, qui livre une estimation immédiate.
Le client
iProd, société de production vidéo basée à La Réunion : institutionnel, publicitaire, motion design, reportages, événementiel.
Le besoin
Montrer la diversité des productions sans confusion, et qualifier chaque demande avant le premier échange.
Ce qu'on a fait
Structuration complète, maquettes Figma desktop puis mobile, développement Webflow avec galerie et simulateur.
Le résultat
Chaque visiteur trouve le type de production qui l'intéresse et repart avec une estimation de budget immédiate.
Les productions couvraient tous les formats, institutionnel, publicitaire, motion design, événementiel, mais l'ancien site ne rendait pas justice à cette diversité, sans organisation par type ni idée de budget avant contact. Le brief voulait montrer le travail sans le rendre confus.
Les productions passaient par tous les formats, institutionnel, publicitaire, corporate, motion design, captation événementielle, contenus pour les réseaux sociaux, mais l'ancien site ne rendait pas justice à cette diversité : rien n'organisait les réalisations par type, et aucun visiteur ne pouvait se faire une première idée de budget avant de prendre contact.
Le brief tenait en une phrase : montrer le travail sans le rendre confus, et qualifier chaque demande avant le premier échange. Le projet s'est construit avec un partage clair des rôles, la structuration, les maquettes et le développement Webflow d'un côté, le pilotage côté client de l'autre.
Une structuration détaillée page par page
Avant toute maquette, chacune des pages principales a été détaillée section par section, accueil, à propos, prestations, portfolio, contact. Chaque bloc a sa fonction précise, de la bannière vidéo d'accueil au simulateur de la page contact, comme fil conducteur du reste du projet.
Une identité déclinée du desktop au mobile
Chaque page a d'abord été maquettée en desktop avant sa version mobile, avec une identité cohérente du bleu primaire aux fonds marine. La page à propos illustre ce travail : le bandeau de l'équipe, les engagements et le parcours gardent la même hiérarchie et la même lisibilité sur tous les formats d'écran.
Une galerie organisée en huit types de production
Le site distingue huit types de réalisations, institutionnel, publicitaire, corporate, motion design, reportage, film pédagogique, événementiel, vidéo courte pour les réseaux sociaux. Chaque type a sa propre page avec une sélection de vidéos, et le portfolio complet se filtre par secteur d'activité.
Un simulateur de devis sur la page contact
Trois questions, durée souhaitée, besoin de tournage, voix off, donnent une estimation immédiate en euros. La demande qui arrive ensuite dans la boîte mail d'iProd est déjà cadrée, le premier échange servant à démarrer le projet plutôt qu'à évaluer un budget approximatif.
Notion
Le sitemap, les idées et les textes, posés à plat avant la maquette.
notion
Figma
Les maquettes, validées écran par écran avant le code.
figma
Webflow
Le site, son CMS et sa mise en ligne.
webflow
Le site montre la diversité des productions d'iProd sans la rendre confuse, avec une galerie organisée par type. Le simulateur de devis livre une estimation immédiate à partir de trois questions, et chaque demande arrive déjà cadrée en budget.
Le site donne à voir la diversité des productions d'iProd sans jamais la rendre confuse, avec une galerie organisée par type qui mène chaque visiteur droit vers le style qui l'intéresse. Sur la page contact, le simulateur de devis livre une estimation immédiate à partir de trois questions simples, et la demande qui arrive ensuite dans la boîte mail d'iProd est déjà cadrée en budget. La structure en douze pages reste lisible pour un visiteur comme pour les réalisations à venir.
voir plus de réalisations
voir toutes les réalisations
L'unique agence Premium Partner Webflow du Grand Est.
