La miellerie des Vosges

Apicultrice de dos

La Miellerie des Vosges est une association d’apiculteurs vosgiens basée à Cheniménil. Elle regroupe les passionnés qui désirent partager leur expérience et leur savoir-faire, tout cela dans un même but commun : préserver leur bien-aimée abeille. L’association à contacté l’agence Lézards’Création dans laquelle je suis en alternance pour réaliser leur projet de site web.

Le site a plusieurs grandes vocations :

  • Présenter l’association
  • Communiquer des actualités au sein de l’association
  • Mettre à disposition une carte interactive situant les ruches des membres
  • Exposer les programmes d’affiliation à l’association

Après l’élaboration de maquettes graphiques par une graphiste de l’agence, je me suis occupé de l’intégration HTML/CSS/JS et du développement PHP avec WordPress du site.

Identité graphique

Le style graphique du site se veux accueillant et réconfortant. Il doit donner envie au visiteurs de rejoindre la communauté des apiculteurs. L’utilisation de grandes images reflète la place de la nature au sein du projet. Le contenu textuel s’intègre parfaitement aux éléments visuels grâce au grands titres en fond qui fait office de liant entre ces deux parties.

L’utilisation de la couleur orange permet de refléter l’esprit de communauté et de favoriser l’échange.

Harmonie colorée

#f59c00

#d1cab2

#292b2c

Voici quelques aperçus de la maquette graphique réalisée pour le site web :

Page d’accueil

Page d'accueil du site la Miellerie des Vosges

Menu

Menu du site la Miellerie des Vosges

Pages de contenus

 

Page de contenu du site la Miellerie des Vosgesdu site la Miellerie des Vosges

Carte interactive

Carte interactive du site Miellerie des Vosges

Développement

Les modèles de pages WordPress ont principalement étés développées avec des champs personnalisés ACF (Advanced Custom Fields). Ces champs nous ont permis de construire les différents templates de page et les fiches des adhérents, parrains et mécènes de l’association. Nous les avons couplés à un type de contenu personnalisé pour que les fiches soient intégrable facilement dans les modèles de pages PHP.

La mise en responsive a été assez complexe à réaliser. Du fait des effets de parallaxe et du positionnement absolu de certains éléments graphiques (comme les tâches de miel), une mise en colonnes des éléments de la page n’a pas été suffisant. Nous avons donc étés obligés de réduire le nombre d’éléments graphiques sur la version mobile du site afin que le contenu soit agréable à consulter.

Version mobile du site de la Miellerie des Vosges

Bilan

Nous avons étés plusieurs à travailler sur le développement de ce site, cela m’a permis de me rendre compte de la difficulté de poursuivre le code d’une autre personne. Il faut consacrer du temps pour comprendre le code et la méthodologie de développement mise en place et s’adapter à ce qui a été réalisé. De part son design atypique et sa cause que je soutiens, le site pour l’association « la Miellerie des Vosges » est un site que je voudrais partager à un plus grand nombre. La relation client a été fluide et constructive et nous avons pu collaborer au mieux pour que le site soit un réussite.