Semaines 7 à 10 – Novembre & Décembre 2020

Mon travail consiste en une modernisation et simplification du site. L’ancienne version n’était pas assez intuitive, les utilisateurs se plaignaient d’être perdus !

Navigation

Afin de rendre intuitif le site, il a fallu ajouter un menu en haut de page comme la plupart des sites afin de respecter les standards. Il s’agit d’un menus avec des sections déroulantes, cela permet à l’utilisateur d’avoir un coup d’œil rapide sur l’architecture du site. L’ajout de la barre supérieure permet d’avoir en un clic les informations de contacts.

En jaune la barre d’accès rapide, en rouge le menu

Page d’accueil

La page d’accueil se divise en 5 parties. Un « Hero », avec plusieurs images marquantes de l’Eau Vive afin de donner un côté dynamique et attrayant à la page. La deuxième partie permet de donner la dernière informations importantes, généralement les dates d’inscriptions aux camps. La troisième parties affiche les 3 derniers articles du blog, afin de rediriger les utilisateurs sur la page actualités (blog). Les deux dernières sections permettent de rediriger rapidement les utilisateurs sur les pages les plus demandées et visitées.

Ci-dessus, les sections Actualités et Activités (3 & 4) que vous pouvez retrouver directement sur la page d’accueil de leauvive.com

Page actualités (blog)

La page actualités permet aux utilisateurs de voir les dernières informations, nouvelles et activités de l’Eau Vive. WordPress nous propose des outils très pratique, comme la possibilité d’avoir des widgets (ici les vidéos), un système de recherche et un aperçu visuel des articles agréable. Afin de rendre la page dynamique, j’ai également rajouté des effets de fondus et de hover que l’on peut voir sur les différentes pages du site. Cela permet d’avoir des pages vivantes et moins fixes.

Page actualités

Cette expérience m’a permis de maîtriser l’outil WordPress qui s’avère être un CMS très puissant ! A travers la refonte de leauvive.com, j’ai appris à me mettre dans la peau de l’utilisateur afin de rendre ses différents chemins sur le site, rapide, efficace et simple.