logo othilie art work

Pro BTP

Analyse UI/UX

Bonjour à tous, aujourd’hui je voulais vous présenter l’entreprise Pro BTP. Connaissant bien cette entreprise, je souhaitais vous partager un retour sur l’ergonomie de leur site web: www.probtp.com !

Tout d’abord, PRO BTP est un groupe de protection sociale en France qui offre divers services aux professionnels du bâtiment et des travaux publics (BTP). Ces services incluent la santé, la prévoyance, la retraite, l’épargne, et l’assurance. 

Test de l'expérience utilisateur.

En premier temps, j’ai utilisé le site comme le ferait un particulier à la recherche d’informations souhaitant souscrire à une assurance.

J’ai pu constater que la navigation était fluide et que la hiérarchie de l’information était bien organisée. On peut facilement accéder aux différentes pages de site et dans le cas où je souhaiterais souscrire à une assurance, je peux réaliser un devis directement depuis leur site.

La police d’écriture et les couleurs sont bien choisies, et au bas de la page on retrouve des liens permettant de rentre le site accessible aux personnes sourdes et malentendantes.

Page d'accueil du site de Pro Btp

Un site "multisite"

Le site principal est relié entre plusieurs sites différents, mais appartenant toujours à l’entreprise. Ces sites sont spécifiques à un certain domaine comme Pro BTP vacances. Je trouve que c’est une bonne solution pour ne pas surcharger le site d’informations et afin de garantir un bon référencement. 

Analyse de l'interface utilisateur

Au niveau de l’UI, j’ai trouvé le site clair et simple d’utilisation. Il possède de bon contraste et les boutons ont de l’ affordance.

La seule page qui m’a semblé compliquée est la page « Espace Compte ». Elle a conservé un aspect skeuomorphique alors que la tendance web design en 2024 est plutôt le flat design.

Les points d'améliorations

Comme vous avez pu le constater, le site principal de Pro BTP est bien conçu et répond aux principaux critères de l’UI et de l’UX.

Cependant, à l’aide de l’outil GTMetrix, j’ai pu analyser les performances du site et ainsi j’ai pu constater qu’il avait un assez mauvais score.

Voici quelques-uns de mes conseils pour améliorer les performances du site :

  • Optimiser et réduire la taille des images : en effet, dans la majorité des sites web, les images sont des ressources lourdes et mettent du temps à charger. Cela peut affecter l’expérience utilisateur, il est donc important de toujours optimiser ses photos et logos.
  • Utiliser un réseau de diffusion de contenu (CDN) : Les CDN sont de plus en plus populaires, ils permettent le transfert rapide des ressources nécessaires au chargement du contenu Internet, notamment les pages HTML, les fichiers JavaScript, les feuilles de style, les images et les vidéos.
  • Éliminer les Render Blocking Ressources: Grâce à l’extension Wappalyzer, j’ai pu constater que le site était réalisé en code. Dans ce cas précis, le script CSS ralentit le temps d’affichage du contenu.

Conclusion

Si je travaillais en tant que web designer pour le groupe Pro BTP, dans un premier temps j’effectuerais des recherches sur les besoins des utilisateurs en faisant des entretiens utilisateurs, des Personae, une carte d’empathie, une expérience map et des tests utilisateurs. Je pourrais ainsi adapter au mieux le site à l’utilisateur.

Je travaillerais également en collaboration avec le service développement, afin de leur présenter une maquette pour améliorer la page  » Espace Compte ».

Merci d’avoir suivi mon article ! À bientôt !

Bienvenue sur mon blog !

Vous retrouverez sur cette pages tous mes articles traitant de différents sujet. 

Publications récentes

Categories

Étiquettes

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *