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.
Notre approche : Concevoir un site internet évolutif à travers un thème WordPress pour optimiser et fluidifier le parcours des bénévoles
- 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
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
Wings of the Ocean
Mettre en valeur la nouvelle charte graphique de Wings of the Ocean
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.
Wings of the Ocean
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 :
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.
Atelier de travail, UI Design, Développement front / back, Gestion de projet
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 :
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.
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.
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 :
Gutenberg dispose également de nombreux avantages :
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 :
La méthodologie mise en place
Chef de projet, UI designer, Développeur front / Développeur Back
Gestion de projet, UI Design, Développement Front / Back
Les outils
Wings of the ocean
Découvrez d'autres réalisations
UTP - Futur en Train
Faire rayonner les métiers du ferroviaire grâce à une expérience digitale optimisée et inspirante
Fédération du Commerce Coopératif et Associé
De la vitrine au média : la métamorphose digitale de la FCA
Seppic
Réalisation des maquettes et supports vidéos du nouveau site internet Seppic
UNCGFL
Comment refondre un écosystème digital vieillissant pour offrir une expérience fluide aux usagers tout en simplifiant la gestion pour les équipes internes ?
Vivalya
Moderniser l’image digitale de Vivalya avec un site performant, esthétique et éco-responsable
Peak to Peak - Alta Lagoa
Créer un site web multilingue dédié à la génération de leads sur Webflow
Les Ponts
Deux sites, une ambition : améliorer l’expérience utilisateur et la performance e-commerce
RATP
Comprendre les besoins des utilisateurs pour identifier les axes d’amélioration et de nouvelles fonctionnalités sur le site ratp.fr ?
Yomoni
Déployer la nouvelle identité de Yomoni sur son site web & son application
Praesens
Construire un univers digital pour Praesens, agence de création de supports de présentation
Un projet à nous présenter ?
Transcription de la vidéo
La transcription de cette vidéo sera ajoutée prochainement.
Une conversation est plus simple que 1.000 mots