Vingt ans. Et une envie de changement. Après deux décennies d’existence, l’agence de communication LJ Com souhaite une nouvelle identité. Son expertise s’est affinée, ses métiers ont évolué. Son site web ne correspond plus à l’image qu’elle veut renvoyer. Il s’agit d’une refonte globale et il y a un donc un double travail à effectuer. D’abord comprendre l’offre de LJ Com, spécialiste du conseil en relations publiques et du développement de la notoriété. Puis proposer une identité visuelle qui reflète cette promesse. Et qui soit à l’image de l’agence : dynamique, moderne, pleine d’énergie. Bref, une vitrine de marque. LJ Com est un partenaire de 148 Agence Collective sur d’autres projets. Ils connaissent notre créativité et notre savoir-faire. Ils savent aussi que nous sommes très attachés à la performance environnementale de nos sites web et que nous appliquons les principes de l’éco-conception au développement de nos services numériques. Concrètement, on a développé un outil, Eco Builder, qui permet de concevoir des sites statiques tout en réduisant leur empreinte écologique. Pour toutes ces raisons, LJ Com décide de faire appel à nous pour la refonte de son site web.
"148 Agence Collective nous apporte la créativité et la modernité de ses créations graphiques. Aujourd’hui, nous avons un site qui nous ressemble mieux."
Agnès, Directrice Conseil en communication, LJ Com
Avant de réfléchir à une nouvelle identité de marque, comme toujours, on se plonge dans les métiers de notre client. On étudie son positionnement, sa cible, ses avantages concurrentiels. À l’occasion d’un atelier avec LJ Com, on travaille avec eux à la redéfinition de leurs expertises et on apporte notre conseil sur l’arborescence du site. Ensemble, nous aboutissons à quatre grandes catégories de métiers : Relations médias, Relations Publics, Affaires publiques, Gestion de crise. Afin de valoriser au mieux ces expertises, on les rend immédiatement identifiables dès la page d’accueil grâce à une couleur spécifique. Une expertise = une couleur, déclinée sur l’ensemble du site. Nous faisons également le choix d’un site visuellement épuré. L’objectif est de mettre l’accent sur les mots. Grâce à des jeux de typographie, de taille de lettres ou de mouvement des mots, ce sont eux qui donnent leur identité au site : “Vous comprendre”, “Vous singulariser”, “Vous accompagner”. Les images arrivent dans un deuxième temps, grâce à une animation qui les fait apparaître au moment où la souris passe au-dessus de tel ou tel mot.
Ce travail sur les animations au curseur est un élément central du site. Nous proposons au client de donner à ce curseur la forme du logo de LJ Com : un rond rose. Et de lui attribuer un rôle clé : l’interactivité. Il se transforme au gré de la navigation afin de guider le visiteur tout au long de son parcours. Par exemple, il peut s’agrandir et proposer d’en « Voir plus » ou de « Découvrir l’agence ». Au survol d’une vidéo, il se transforme en pictogramme « Play » pour lancer la lecture. Quand on scroll vers le bas, il prend la forme d’une flèche. Il peut aussi devenir un masque qui laisse transparaître une image à sa surface. Enfin, sur chaque page expertise, il prend la couleur de l’expertise. Cela permet à la fois de renforcer la distinction entre chaque univers et de limiter la présence du rose sur le site, une couleur qui représente LJ Com mais que le client souhaite utiliser avec parcimonie. Ces différents états possibles du curseur demandent un travail de grande précision à Mélina, notre développeuse. Toute la fluidité de l’expérience utilisateur repose sur son bon fonctionnement.
"Je suis ravie du résultat, le site est extrêmement fluide. Et cette fluidité n’est pas un détail : si les animations sont mal développées, elles cassent toute la navigation du site."
Mélina, Développeuse, 148 Agence Collective
Enfin, on décide de faciliter encore plus la navigation grâce au scroll. Lorsqu’un visiteur arrive sur le site, il lui suffit de scroller et les informations viennent à lui. Par exemple, lorsqu’on arrive en bas d’une page, une autre page du site est automatiquement suggérée et elle se charge directement. Grâce à ce mécanisme, l’interface du site peut rester épurée. Tout le contenu arrive en temps voulu. Cela n’empêche pas, si on préfère une navigation plus classique, d’utiliser le menu qui permet d’accéder à l’expertise, au cas client ou à l’actualité recherchés. Enfin, pour créer du mouvement et renforcer le dynamisme du site, on travaille sur de nombreuses animations au scroll. Parfois, un élément peut se “sticker” à la page (se figer) et la navigation bascule alors d’un mode haut-bas à un mode droite-gauche. Certains éléments, comme les logos des marques partenaires, peuvent également se mettre en mouvement automatiquement, sans être dirigés par le scroll. Toutes nos propositions sont guidées par une idée : créer un site qui ait du peps, à l’image de notre client.
"148 Agence Collective a un vrai savoir-faire sur la production de site: l’interface est très efficace pour l’utilisateur et le backoffice est très agréable pour nous."
Agnès, Directrice Conseil en communication, LJ Com
Nous sommes en mars 2020, le monde entier est en train de se confiner et un de nos clients nous appelle. C’est l’agence de relations publiques LJCom. Dans quelques semaines, doit se tenir à Chicago l’ASCO, acronyme d’American Society of Clinical Oncology, le grand congrès annuel sur l’oncologie qui réunit 40 000 médecins de tous les continents pour faire le point sur les avancées cliniques. La décision est prise : ce congrès se tiendra grâce aux outils de travail en distanciel. Et l’expertise de 148 Agence Collective est mobilisée. LJCom nous demande de créer une plateforme digitale de remplacement à destination de la presse française pour cet événement international. Un espace sur lequel les experts du congrès puissent prendre la parole en live et livrer leurs comptes rendus auprès des journalistes. Cette Press Room doit aussi donner accès à une médiathèque, des vidéos en replay, un agenda et un outil de demande d’interview.
Le temps presse, et le projet est techniquement complexe. Le site doit intégrer des fonctionnalités multiples et chacune requiert l’utilisation d’un logiciel tiers. Le challenge est de réussir à les associer. On utilise une plateforme qui permet de diffuser les conférences en direct et on la combine à un autre logiciel de gestion d’événements, capable de prendre en charge les inscriptions en ligne et l’accueil digital des participants. Enfin, on centralise ces différentes fonctionnalités dans un site Internet, créé sur Wordpress, qui permet d’orienter les visiteurs via différents onglets et d’intégrer l’agenda et la médiathèque. Ce que nous créons pour LJCom est unique et sur-mesure. Nos développeurs ne se contentent pas d’utiliser tel ou tel logiciel, ils affinent leurs possibilités pour les adapter à la demande du client.
Malgré les difficultés du confinement, 148 Agence Collective reste totalement mobilisée. En 3 semaines, la Press Room demandée par LJCom est créée. Et notre mission se poursuit pendant le congrès. Nous sommes en charge de gérer les conférences en direct et autant briser le suspense tout de suite : il n’y aura pas un seul bug. Un régisseur est affecté à la gestion des live. Il fait le lien avec les conférenciers, gère leur micro et le partage de leur écran avec leurs slides. Notre chef de projet Christy est elle aussi présente avant chaque début de conférence pour vérifier que tout fonctionne techniquement et que tout le monde est en place. Elle porte aussi une attention toute particulière à un enjeu très important de ce congrès, la confidentialité. Certaines informations doivent rester à destination des professionnels uniquement. La Press Room que nous avons créée est un outil fonctionnel et puissant. Nous allons pouvoir le réutiliser comme base pour d’autres événements. Il nous donne un coup d’avance dans la période actuelle où le travail à distance se développe à grande échelle.
L’Agence Collective rassemble de nombreux talents qui peuvent répondre à des projets de communication stratégiques et/ou opérationnels, ciblés ou multi-canaux, court et long termes. N’hésitez pas à prendre rendez-vous avec nous pour échanger et recevoir un devis sur votre projet !
Contactez-nous