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
[harmonie_coloree]Voici quelques aperçus de la maquette graphique réalisée pour le site web :
Page d'accueil
Menu
Pages de contenus
Carte interactive
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.
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.