.png){kind=icon}
À partir d’un site existant visuellement daté, chargé et dépourvu de véritable cohérence graphique, j’ai identifié un besoin essentiel : celui de créer une identité claire, moderne et immédiatement compréhensible, capable de refléter la précision et la fiabilité du produit. En m’appuyant sur l’illustration de l’éléphant ; élément fondateur choisi par l’équipe ; j’ai reconstruit l’univers visuel de Dataphant de l’intérieur vers l’extérieur : une palette maîtrisée, une hiérarchie typographique lisible, des formes cohérentes et un langage graphique unifié. J’ai ensuite repensé l’architecture du site, simplifié les parcours et introduit une animation illustrée qui raconte, de manière fluide et accessible, le fonctionnement de la plateforme SaaS. Le résultat est une expérience web épurée, familière et résolument contemporaine, pensée pour inspirer confiance, clarifier la proposition de valeur et offrir à Dataphant une identité forte, mémorable et alignée avec l’exigence de son produit.
Moderniser l’image et clarifier la valeur du produit
Dataphant disposait d’un site ancien, visuellement chargé et peu cohérent, qui ne reflétait ni la précision de son produit ni la maturité de sa technologie. L’équipe souhaitait une identité plus moderne, plus lisible et construite autour d’un élément clé : l’illustration de l’éléphant, symbole de mémoire, de fiabilité et de maîtrise des données.
Identifier ce qui freinait la compréhension et la crédibilité
Construire une expérience familière, fluide et intentionnelle
Transformer un site dense en une expérience claire et contemporaine
Pour accompagner la refonte, le client souhaitait une palette volontairement simple, capable de transmettre à la fois la confiance et la sophistication du produit. Le vert émeraude et les nuances de bleu ont été choisis pour leur symbolique forte : stabilité, intelligence, technologie. Afin de préserver la clarté et la sobriété de l’interface, ces couleurs ont été intégrées dans un univers minimaliste, soutenu par un fond neutre et une typographie mesurée, laissant la palette s’exprimer avec justesse et intention.
Les formes et motifs récurrents de l’interface reposent sur des coins arrondis, une structure en cartes et l’utilisation d’ombres portées subtiles. Ce langage visuel crée une esthétique douce et accessible, tout en apportant de la profondeur et une hiérarchie claire. Il s’inscrit dans la continuité de l’identité de Dataphant, en écho aux courbes de l’illustration de l’éléphant et à l’approche minimaliste du design.
Les illustrations et les icônes ont été conçues dans un même langage visuel, en partageant la même palette, les mêmes courbes et la même douceur de trait. Cette cohérence permet de créer un univers chaleureux et accessible, fidèle à l’esprit que le client souhaitait insuffler à sa marque. L’éléphant, figure centrale du système visuel, apporte une dimension émotionnelle forte : il évoque la mémoire, la force tranquille et une forme de sagesse rassurante. En s’inspirant de cette symbolique, l’ensemble des illustrations adopte un ton nostalgique et bienveillant, transformant la complexité du produit en une expérience plus humaine, plus sensible et immédiatement reconnaissable.
Chaque section du site a été pensée pour intégrer une forme de mouvement, non pas comme un simple effet visuel, mais comme un moyen d’engager l’utilisateur et de donner vie à l’univers de Dataphant. L’expérience s’ouvre sur une vidéo animée qui introduit le produit avec douceur et fluidité. Au fil du défilement, les titres apparaissent progressivement, comme s’ils se révélaient au rythme de la découverte. Les logos des entreprises témoignantes s’animent subtilement, passant du gris à leurs couleurs d’origine, tandis que les portraits des professionnels et leurs citations s’illuminent à leur tour. Les cartes d’articles effectuent une rotation en 3D, créant l’illusion d’un feuilletage, et le pied de page se clôt sur une animation inspirée des machines à écrire anciennes, ajoutant une touche nostalgique et chaleureuse. Ensemble, ces micro‑interactions composent un langage de mouvement cohérent, narratif et vivant, qui rend l’expérience plus immersive et renforce la personnalité accueillante de la marque.
L’iconographie a été conçue pour refléter la même sensibilité que le reste de l’identité visuelle. Les icônes reprennent un style cohérent ( même épaisseur de trait, mêmes arrondis, mêmes proportions ) et utilisent la même palette que les illustrations et l’interface. Elles portent également la même intention émotionnelle : une atmosphère douce, accueillante et rassurante, en écho à la symbolique de l’éléphant. Même les plus petits pictogrammes participent ainsi à renforcer la cohérence visuelle et à transmettre la chaleur, la fiabilité et la mémoire abondante qui définissent la personnalité de Dataphant.
Transformer un site dense en une expérience claire, moderne et structurée
01.
La nouvelle interface repose sur une hiérarchie lisible, une navigation simplifiée et des mises en page épurées.
02.
Les pages clés ( accueil, produit, navigation, typographie et layout ) ont été repensées pour offrir une expérience plus intuitive et plus professionnelle.
Rendre la technologie tangible grâce à une animation narrative
Une animation illustrée, inspirée du style de l’éléphant, explique le fonctionnement du SaaS de manière fluide et accessible. Elle clarifie le processus, renforce la cohérence visuelle et apporte une dimension narrative essentielle à la compréhension du produit.
Une identité forte, cohérente et résolument contemporaine
Le nouveau site offre une expérience claire, familière et intentionnelle. Il renforce la crédibilité de Dataphant, met en valeur la précision de son produit et installe une identité visuelle mémorable, construite autour d’un univers graphique cohérent et maîtrisé.
