Création et montage du site Web Le Papillon blanc danse

J’ai monté le site WordPress de Le Papillon blanc danse avec le constructeur de pages Divi.

Le but principal, créer un site Web à l’image de l’organisme Le Papillon blanc danse. Un site accessible, esthétique, simple et agréable à consulter. Tout en tenant compte des besoins actuels comme :

  • Un site qui fonctionne avec les appareils mobiles
  • Ajouter la base du SEO (référencement)
  • Rendre le client autonome au maximum pour l’ajout de contenu
  • Le papillon blanc danse site Web accueil

Entête des pages avec bloc transparent qui s’ajuste aux formats d’écrans

Dans ce cas-ci, le bout intéressant à créer fut les bannières des pages. Le bloc de couleur qui contient le titre de la page se déplace et s’ajuste dynamiquement selon la taille de l’écran.

J’ai crée 2 versions de chaque bannière. Une dédiée aux ordinateurs, et une pour les appareils mobiles. De cette manière, le bloc transparent se trouve à droite ou à gauche de l’écran pour les ordinateurs. Après, il se loge au bas de la bannière pour les appareils mobiles.

Comme ça, ça semble tout simple, voici les contraintes :

  • Le sujet principal de l’image de chaque bannière doit rester visible pour chaque format d’écran.
  • Le bloc transparent doit s’harmoniser avec l’image, qu’il soit d’un côté ou en bas de l’image.
  • Le titre doit rester centré dans le bloc transparent en tout temps.

Faire ressortir le côté humain

Une de mes grandes préoccupations dans mon travail se retrouve dans ce site, donner de la place au côté humain. Tout au long de ce projet, nous avons maintenu une discussion ouverte pour clarifier les besoins de la cliente. Puis, j’ai monté le site en m’ajustant selon l’image et l’approche désirées.

En conclusion pour Le Papillon blanc danse

Ce site profite de la flexibilité du constructeur de page Divi qui me permet d’ajuster l’apparence du contenu selon les demandes et besoins de chaque projet.

Pour consulter d’autres projets : section Projets du Blogue

Le papillon blanc danse bannière
Partager
Scroll to Top