Wings of the Ocean est une association française fondée depuis 2018  qui a pour mission de dépolluer les littoraux et sensibiliser les publics aux impacts des déchets marins

Ils proposent différentes missions : itinérantes, locales ou antennes locales .  Pour les soutenir,  vous pouvez les rejoindre, faire un don ou encore adhérer. Depuis plus d’un an, Limpide soutient Wings of the Ocean contre la pollution plastique en mer c’est pourquoi l’équipe de Wings of the Ocean a souhaité se faire accompagner d’un partenaire expert en digital pour refondre leur site internet.

Partenaire

Durée du projet

3 mois

95 000

kilos de déchets ramassés

4 000 000

m2 de dépollués

600

dépollutions depuis 2018

7

missions

7000

volontaires

1

thème WordPress

Notre approche :  Concevoir un site internet évolutif à travers un thème WordPress pour optimiser et fluidifier le parcours des bénévoles

3 enjeux majeurs : 

  • Choisir et s’approprier d’un nouveau thème WordPress (Astra) avec un éditeur Gutenberg
  • Proposer des interfaces qui révèlent tout le potentiel de la nouvelle charte graphique
  • Rendre le site administrable (en toute autonomie) 

La meilleure stratégie, selon nous, a été de repartir sur un nouveau thème WordPress plus administrable, intuitif et évolutif pour répondre à leurs besoins. 

Nos expertises

Atelier de travail, UI Design, Développement front / back, Gestion de projet

“L’agence Limpide fut un véritable coup de cœur pour les équipes de Wings of the Ocean. Nous avons senti que le projet avait du sens pour eux et que cela passait au-delà d’une simple collaboration professionnelle. Les échanges furent fluides, les conseils très bons et la réalisation a dépassé les attentes initiales. Nous les remercions sincèrement pour ce projet.”

Leopold Guyot, Responsable communication chez Wings of the Ocean
01

Déroulé du projet

Atelier de cadrage : comprendre l’existant pour définir la vision du futur site internet

Avant de démarrer la phase de production (UI Design et développement), il est nécessaire d’avoir une phase d’immersion pour bien comprendre la vision cible et poser l’arborescence qui est le point de départ pour la création de l’architecture du futur site. 

Nous avons mené un atelier de cadrage à travers l’outil Miro, la plateforme collaborative et interactive.   

Lors de cet atelier de cadrage, nous avons abordé différents points : 

  • Échanger sur la vision de Wings of the Ocean et comprendre leur métier 
  • Échanger sur la future arborescence du site internet
  • Définir et co-construction ensemble les futurs modules pour chaque grande typologie de page comme page d’accueil, page mission et page événement 
  • Échanger sur des fonctionnalités pertinentes, que nous avions benché au préalable 

En séance, l’équipe Wings of The Ocean a été immédiatement réactif et a validé l’arborescence. Nos entrées de navigation sont simples et efficaces pour l’utilisateur : “nos missions” , “Label”, « Partenaires » “Événements” “Actualités” et deux boutons “nous rejoindre”, “faire un don “ pour inciter l’engagement. 

Grâce à la méthode 4D by Limpide, nous avons pu orienter la stratégie digitale, le design et  le développement. 

02

Réaliser l’UI design du site en respectant le générateur de modules 

Grâce à l’atelier de cadrage où nous avions déjà abordé les différents modules, fonctionnalités et structures des pages attendues, la phase d’UI design a été efficace et rapide. 

Pour construire nos pages, nous avons principalement utilisé les modules disponibles sur le thème Astra. Seulement quelques pages ont été créées sur-mesure afin d’engager les bénévoles  : page de liste et single événements. 

L’UI design se veut immersive et impactante à travers leurs couleurs et les pictogrammes dédiés à chacune des missions. Tout le long du site, l’aspect de la vague est présent en header et footer ou encore au niveau des images pour rappeler la charte graphique et les valeurs de Wings of the Ocean. Ils ont fait le choix d’avoir un site plutôt sombre que clair. 

Concernant l’iconographie, l’humain est au cœur du site. Les photos des bénévoles sont présentes tout au long du parcours afin d’incarner au mieux l’association.

03

Développement technique : les bénéfices d’avoir un éditeur Gutenberg avec le thème Astra

Chez Limpide, on a souvent l’habitude de faire des refontes de sites sur-mesure, mais pour Wings of the Ocean, nous avions décidé ensemble de reprendre un nouveau thème WordPress plus puissant et performant. Les développeurs ont su s’adapter et prendre en main aisément le thème Astra.

Nous leur avons recommandé le thème Astra pour plusieurs raisons :

  • Thème connu et reconnu (1M de sites actifs)
  • L’un des thèmes les + rapides sur le marché
  • Une interface d’administration simple et intuitive
  • Options de paramètres avancées mis à disposition (en tête du site, pied de page…)
  • Compatibilité avec les dernières versions de WordPress et de ses plugins

Gutenberg dispose également de nombreux avantages : 

  • Interface simple à prendre en main au quotidien
  • Un grand nombre d’options pour personnaliser le site web
  • Indépendance dans la gestion et l’ajout de contenus
  • Obtenir un code optimisé (contrairement aux builders comme Elementor)

L’objectif a été de choisir un thème où il y a un nombre important de composants pour éviter la création sur-mesure et permettre aux équipes de Wings of the Ocean d’être autonomes au maximum dans la création de nouvelles pages une fois le site mis en ligne.

On retient de ce partenariat : 

  • un coup de coeur
  • des valeurs partagées et des projets communs avec l’envie de contribuer à un monde meilleur
  • un plaisir de dépolluer des plages avec Wings of the Ocean : retrouvez l’équipe Limpide prochainement sur une des plages à Sète 🙂 

La méthodologie mise en place

L’équipe

Chef de projet, UI designer, Développeur front / Développeur Back 

Les expertises

Gestion de projet, UI Design, Développement Front / Back

Les outils

Un projet à nous présenter ?

D'autres idées de format ou de sujets sur lesquels vous aimeriez être formés ? Parlons-en et construisons ensemble une expérience adaptée à vos besoins !
Contactez-nous
Une conversation est plus simple que 1.000 mots