mes réalisations

HTML (mini-sites, pages, e-mailings)

Site promo "télépéage pour tous" : c'est une promotion Liber-t pour laquelle j'ai développé ce mini-site de 4 pages proposant un "call-to-action" simple via une carte du réseau d'autoroutes en Flash, ainsi que des infos pratiques. A noter un menu tout en images mais traité en CSS et dont le contenu est strictement séparé du contenant.

Site Catchimpro : réalisé pour une association de théâtre d'improvisation tourangelle, ce site est une reprise d'un existant réalisé en Flash posant de gros problèmes d'accessibilité. Il a pour but de présenter les principes du Catchimpro, les équipes, annoncer les prochaines représentations et de proposer des liens pour réserver.

Site Montbouge.info : ce site communal et indépendant, entièrement géré par les habitants de la ville de Montrouge, est un espace de publication basé sur SPIP. J'ai proposé un nouveau design (on avait jusqu'à présent l'interface SPIP "par défaut") et une structure saine, valide XHTML 1.0, avec CSS indépendante.

Site des travaux sur les tunnels de l'A40 : en vue de la réalisation de nouveaux aménagements sur autoroute, les autorités locales souhaitaient développer des mini-sites thématiques sur les problématiques de travaux. L'objectif était d'informer les usagers des gènes occasionnées par les travaux et de les inviter à s'inscrire à l'alerte en ligne afin de leur communiquer les nouvelles du chantier.

Page de la révision des tarifs de péage : dans le cadre de la révision annuelle des tarifs autoroutiers, Autoroutes Paris-Rhin-Rhône a axé sa campagne de communication sur les investissements réalisés pour la sécurité et le confort de ses clients. Le dispositif a consisté en un pop-up explicatif donnant accès au dossier de presse et au site dédié aux travaux sur autoroute.

Page des news d'Elie : projet personnel, j'ai développé cette petite page pour créer une alternative aux envois de photos par la messagerie. Comme un blog proposait des fonctionnalités inutiles et qu'un espace "FlickR" n'offrait pas suffisamment de personnalisation, la page HTML réduite à sa plus simple expression m'a semblé la meilleure solution.

Page du jeu promotionnel Liber-t : un partenariat avec des marques de la grande distribution a permis de développer un jeu simple avec tirage au sort : cette opération "coup de poing" est une reprise d'éléments de "créas" imposés par le partenaire et mis en forme par mes soins.

E-mailing travaux autoroutiers : les clients de l'autoroute inscrits aux alertes travaux reçoivent, dès que la Direction de la Construction APRR le souhaite, une information de nature à les renseigner sur les perturbations prévues sur le trajet retenu. l'inscription se fait par le biais du site relatif aux travaux de chaque section. Le header de chaque alerte est personnalisé.

E-mailing partenariat Liber-t / Vincipark : pour cette campagne associant e-mailing et une page d'infos, j'ai dû respecter les contraintes liées à la cible B2B : une très grande majorité utilisant Outlook et Lotus Notes, une technique, inspirée du travail de Mark Wyner, permet de contourner le problème du blocage des images. Ainsi, placé sur le bouton d'action, un span avec image de background affiche un texte explicite quand l'image est bloquée. Bilan : 40 % de taux de clics sur les mails ouverts.

E-mailing campagne d'acquisition Liber-t entreprise : autre campagne B2B, cette offre, classique dans sa conception, renvoyait directeemnt sur les pages de souscription en ligne. Par l'utilisation des tableaux, j'ai pu au mieux m'adapter aux contraintes des clients de messagerie "massacreurs" d'e-mailings. En effet, sur cette cible, le taux d'ouverture et de clic restant faible, le moindre problème de mise en page provoque la suppression du message...

E-mailing parrainage Liber-t : afin d'augmenter les ventes de badges Liber-t, rien de tel que de crédibiliser le produit par le biais d'une opération de parrainage. Les 100 000 abonnés au télépéage Liber-t ont donc reçu un e-mailing les invitant à faire profiter leurs proches des avantages du télépéage. Lié à un formulaire d'inscription (de 1 à 3 filleuls), l'e-mail a été particulièrement soigné au niveau de sa conception pour garder son intégrité graphique à travers les principaux clients de messagerie. Ainsi, des tests poussés sur Wanadoo, Gmail, Hotmail, Voila et LaPoste ont donné d'excellents résultats.

E-mailing campagne Liber-t "vous fait une fleur" : il s'agit d'un mailing créé à partir d'éléments graphiques existants. Conçu pour relancer une base de prospects déclarés par des parrains ayant déjà souscrit au télépéage, il a contribué à atteindre l'objectif de vente d'avril 2008.

