Un site web engagé pour Mycéliane
À venir
Le défi : Aligner la forme web avec le fond engagé
Maryline, fondatrice de Mycéliane, accompagne les entreprises de logistique durable et les acteurs à impact positif. Son objectif ? Aider ces structures vertueuses à devenir la norme grâce à une communication éthique, persuasive et sans greenwashing.
Rencontrée via l’association We Act 4 Earth, Maryline souhaitait un site web reflétant cet engagement fort. Le défi était double :
- Traduire une expertise complexe (logistique, SEO, neuro-marketing) en un site clair et convaincant.
- Respecter une cohérence éthique totale, notamment via une démarche d’écoconception web rigoureuse, pour ne pas polluer le message porté.
La solution : une intégration sur-mesure et écoconçue
Pour ce projet, l’identité visuelle et la maquette de la page d’accueil ont été créées par le graphiste Nicolas Pettini. Je suis intervenue en tant que développeuse et intégratrice pour donner vie à ce design sur le web, avec un objectif : conserver la richesse visuelle tout en allégeant au maximum la technique.
- Respect de l’identité visuelle : J’ai intégré la maquette de la page d’accueil telle que conçue par Nicolas, en veillant à respecter l’identité visuelle forte de Mycéliane. Pour les pages internes (Prestations, À propos, Stratégie), j’ai créé les gabarits en m’inspirant de cette ligne directrice, avec une liberté supplémentaire pour optimiser la structure dès la conception.
- Optimisation technique poussée : Pour répondre à l’exigence d’écoconception, j’ai trouvé les meilleurs compromis pour garantir au site de rester léger, rapide et fluide.
- Plateforme souveraine : Le site est hébergé chez Infomaniak (hébergeur responsable) et construit avec WordPress, garantissant à Mycéliane une indépendance totale et une conformité RGPD/nLPD.
Le site
Écoconception
L’écoconception est un exercice d’équilibre entre design, contenu et technique. Voici les résultats obtenus pour Mycéliane :
Les scores Ecoindex
A étant l’idéal, G le plus polluant. Le score moyen du web français se situe souvent autour de E ou F. Obtenir un B ou C est déjà une très belle performance.
- ✨ Page Accueil : C (63/100)
- ✨ Page Prestations : B (73/100)
- ✨ Page À propos : B (72/100)
- ✨ Stratégie digitale : B (72/100)
Le score de la page d’Accueil reflète la volonté de conserver un design impactant, telle que dessiné initialement. Malgré l’optimisation technique poussée que j’ai appliquée, la richesse graphique du design original implique un poids légèrement supérieur. C’est un choix assumé pour privilégier l’expérience utilisateur et l’identité de marque, tout en restant bien en dessous de la moyenne polluante du web.
💡 L’enseignement de ce projet : Ce projet illustre l’importance de la collaboration précoce. Lorsque le graphiste et la développeuse travaillent main dans la main dès la phase de conception, il est possible d’atteindre des scores A ou B sur l’ensemble du site, y compris sur des pages très visuelles.
C’est exactement la méthode que nous appliquons désormais avec Lucie Colin dans mes offres Muse et Déesse : son expertise en design écoconçu nous permet de créer des univers visuels impactants tout en garantissant, dès le premier trait de crayon, une structure optimisée pour la sobriété numérique.
Audits Techniques (Lighthouse)
Le site obtient la note maximale sur l’ensemble des critères de qualité web, critères important des moteurs de recherche pour le classement de leurs résultats de recherche.
- ✨ Performance : 100/100
- ✨ Bonnes pratiques : 100/100
- ✨ SEO : 100/100
- ✨ Accessibilité : 100/100
Pourquoi cette approche technique sert la stratégie de Mycéliane ?
- Crédibilité immédiate : Un site rapide et accessible renforce le discours d’experte de Maryline.
- Cohérence des valeurs : La construction du projet en écoconception montre la volonté de limiter l’impact environnemental.
- Autonomie : Maryline dispose d’un outil WordPress facile à alimenter et faire évoluer.
Le témoignage de Maryline
Pour les projets qui demandent une création de A à Z
L’offre Déesse t’offre une liberté totale : direction artistique sur-mesure et intégration experte pour un site qui incarne pleinement ton ambition.