Fiche technique : sites éphémères HTML/CSS pour une campagne publicitaire nationale
- Le Client : MeilleursAgents (via l’agence Interruption, Paris)
- Mon Intervention : Développement web front-end (HTML/CSS), intégration responsive.
- Collaboration : Agence Interruption.
- Type de site : Sites éphémères événementiels.
- Objectifs : Donner vie au concept créatif de l’agence, créer une expérience utilisateur frustrante mais maîtrisée pour valoriser la solution MeilleursAgents.
Le défi : donner vie à trois faux sitesd'estimation immobilière
Pour sa nouvelle campagne nationale, l’agence Interruption a imaginé un concept fort :
prendre le contre-pied des promesses habituelles.
L’idée était de créer trois faux sites d’estimation immobilière, au design kitsch et à l’ergonomie douteuse,
pour prouver par l’absurde la fiabilité de leur client, MeilleursAgents.com.
Le défi était de traduire cette idée créative en une réalité technique :
des sites qui paraîssent amateurs et buggés, tout en étant parfaitement fonctionnels pour délivrer le message final.
Ma solution :technique d'intégrationau service du concept créatif
Pour répondre à ce brief original, mon intervention s’est articulée autour de trois axes. Les conditions d’hébergement devaient également être impeccables pour que la campagne soit diffusée sans accroc à l’échelle nationale.
Un développement « à l’ancienne », sans CMS
Le design rétro des maquettes m’a immédiatement rappelé mes débuts, il y a 20 ans. J’ai donc proposé de coder les sites « à la main », en pur HTML et CSS, sans utiliser de CMS. Cette méthode m’a offert une liberté totale pour intégrer les « faux bugs » et les animations décalées demandées par l’agence.
L’art de la frustration contrôlée
Le cœur du projet était de créer une expérience volontairement déceptive. J’ai donc développé de fausses barres de chargement, des animations lentes et des éléments cliquables peu réactifs qui menaient systématiquement à l’apparition de la pop-up publicitaire, le véritable objectif de ces sites.
La surprise du responsive design
Le clin d’œil final était de rendre ces sites, d’apparence si datée, parfaitement consultables sur mobile. J’ai donc intégré une structure responsive pour garantir que l’expérience et le message de la campagne soient efficaces sur tous les supports, du métro parisien au smartphone.
Le résultat : des sites éphémères créatifs au service d'une campagne nationale
Le résultat est à la hauteur du concept : trois sites éphémères qui remplissent parfaitement leur mission publicitaire. Ils ont permis de générer une expérience utilisateur mémorable et de marquer les esprits dans le cadre d’une campagne d’affichage massive. Ce projet est la preuve que la technique, même la plus simple, est un outil puissant au service d’une idée créative.
Vous êtes une agence de communication et cherchez un développeur freelance
pour donner vie à vos concepts web, même les plus originaux ?
Discutons de votre projet
