Pour répondre aux enjeux de cohérence, de scalabilité et de différenciation, nous avons conçu un design système solide et adaptable, qui capitalise sur l’identité visuelle existante de QESTIT tout en l’enrichissant. Ce travail a donné naissance à 38 modules personnalisés, 15 templates de pages, 47 pictogrammes sur-mesure ainsi qu’un template d’email composé de 12 modules. L’ensemble du dispositif graphique a été conçu pour s’appliquer de manière fluide aux trois marques du groupe : QESTIT Academy et Systems.
Plutôt que de repartir d’une page blanche, nous avons choisi de réutiliser les fondations de l’identité graphique de QESTIT — logo, typographie, couleurs — tout en les étoffant afin de créer un univers plus complet et plus distinctif. Des patterns géométriques ont été développés pour enrichir les arrière-plans : quadrillages, lignes perpendiculaires et formes simples viennent structurer visuellement les contenus. Ces éléments graphiques, intégrés par superpositions, permettent d’apporter de la profondeur aux visuels et d’ancrer l’expérience utilisateur dans une esthétique technique maîtrisée.
Des touches de rouge, couleur principale de QESTIT, ont été intégrées à des endroits stratégiques du site afin de souligner certains visuels et d’illuminer les sections sur fond sombre. Elles contribuent également à dynamiser la lecture globale. Pour faciliter la lecture rapide et mettre en avant les idées clés, un système de surlignage bleu ciel a été appliqué sur des mots ou expressions dans les titres. Enfin, la structure générale a été pensée pour rester simple, claire et facilement duplicable. Cette logique de composition garantit à la fois une navigation intuitive et une adaptabilité optimale sur l’ensemble des entités QESTIT.
Dès les premières étapes de conception, l’expérience utilisateur a été placée au cœur du projet. La refonte visait autant à moderniser l’image de QESTIT qu’à simplifier le parcours des visiteurs. L’arborescence du site a donc été repensée dans une logique SEO-friendly, avec une structuration claire permettant un accès rapide aux différentes offres et expertises du groupe. Cette simplicité apparente repose sur une hiérarchie d’information bien définie, pensée pour guider l’utilisateur sans friction, de la découverte de l’entreprise à la prise de contact.
Les animations ont également joué un rôle dans le renforcement de cette expérience. Subtiles et mesurées, elles participent à rythmer la navigation sans la surcharger. Les effets d’apparition apportent de la fluidité à la lecture, tandis que certains visuels bénéficient d’un effet de parallaxe qui vient créer une impression de légèreté et de mouvement, notamment sur les sections mêlant texte et image. L’ensemble de ces choix vise à créer un environnement digital cohérent, lisible et engageant, où l’utilisateur peut circuler naturellement, quel que soit son point d’entrée ou son objectif de visite.
QESTIT étant implantée dans plusieurs pays européens et en Egypte, l’accessibilité linguistique était un enjeu central du projet. L’objectif était clair : proposer une plateforme unifiée, capable de toucher les différentes audiences locales tout en garantissant une expérience homogène. Nous avons donc mis en place un site multilingue, aujourd’hui disponible en français, anglais, suédois et allemand.
L’option multilingue native du CMS HubSpot a été exploitée pour assurer une gestion fluide des contenus traduits, tout en conservant la cohérence structurelle et graphique du site. Le changement de langue a été intégré directement dans la navigation, à un emplacement stratégique, afin de garantir une transition naturelle et intuitive pour l’utilisateur. Cette approche garantit une expérience adaptée aux besoins d’un groupe à envergure internationale, tout en respectant les standards de performance attendus pour ce type de projet.
L’objectif était d’offrir aux équipes marketing de QESTIT une grande autonomie dans la gestion du site, sans nécessiter de compétences techniques. Nous avons conçu un back-office HubSpot modulable, permettant de personnaliser facilement les contenus, visuels et mises en page. Les pages de type “listing”, comme les ressources téléchargeables ou les webinaires, ont été adaptées pour un affichage filtrable et ajustable manuellement, en fonction des priorités stratégiques du moment.
Pour renforcer la génération de leads, nous avons également créé des assets marketing intégrés aux parcours utilisateurs. Plusieurs call-to-actions ont été créé pour faciliter le téléchargement de contenus, l’inscription à des événements ou la prise de contact avec un expert. Ces éléments, cohérents avec l’identité visuelle du site, maximisent la conversion tout en offrant une expérience utilisateur fluide et engageante.
Deux mois après la mise en ligne du nouveau site, les résultats montrent une nette progression de la visibilité et de la performance SEO de QESTIT :