Interface Business Intelligence Qlik Sense

Design et code d'une application Web Vue.Js s'interfaçant avec Qlik Sense

Application Compass de LMC Automotive

LMC Automotive est un producteur très respecté d'analyses de marché et de prévisions pour l'industrie automobile. Notre tâche a été de créer un concept de design et de proposer la meilleure solution UX pour développer un tableau de bord présentant des données Business Intelligence et affichant des visualisations provenant de la plateforme d'analyse de données Qlik Sense pour laquelle nous avons également créé un module d'authentification customisé. Un effort particulier a été mis en oeuvre pour que cette application web soit responsive et puisse être utilisée de manière confortable sur mobile et tablette.

Maquette Lmc

L'équipe
1 directeur UX / UI et chef de projet
1 Web Designer
1 Développeur Front-End
Méthodologie
Atelier UX / UI
Outils
Lark
InVision
TeamWork
Adobe Xd
Adobe Illustrator
Adobe Photoshop
Technologies
JavaScript, Vue.JS
Durée

Le challenge

L’objectif était de repenser une application Web déjà développée par notre équipe il y a plusieurs années, de créer un nouveau design responsive pour celle-ci, et du coup moderniser sa structure techniquement en la transformant en une app frontend Vue.Js. Il y avait plusieurs exigences concernant la restructuration et la re-conception des écrans clients.

  1. Rendre chaque bloc du tableau de bord modulable et ajustable dans un CMS.
  2. Construire simplement pour permettre aux utilisateurs de comprendre et d’accéder plus facilement à ce qu’ils recherchent.
  3. Maintenir pour refléter l’identité de la marque.
  4. Rendre l’application Web réactive pour l’optimisation mobile.
Bureau Lmc

Tout d’abord, pour répondre à la demande des clients concernant la page du tableau de bord, nous avons conçu des blocs modulables, mais en fonction du contenu nous avons défini les limites de l’échelle d’expansion.

Deuxièmement, il y a une page nommée «Liste des applications», la version initiale de cette page n’était pas organisée de manière efficace. Par conséquent, il semble difficile de trouver une application que les utilisateurs souhaitent vraiment. Nous avons essayé de distinguer chaque application selon des catégories et de la rendre plus simple.

Troisièmement, nous nous sommes assurés que les éléments de conception reflètent l’identité de la marque tout au long de l’application en appliquant leurs directives CI.

Enfin, en ce qui concerne le responsive design, nous avons rendu chaque écran de l’application Web réactif pour l’optimisation mobile. Nous avons priorisé les informations importantes, afin de maintenir la simplicité, l’organisation et la convivialité.

Bannière Lmc

Le résumé du projet

La tâche principale était de repenser leur application existante pour la rendre plus conviviale et moderne pour les utilisateurs. Pour rendre le design plus efficace et convivial, nous avons eu des réunions en interne avec les membres de l’équipe spécialisés dans la design et le développement et en externe avec le client pour définir des objectifs clairs et réalisables. Nous sommes très heureux du design final qui est très apprécié par les utilisateurs de l’application (les clients de notre client).

Lmc réactif

Vous cherchez une agence web?
Discutez avec notre équipe!

Contactez-nous
Vous cherchez une agence web?
Discutez avec notre équipe!