Design UI, Consultant UX, refonte de la plateforme Kompass.

  • Ui Design

Spécialiste de l’information d’entreprises, Kompass développe un annuaire d’entreprises regroupant plus de 9 millions de numéros de téléphone, 3 millions de sites internet et 3 millions d’emails d’entreprise . A l’occasion de la refonte de leur plateforme en ligne, le groupe recherchait un Designer UX UI pour les accompagner dans cette refonte. Etude des besoins utilisateurs, conception des Wireframes, création des interfaces, déclinaisons en mobilité.

 

Kompass---UX-UI-Design---Mise-en-situation

 

Identité visuelle, création du Look & Feel et des interfaces.

Kompass s’adresse aux entreprises avec des solutions de prospection BtoB. Nous voulions mettre en place une identité sobre et élégante qui dégage une image de sérieux, de professionnalisme et d’univers business. L’univers, l’ambiance et le Look & Feel est sobre et épuré pour valoriser le contenu. Les interfaces alternent fond clair et bleu nuit contrasté, un gris clair léger permet de faire ressortir des aplats blancs.  Une fois le Look & Feel défini, nous avons créé 10 pages structurantes du service: page d’accueil, de recherche, de résultat de recherche, annuaire des entreprises, fiche entreprise, solutions produits, fiches gratuites et payantes, menus déroulants, kompass en quelques mots.

 

Kompass---Interfaces-01 Kompass---Interfaces-02

Responsive Design, Adaptabilité sur tablettes et mobiles.

Les interfaces ont étés conçues sur le principe de « Mobile First », pour une consultation et une accessibilité optimale en mobilité. Chaque élément doit s’adapter et être consultable sur tablette et mobile. L’interface s’adapte automatiquement en fonction de la résolution de l’appareil utilisé, les éléments qui la composent se réduisent et passent les uns en dessous des autres. Le responsive design est fluide, les breakpoints sont à peine perceptibles.

 

Kompass---Ipad-Design---Responsive

 

Déclinaisons des 10 interfaces structurantes dans leurs versions responsive.

Chaque interface est déclinée dans sa version tablette et mobile. 1680-1050 pour Desktop, 768 * 1024 format vertical pour tablettes, 420 * 320 format vertical pour smartphone. La résolution d’écran des différents supports est prise en compte pour décliner les interfaces de manière optimale et nous assurer d’une  bonne consultation et d’une bonne accessibilité de la plateforme.

 

Kompass---Responsive-01 Kompass---Responsive-02

Navigation et ergonomie.

Pour orienter l’utilisateur vers le contenu qui l’intéresse, nous avons conçu un menu déroulant à 3 niveaux. Simple d’utilisation et interactif celui-ci permet d’accéder facilement aux différents contenus du service. Le parcours du menu permet à l’utilisateur de se forger immédiatement une représentation de l’arborescence de la plateforme. Les boutons, les Call to Actions, sont colorés pour attirer l’attention, inviter à parcourir la plateforme et améliorer l’ergonomie générale.

Kompass---Interactions---Animations

Une plateforme moderne, ergonomique et consultable en mobilité.

La plateforme Kompass dégage désormais une image de sobriété et d’efficacité, le parcours utilisateur est optimisé, l’ergonomie et l’accessibilité est améliorée. La refonte et le nouveau design sont un succès, le service connait une augmentation du nombre d’utilisateurs, son référencement s’est amélioré et le taux de transformation est plus performant.