Le choix du graphiste
J'ai fait appel à Cyril Conton, graphiste, et j'ai suivi le design avec lui. Il a proposé deux pistes en novembre 2023, et la maquette finale a été validée en décembre.
Butter prod : un site animé pour une agence vidéo
Butter prod est une agence de production vidéo et éditoriale installée à Lorient et à Quimper : réalisation, captation live, animation d'événements, drone. Xavier Patrigeon et Fabrice Loc'h voulaient un site à leur image, construit autour de leurs vidéos. J'ai fait appel au graphiste Cyril Conton pour le design, j'ai coordonné le projet et développé le site, et je m'en occupe toujours.
Le point de départ
L'agence venait de se lancer. Un premier projet sur plusieurs pages dépassait son budget : nous avons choisi ensemble un site d'une seule page : une vidéo de démonstration en ouverture, puis ce que l'agence produit, ses moyens techniques, ses réalisations, ses actualités et le contact.
Il fallait surtout que le site ressemble à l'agence : un univers graphique fort, et des vidéos partout.
Ce que j'ai fait
Le site, d'après la maquette
Chaque section développée à partir de la maquette Figma, animations comprises, sur ordinateur comme sur téléphone, en janvier et février 2024.
Les vidéos au centre
Une vidéo d'ouverture avec ses boutons pause et relecture.
Une fenêtre par moyen technique
Drone, polecam : chaque moyen technique s'ouvre dans une fenêtre, avec sa vidéo.
Une prise en main
Une formation en visio à la livraison : l'agence publie elle-même ses actualités et modifie ses textes.
Des adresses à son nom
Les adresses e-mail de l'agence, créées sur son nom de domaine.
Au plus près de la maquette
La maquette de Cyril prévoyait un univers très dessiné : des icônes tracées à la main, des boutons entourés d'un trait, un trait qui se dessine au fil de la page, les vidéos verticales présentées dans des cadres de téléphone. Je l'ai reproduite au plus près, animations comprises, en remplaçant les images d'exemple par les vraies vidéos de l'agence.
Sur téléphone
Sur un téléphone, la page passe en une colonne.
- Le menu replié derrière une icône, en haut de l'écran.
- Les offres, les réalisations et les actualités les unes sous les autres.
Sous le capot
Les animations
- Un défilement fluide sur toute la page.
- Un trait qui se dessine au rythme du défilement.
- Les boutons et le formulaire entourés d'un trait dessiné.
- Les logos des clients qui défilent, puis apparaissent en fondu.
- Le menu qui suit la section affichée.
Construit pour l'agence
- WordPress, avec un thème construit à partir de la maquette.
- Les réalisations disposées en mosaïque, selon le format de chaque vidéo.
- L'équipe présentée dans un carrousel qu'on fait glisser au doigt.
- Un formulaire de contact, et la charte éthique de l'agence.
Une carte pour situer l'agence
En 2025, j'ai ajouté une carte qui situe les deux bureaux, à Quimper et à Lorient. Elle a compté dans le dossier de l'agence pour la Marque Bretagne, obtenue en novembre 2025, et le fanion de la marque a rejoint le pied de page.
Le déroulé
Le projet a démarré à l'automne 2023. Le design a été validé en décembre, le site développé en janvier et février 2024 et mis en ligne le 20 février. Depuis septembre 2025, je m'occupe aussi de sa maintenance : mises à jour, contrôle de sécurité chaque nuit et un bilan chaque mois.
Le résultat
Nolidev nous a accompagné pour au moins 4 projets de site web. Celui de Butter prod qui est à la fois original et facilement maniable. 2 pour nos clients et 1 un autre pour une association. La société en assure depuis la gestion est tout est facile, clair et réactif ! Nous souhaitions également sur chacun des projets une part de créativité et d'originalité pour que les sites sortent du lot. Cela a été le cas !
Découvrir la création de site vitrine Voir toutes les réalisations
Parlons de votre projet
Décrivez votre activité et ce que vous attendez de votre site : je vous réponds sous 24 heures ouvrées avec une première estimation.
Appeler le 06 52 78 53 68