Refonte UX UI et tech de site
Refonte du site de Terres OléoPro
Comment booster les huiles et protéines végétales françaises ? En valorisant la passion des agriculteurs, en présentant les plantes et en proposant plein de recettes délicieuses. Et en plus, c’est bon pour la santé et la planète !
Un site et un back office bien huilés !
Le brief de Terres OléoPro pour cette refonte
LA DEMANDE
- Refondre le site et passer de Drupal 7 à WordPress,
- Créer une charte graphique la plus écoconçue possible, compte tenu des contraintes de contenus (images et vidéos),
- Revoir l’arborescence et la simplifier,
- Améliorer le parcours utilisateur,
- Revoir le storytelling des pages pour mieux valoriser les contenus et faciliter leur lecture,
- Faire la migration des contenus du site.
Les objectifs
- Valoriser la filière des huiles et protéines végétales,
- Développer une préférence pour l’origine France lors de l’achat des produits issus des plantes riches en huiles et en protéines végétales,
- Valoriser tous les contenus créés par les équipes de Terre OléoPro : vidéos, photos, conseils, recettes, ..
CE QU’ON A FAIT ?
UX/UI Design
- Atelier de co-conception des wireframes et de la charte graphique,
- Challenger la charte graphique pour créer un univers engageant et écoconçu pour réduire l’impact carbone du site,
- Revoir l’arborescence pour simplifier l’accès aux contenus et améliorer le parcours utilisateur,
- Proposer un nouveau storytelling des principales pages.
Technique
- Site WordPress :
- Page à sections permettant de créer et mettre en scène de manière simple et autonome des contenus très variés,
- Modules recette :
- Remontée automatique des recettes sur la Home page,
- Filtres dynamiques qui remontent via AJAX des résultats positifs et pertinents,
- suites de lecture avec des règles d’automatisation complexes pour faciliter le maillage interne et la mise à jour du site, tout en proposant des contenus variés. De quoi simplifier le quotidien du webmaster !
- Module actualités
- Remontée automatique des actualités sur la home page,
- Mise en avant automatique ou manuelle d’une actualité.
- Migrer les contenus de l’ancien site,
- Proposer a minima un site accessible quel que soit le handicap,
- Optimiser le code et les images pour réduire l’impact carbone du site,
- Maintenance du site.