FLASH (mini-sites, applications, animations, bannières)

Lecteur RSS Sports.fr : le flux RSS, contenu standardisé, peut être importé dans Flash afin de créer des lecteurs de brèves légers et conviviaux. La plupart des sites web importants génèrent leurs propres "fil" d'infos. Dans notre exemple, une fois le développement fait (script inspiré d'un travail de Xavier Borderie, du JDN) il suffit de personnaliser l'animation d'éléments fixes ou animés. Dans notre exemple le fichier source provient directement du site et on peut lire les infos en temps réel.

JIM : couplé à une solution complète de displaying sur écrans LCD, JIM est un système de gabarits Flash (un modèle de base et des variantes) alimentés par des flux de données XML gérant textes, images et codes couleurs (dans notre exemple le fichier XML est hébergé sur ce serveur). Le graphisme JIM et le personnage animé proviennent de l'agence Extreme Design.

JIM 2 : Voici la déclinaison du support JIM, en une variante chargeant cette fois une image de fond. Le contenu texte est commun aux deux animations et provient du même XML. A noter que les couleurs de la rubrique sont également gérées par une variable portée par le XML.

Protections phoniques sur l'autoroute A36 : dans le cadre de la communication travaux d'APRR, nous avons souhaité proposer aux riverains de l'autoroute une petite application leur indiquant, à partir du plan de l'autoroute, de repérer l'aménagement concernant directement leur lieu d'habitation. Au service de cette politique de transparence et de service au client, une application très simple associant chargement de photos et de PDF à partir d'un gabarit unique.

Espace sécurité APRR : en collaboration avec le département sécurité du trafic d'APRR, j'ai proposé cet espace ludique et interactif offrant une visibilité complète sur les actions d'APRR en matière de sécurité sur autoroute : fiches, quiz, campagnes, actus...

Les projets d'aménagements APRR : la politique d'investissement de la société pour le confort et la sécurité était peu connue du grand public. Il s'agit d'un axe important de communication : justifier en partie l'argent perçu au péage. Une carte interactive du réseau avec l'emplacement des travaux a donc été développée, il est possbile de consulter chaque descriptif de chantier, et d'imprimer la fiche de synthèse et le plan.

SMS A40 : à l'occasion de la sortie d'un nouveau service de SMS travaux sur le trajet entre Mâcon et Genève, un achat d'espace a été effectué sur deux grands acteurs du web en terme de recherche d'itinéraire (Mappy & ViaMichelin). Les internautes y accèdent lors de la recherche d'un itinéraire sur cette région.

Teaser JIM : pour le lancement du Journal Interne Multimédia des Autoroutes Paris-Rhin-Rhône, le but était de combiner une annonce visuelle et un compte à rebours dynamique pour une date donnée. Le graphisme JIM et le personnage animé proviennent de l'agence Extreme Design.

Carte de voeux 2008 : pour fêter la nouvelle année 2008 d'une manière institutionnelle tout en évitant l'austérité, j'ai réutilisé les "gimmicks" graphiques de notre carte-guide tout en jouant avec l'apparition de "2008". L'utilisation de la nouvelle identité sonore apporte une touche sympathique.

Carte de voeux 2006 : déclinaison de la carte de voeux du JIM (diffusée sur écrans LCD muraux) où le personnage déclenche lui-même les actions, cette animation associe deux émulations de mouvements permis par ActionScript : le mouvement aléatoire et l'inclinaison des chiffres puis la chute avec rebond.
Le concept imposé était de jouer avec le thème du "réveillon télé solitaire et lénifiant", le tout dans une animation légère (environ 10 Ko). Le script d'émulation de déplacement aléatoire est inspiré d'un travail de Henri Thelliez.

Carte de voeux 2005 : travail personnel, toujours une carte de voeux interactive sur le thème des retranscriptions télévisées. La mire fait partie de l'inconscient collectif. Reproduite intégralement ici sous forme vectorielle elle devient une "pochette surprise" avec de simples comportements de boutons et quelques interpolations. Flash est aussi efficace pour l'animation pure que pour la programmation.

teaser pour bébé : projet personnel développé pour un mailing à l'occasion d'un heureux évènement. Les papillons sont dérivés de la carte de voeux "les chiffres magiques" (mouvements aléatoires)

Campagne Liber-t Modulo : bannière Flash développée pour une campagne d'abonnement à Liber-t Modulo.

Campagne Liber-t Avignonet : bannière Flash développée pour une campagne d'abonnement à Liber-t Avignonet.