Publié le 10 janvier 2018
La miellerie des Vosges 🍯
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
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.