Behance Twitter LinkedIn
Page d'accueil Portefeuille Contact

Conception d'un site web et développement de WordPress pour le Quad Safari Costa del Sol

Résumé de l'étude de cas

Quad safari Costa del Sol a souhaité que son site soit mis à jour pour les raisons suivantes:
  • Le site ne se chargeait pas toujours et le client voyait plutôt un écran blanc avec un message d'échec.
  • La vidéo n'a pas été chargée.
  • L'en-tête était trop gros et occupait au moins 40% de la hauteur de chaque page.
  • Les images étaient de mauvaise qualité.
  • La couleur de la police était désagréable pour les yeux.

Techniques de recherche sur l'expérience utilisateur

Révision experte

Entretien téléphonique

Essais d'utilisabilité


Solutions

Solution d'hébergement

Conception de l'expérience utilisateur

Conception du site web

Développement du site web WordPress

Développement de sites web pour les appareils mobiles

View Quad Safari site

Détails du projet

Enjeu: Le site web ne se charge pas

Les clients se sont plaints de ne pas pouvoir accéder au site. Au lieu de la page d'accueil, ils recevaient parfois un message indiquant que le serveur ne pouvait pas charger le site web.

The message the clients would see when the site was not loading

Corrections

Le problème était dû à un mauvais code php et à des conflits de plugins dans WordPress, de sorte que le site a dû être rendu redondant. Le client s'est vu proposer un autre hébergeur qui lui offrait un meilleur service et un meilleur rapport qualité-prix. Le contenu du site est resté le même, mais le style a été mis à jour et rendu plus convivial et plus attrayant. Le rapport GTMetrix ci-dessous présente les statistiques sur la vitesse du site peu après sa publication.

Vitesse de la page d'évaluation du rapport GTMetrix A voir le rapport complet ici

Enjeu: La vidéo n'a pas été chargée

La vidéo sur la page de la galerie n'était pas accessible et les clients ne voyaient qu'un emplacement vide.

Une place vide au lieu d'une vidéo

Corrections

Le nouveau site est doté d'une vidéo intégrée hébergée par youtube afin de réduire le temps de chargement du serveur.

La vidéo sur la page de la galerie montrant entièrement

Enjeus: un en-tête surdimensionné, une mauvaise couleur de police, un pied de page vide et des images de mauvaise qualité

TL'en-tête fixe du site occupait environ 40 % de l'espace de chaque page et les éléments de l'en-tête ne s'alignaient pas correctement, ce qui lui donnait un aspect désordonné. La couleur de la police n'était pas agréable à l'œil, et la qualité des images était médiocre, ce qui était particulièrement perceptible sur les images en taille réelle.

L'image de l'en-tête du site sur la page de Tours

Corrections

Le nouvel en-tête a pris environ 20 % de la hauteur de la page du site qui s'est contractée à 5 % sur le défilement. L'en-tête a reçu une structure équilibrée avec tous les éléments s'alignant autour du logo du site au milieu. La couleur de la police rouge a été changée en gris foncé pour faciliter la lecture. Les images de mauvaise qualité ont été utilisées avec parcimonie, et des images de bonne qualité ont été recherchées pour les sections prenant toute la largeur de la page. Le pied de page a été rempli d'informations utiles telles que les coordonnées complètes du lieu de réunion avec un lien vers google maps, les liens sociaux et le menu.

L'image de la nouvelle page de Tours