Date
2022 – 2024
Client
Pertusatofilms
Mon rôle
UX/UI Designer, cheffe de projet, intégration web
Compétences
UX/UI Design, Adobe XD, WordPress, Google analytics
Collaborateurs
Expert externe en SEO, directeur commercial
APERCU DU PROJET
Un site obsolète à reconstruire de zéro
"Ma première mission était simple : mettre à jour le contenu. Elle est devenue bien plus grande que ça."
Pertusatofilms est une agence de production audiovisuelle basée à Aix-en-Provence, dans le sud de la France. Elle conçoit et réalise des campagnes publicitaires, films d’entreprise, capsules réseaux sociaux, interviews et webinaires pour des marques et institutions.
J’y ai travaillé pendant deux ans en alternance en tant qu’UX/UI Designer et assistante de production. J’ai piloté ce projet dans son intégralité, en collaborant avec des professionnels d’autres domaines, du design jusqu’à la mise en ligne et l’optimisation SEO.
PROBLEMATIQUE
Un site obsolète et un back-office bloqué
A mon arrivée, le site web de Pertusatofilms datait de 2017. Il ne reflétait plus l’image actuelle de l’agence et les projets n’avaient pas été mis à jour depuis plusieurs années. La première mission qu’on m’a confiée était simple en apparence : mettre à jour le contenu. Mais rapidement, j’ai réalisé que l’accès au back-office était bloqué. Les clés API n’étaient plus disponibles et il n’y avait plus aucun contact avec le développeur d’origine. Repartir de zéro était la seule option viable. Une refonte était nécessaire pour répondre aux attentes actuelles des visiteurs et des moteurs de recherche.
OBJECTIFS
Moderniser et générer des contacts
La refonte avait deux objectifs principaux : moderniser l’image de l’agence pour qu’elle corresponde à son positionnement actuel, et augmenter les prises de contact via un formulaire ou un appel téléphonique, avec un minimum de 5 contacts par mois. Pour la V1, j’avais une contrainte budgétaire de 100€ maximum pour l’achat d’un template, et un délai de deux mois pour la mise en ligne.
PROCESSUS
DEMARCHE
V1 - Du back-office bloqué au site en ligne
Benchmark, architecture d’information, design agile, débogage technique, SEO. Deux ans de travail, deux phases distinctes.
ANALYSE & RECHERCHE
Observer avant de concevoir
Avant de toucher à quoi que ce soit, j’ai commencé par observer. J’ai mené un benchmark sur des agences audiovisuelles concurrentes pour analyser leur positionnement, leur message de marque et la façon dont elles présentaient leurs projets. C’est là que j’ai identifié une lacune récurrente : beaucoup d’agences se contentaient de montrer des visuels sans expliquer la démarche derrière. C’est exactement ce que je voulais éviter pour Pertusatofilms.
ARCHITECTURE D’INFORMATION
Retravailler la structure
En parallèle, j’ai réalisé un atelier de tri de carte pour retravailler l’architecture du site, ce qui m’a permis d’affiner les grandes rubriques de navigation.
DESIGN & VALIDATION
Concevoir en méthode agile
Une fois ce cadre posé, j’ai conçu le site en m’appuyant sur WordPress, en veillant à respecter la direction artistique de l’agence. J’ai réalisé les maquettes sur Adobe XD tout en retravaillant les textes en parallèle. Le projet s’est étalé sur deux mois, en méthode agile.
MISE EN LIGNE
Un problème inattendu
La mise en ligne a été le moment le plus complexe du projet. Seule référente digitale de l’équipe, j’ai rencontré un problème technique inattendu : le template générait des backups en boucle, ce qui bloquait le transfert du site local vers le serveur en ligne. Il m’a fallu une semaine entière pour identifier l’origine du problème et trouver comment le contourner. J’ai finalement réussi la mise en ligne grâce à un plugin WordPress dédié, une semaine de débogage qui m’a appris autant que les deux mois de design.
OPTIMISATION SEO
Travailler la visibilité
Dans les semaines suivant la mise en ligne, j’ai travaillé avec un expert SEO externe pour optimiser tous les textes du site. Ce travail a permis à l’agence de passer de la 4ème page à la 1ère position sur la requête « location studio Aix », l’un de leurs objectifs prioritaires pour générer des revenus complémentaires.
“Une semaine de débogage m'a appris autant que deux mois de design. La vraie compétence, c'est de ne pas lâcher. ”
DEMARCHE
V2 - De la refonte à la stratégie de marque
La deuxième année a tout changé. Plutôt qu’alimenter le site, on a posé la vraie question : est-ce que le message reflète qui est vraiment Pertusatofilms ?
REPOSITIONNEMENT DE LA MARQUE
Aligner l'identité et le message
Ma deuxième année en agence a marqué un tournant dans le projet. Plutôt que de simplement continuer à alimenter le site, nous avons pris le temps de nous poser une question fondamentale : est-ce que le message de Pertusatofilms reflète vraiment ce qu’ils sont ?
Pour y répondre, j’ai animé un atelier avec toute l’équipe que nous avons appelé « Structure de Succès ». L’objectif était de clarifier le positionnement de l’agence, ses forces, ses valeurs et ses cibles, pour construire un message cohérent avec leur identité réelle. De cet atelier est né un document de référence qui a servi de base à toute la stratégie de communication.
REFONTE DU MESSAGE
Travailler avec le commercial
Suite à l’atelier, j’ai travaillé en collaboration avec le commercial de l’agence pour retravailler le message du site. Son support de vente principal étant le site web, il était essentiel que les deux soient alignés. Ensemble, nous avons repositionné Pertusatofilms non plus comme une agence créative généraliste, mais comme un studio de production audiovisuelle qui accompagne les marques dans leurs supports de communication : marketing, marque employeur et formation.
STRATEGI DE CONTENU
Alimenter le blog
En parallèle, j’ai mis en place une stratégie de contenu via le blog. J’utilisais Google Trends pour identifier les sujets recherchés par notre cible, puis je rédigeais les articles en conséquence. Parmi eux, un article sur le motion design qui répondait à une tendance forte dans le secteur audiovisuel.
SUIVI DES PERFORMANCES
Mesurer pour améliorer
Le travail d’optimisation SEO a porté ses fruits rapidement. L’agence est passée de la 4ème page à la 1ère position sur la requête « location studio Aix » et à la 4ème position sur « agence de production audiovisuelle Aix », deux des objectifs prioritaires pour générer de la visibilité et des revenus complémentaires. Dès le premier mois suivant la mise en ligne, le site a généré ses premières prises de contact directes, validant que le nouveau parcours utilisateur fonctionnait.
#1er
Position sur « location studio Aix », contre la 4ème page avant la refonte
#4ème
Position sur « agence de production audiovisuelle Aix »
+2
Prises de contact directes dès le premier mois de mise en ligne
CE QUE J’EN RETIENS
Travailler en conditions réelles
Ce projet m’a confirmé que le design ne s’arrête pas à la conception. Il s’inscrit dans une stratégie, avec des contraintes réelles, de budget, de délai, de compétences disponibles.
Je me suis autoformée sur plusieurs sujets : le SEO, la mise en ligne sous WordPress, la stratégie de contenu. Ce qui prenait parfois du temps. Mais c’est aussi ce qui m’a appris à prendre des pivots quand je réalisais que ce que j’avais fait n’était pas forcément la bonne direction. Remettre en question son propre travail pour aller vers quelque chose de plus pertinent, c’est une compétence que je n’aurais pas développée aussi vite dans un autre contexte. Mais cette expérience m’a appris à me faire confiance, à ne pas attendre qu’on me donne la réponse, et à m’adapter quand les choses ne se passent pas comme prévu.
Cela m’a aussi montré qu’un bon site web ne se résume pas à un beau design. C’est un outil de communication au service d’une stratégie. Travailler avec le commercial de l’agence pour aligner le message du site avec son discours de vente a été une révélation, le design et le business ne sont pas deux mondes séparés.
Voir d’autres projets
- UI DESIGN
- NO-CODE, RECHERCHE UTILISATEUR, UI DESIGN, UX DESIGN