Clean Collective

<h1>🧽 Spring &amp; 🧼 Beaudy</h1><p><strong>Spring</strong> et <strong>Beaudy</strong> sont deux marques appartenant au collectif <strong>Clean Collective</strong>, qui a été fondé en 2020 dans le but de proposer des produits d'hygiène et d'entretien vraiment clean pour la planète et pour les consommateurs.</p><p><strong>Spring</strong> se spécialise dans <strong>les produits d'entretien naturels</strong> et respectueux de l'environnement, en proposant une gamme de produits écorrespondables pour la maison. Leur mission est de simplifier la vie de leurs clients tout en ayant un impact positif sur l'environnement.</p><p><strong>Beaudy</strong> quant à elle propose <strong>des produits de beauté éco-responsables</strong> tels qu'entre autres des gels douches et shampoings solides. Leur objectif est de proposer des produits de qualité, tout en ayant une démarche éco-responsable et en réduisant leur empreinte environnementale.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clg5636cl060f5wcgabpt3vn5.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clg562b2606035wcg7k9l4ov6.png"><div class="image-overlay"></div></div></div></div><h1><strong>⭐ </strong>Contexte</h1><p>Pour cette commande, ils ont souhaité une refonte de leur funnel d'achat <strong>pour uniformiser le parcours d'achat </strong>sur l'ensemble de leurs marques, Spring et Beaudy. Nous leur avons fourni une<strong> étude approfondie du funnel d'achat actuel</strong> ainsi que des <strong>études d'entreprises concurrentes</strong>. L'objectif était d'analyser leur funnel et de proposer une <strong>refonte pour uniformiser et simplifier le processus d'achat pour les utilisateurs</strong>, tout en étant <strong>cohérent avec l'identité visuelle de chaque marque</strong>.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clg56w2c802895wfc2cpjexve.png"><div class="image-overlay"></div></div></div></div><p></p><h1><strong>📌 Méthode</strong></h1><p>Notre approche pour la refonte du funnel d'achat de Spring et Beaudy était <strong>centrée sur l'utilisateur</strong>. Nous avons commencé par :</p><ul><li><p><strong>Analyser leur funnel d'achat actuel</strong>, en étudiant les différentes étapes du processus ainsi que les points de blocage ou les difficultés rencontrées par les utilisateurs.</p></li><li><p>Effectuer une <strong>analyse comparative des funnels d'autres entreprises</strong> du même secteur, afin de comprendre les meilleures pratiques et d'identifier les points forts et faibles des différentes approches concurrentes.</p></li><li><p>Travailler en étroite collaboration avec l'équipe de Clean Collective pour élaborer une <strong>nouvelle proposition de funnel d'achat</strong> pour Spring et Beaudy. Nous avons opté pour une approche simplifiée et uniformisée, en veillant à ce que chaque étape soit clairement définie et facile à suivre pour les utilisateurs. Cette proposition de funnel a été conçue pour être étendue à d'autres marques potentielles du collectif.</p></li><li><p>Nous assurer, sous la supervision de Pierre, CTO du collectif Wild Web, que les délivrables soient compatibles avec l'approche technique, pour que les funnels soient paramètrables mais aussi correctement nomenclaturés afin de faciliter le travail des développeurs !</p></li><li><p>Réaliser une <strong>refonte de l'interface web design UI/UX</strong> pour assurer une expérience utilisateur optimale. (en cours de refonte par les développeurs de Wild Web)</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clg565uxx061p5wcg7y59fxrh.png"><div class="image-overlay"></div></div></div></div></li></ul><p></p><h1><strong>🎁 Livrable</strong></h1><p>Nous avons livré <strong><u>en 5 jours</u></strong><u> </u>à Clean Collective :</p><ul><li><p>Une <strong>étude approfondie du funnel d'achat actuel</strong> de Spring et Beaudy ainsi que des <strong>analyses comparatives avec d'autres entreprises du même secteur</strong>.</p></li><li><p>Une <strong>proposition de refonte web design UI/UX du funnel d'achat</strong> pour uniformiser et simplifier le processus d'achat pour les utilisateurs tout en étant cohérent avec l'identité visuelle de chaque marque.</p></li></ul>

Uniformisation et simplification le processus d'achat de Spring et Beaudy

Product Strategy

UX Product Design

Spring & Beaudy | WebDesign Ui/UX Funnel d'achat

Pimpup

<h1><strong>🥕 PimpUp</strong></h1><p></p><p><strong>PimpUp </strong>est une nouvelle entreprise française fondée en 2020 qui propose des <strong>paniers de fruits et légumes anti-gaspillage</strong> en direct des producteurs livrés chaque semaine au plus proche de ses clients. La startup a pour mission de lutter contre le gaspillage alimentaire en valorisant les produits "imparfaits" tels que ceux qui sont hors calibre ou présentant des défauts esthétiques. Les clients ont accès à des produits frais, sains et de saison provenant exclusivement de fermes locales, en agriculture raisonnée ou bio. Les paniers PimpUp ont un impact social et environnemental fort en réduisant le gaspillage alimentaire, en préservant la planète et les ressources naturelles tout en offrant aux producteurs une meilleure valorisation de leur production disponible sans effort.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clg51k3zd01pm5wfc7ptshk9h.png"><div class="image-overlay"></div></div></div></div><h1><strong>⭐ </strong>Contexte</h1><p></p><p>Initialement contactés pour le <strong>développement</strong> de leur site web, nous avons rapidement compris que nous pouvions également les aider à améliorer leur <strong>design ui/ux</strong>.</p><p>Le design initial de leur site web était fonctionnel, mais nous avons vu une opportunité de l'améliorer pour rendre l'expérience utilisateur plus agréable et plus intuitive.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clg4wa9du1v3j5vh2bdfv3j03.png"><div class="image-overlay"></div></div></div></div><h1><strong>📌 Méthode</strong></h1><p></p><p>Pour cela nous avons commencé par :</p><ul><li><p>Comprendre <strong>les besoins</strong> et <strong>les attentes</strong> de la marque.</p></li><li><p>Travailler <strong>l'identité visuelle</strong> de la marque en retravaillant les mises en pages, la typographie et les couleurs pour créer un design cohérent.</p></li><li><p>Revoir l'architecture du site pour <strong>améliorer la navigation</strong> et <strong>faciliter l'accès à l'information</strong> pour les utilisateurs.</p></li><li><p>Mettre l'accent sur <strong>l'ergonomie</strong> pour rendre l'expérience de navigation la plus fluide possible.</p><p></p></li></ul><p>Le résultat final, est un design moderne, efficace et en accord avec l'identité de la marque. Pour renforcer leur image, nous avons également créé des illustrations personnalisées pour les fruits et légumes ainsi que des fonds pour certaines pages, reflétant l'engagement de notre équipe à offrir des designs uniques et personnalisés pour chaque projet.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clg4vri6k1wgw5vheeloufi2a.jpg"><div class="image-overlay"></div></div></div></div><h1><strong>🎁 Conclusion</strong></h1><p></p><p>Nous sommes fiers d'avoir travaillé avec PimpUp pour leur offrir une plateforme en ligne qui reflète leurs valeurs, leur mission et leur engagement en matière de lutte contre le gaspillage alimentaire.</p><p></p><p></p>

Conception d'un site web et d'un design UX/UI pour soutenir la mission antigaspi de PimpUp.

Strategy Consulting

Le collectif a su prendre le sujet des maquettes en main sur Figma avec Maëlle de WildWeb qui a repris les 1ère versions réalisées en interne par PimpUp. Par la suite, les échanges sur les maquettes ont été très fluides, avec Maëlle ainsi qu'avec toute la team WildWeb qui ont tous fait des retours pour améliorer. Cela nous a permis d'avoir une très bonne base pour la partie dev suivante.

Pimpup | WebDesign UI/UX Interface

Ecov

<h1>🚗 Ecov</h1><p>Ecov est une start-up de l'économie sociale et solidaire créée en 2014. Son objectif est de <strong>transformer la voiture en transport collectif</strong> en co-construisant le <strong>premier service public de covoiturage de proximité</strong>. Ecov fournit des solutions clés en main d'arrêts de covoiturage connectés aux collectivités et aux entreprises. La société est agréée Entreprise Solidaire d’Utilité Sociale et reconnue Jeune Entreprise Innovante.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clieoiv7w2aog64hq92epca0y.gif"><div class="image-overlay"></div></div></div></div><p><em>Réalisation d'une animation du logo pour le splash screen.</em></p><p></p><h1>⭐ Contexte</h1><p></p><p>Lors de notre seconde collaboration avec Ecov, nous avons été confrontés à un contexte spécifique qui a motivé la demande de refonte de leur application. <strong>Les designs initiaux</strong>, réalisés par notre ancienne web designeuse en seulement <u>3 jours </u>avec une exigence de rapidité et de simplicité, <strong>ne répondaient plus aux attentes d'Ecov</strong>. De plus, <strong>l'ajout de la nouvelle catégorie "Communauté" nécessitait des modifications approfondies</strong> pour assurer une intégration harmonieuse et une expérience utilisateur cohérente.</p><p>Ainsi, nous avons proposé <strong>une refonte de l'application</strong>, permettant de répondre aux besoins de la catégorie "Communauté" tout en améliorant l'ensemble de l'interface utilisateur. Cette décision, prise en collaboration avec l'équipe d'Ecov, démontre leur volonté d'investir dans une application de haute qualité pour leur communauté de covoiturage.</p><p>Notre équipe, composée de Maëlle en tant que web designeuse UI/UX, du chef de projet Pierre et des développeurs Henri et Paul, s'est engagée à relever ce défi en fournissant <strong>des designs et des fonctionnalités répondant aux attentes d'Ecov et des utilisateurs de l'application.</strong></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clley4t6t0jag73ff8du039p4.png"><div class="image-overlay"></div></div></div></div><p><em>Avant/après des designs existants.</em></p><p></p><p></p><h1>📌 Méthode</h1><p>Pour répondre aux besoins de refonte du site web d'Ecov, nous avons adopté une méthodologie approfondie et collaborative. Voici notre approche détaillée :</p><p></p><ol><li><p><strong>Recherche et analyse approfondies</strong> : Nous avons effectué une recherche approfondie pour<strong> comprendre les points de blocage dans les designs existants</strong> et identifier les méthodes<strong> d'amélioration possibles</strong>. Nous avons également réalisé une <strong>analyse approfondie d'autres sites afin de</strong> <strong>repérer des éléments pouvant s'appliquer à notre application</strong>. Des recherches ont été menées pour les futures <strong>illustrations, et des croquis</strong> ont été réalisés pour visualiser les nouvelles idées.</p><p></p></li><li><p><strong>Wireframing et prototypage </strong>: Une fois que nous avons acquis une compréhension approfondie des besoins et des objectifs, nous avons utilisé des outils de wireframing et de prototypage pour<strong> </strong>créer des maquettes du nouveau site. Nous avons également réalisé une <strong>animation du logo</strong> pour le splash screen. Les illustrations finales ont été créées, et <strong>toutes les maquettes ont été retravaillées pour assurer une expérience utilisateur optimale</strong>. Cette approche nous a permis de visualiser <strong>les nouvelles fonctionnalités</strong> et les améliorations apportées à l'interface utilisateur, et de les valider avec l'équipe d'Ecov.</p><p></p></li><li><p><strong>Collaboration étroite et itérations continues</strong> : Tout au long du processus de conception, nous avons encouragé une collaboration étroite entre toute l'équipe de Wild Web et l'équipe d'Ecov. Nous avons pris en compte leurs suggestions à chaque étape du processus. Grâce à cette collaboration dynamique, nous avons pu nous adapter rapidement aux besoins changeants et effectuer les ajustements nécessaires pour créer une expérience utilisateur optimale.</p></li></ol><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cljd0l11t09djbbfgbp1s8ec8.png"><div class="image-overlay"></div></div></div></div><p><em>Illustrations et designs produits dans le cadre de la nouvelle catégorie "communauté".</em></p><p></p><p></p><h1>🎁 Livrable</h1><p></p><p>Voici les principaux livrables que notre équipe a fournis à Ecov lors de la refonte de leur application :</p><p></p><ol><li><p><strong>Maquettes, nouveaux designs et illustrations</strong> : Notre web designeuse UI/UX, Maëlle, a réalisé des designs entièrement repensés pour l'application d'Ecov. En prenant en compte les besoins spécifiques de la nouvelle catégorie "Communauté" ainsi que les objectifs globaux d'amélioration de l'expérience utilisateur, ces designs ont apporté une esthétique moderne, attrayante et fonctionnelle à l'application. Maëlle a également créé des illustrations originales pour enrichir visuellement l'interface. Les maquettes ont joué un rôle essentiel dans la validation des choix de conception et ont permis à l'équipe d'Ecov de visualiser concrètement les nouvelles fonctionnalités et l'interface améliorée.</p></li><li><p><strong>Animation du logo</strong> : En plus des designs, nous avons fourni une animation personnalisée du logo d'Ecov, créée par Maëlle. .</p></li><li><p><strong>Intégration de la nouvelle catégorie "Communauté"</strong> : Nous avons travaillé en étroite collaboration avec l'équipe d'Ecov pour assurer une intégration harmonieuse de la nouvelle catégorie "Communauté" dans l'application. Cela comprenait la conception et l'implémentation des fonctionnalités spécifiques à cette catégorie, ainsi que leur intégration cohérente avec le reste de l'interface. Notre objectif était de permettre aux utilisateurs de profiter pleinement de cette nouvelle fonctionnalité tout en maintenant une expérience utilisateur fluide et intuitive.</p><p></p></li></ol>

Refonte du design UI/UX  d'une app mobile (Android & IOS) permettant de promouvoir le covoiturage et la mobilité durable

Nest

React Native

Ecov | Refonte UI/UX

<h1>🚗 Ecov</h1><p>Ecov est une start-up de l'économie sociale et solidaire créée en 2014. Son objectif est de <strong>transformer la voiture en transport collectif</strong> en co-construisant le <strong>premier service public de covoiturage de proximité</strong>. Ecov fournit des solutions clés en main d'arrêts de covoiturage connectés aux collectivités et aux entreprises. La société est agréée Entreprise Solidaire d’Utilité Sociale et reconnue Jeune Entreprise Innovante.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhacpitr1j7j64fn5oepgjxb.png"><div class="image-overlay"></div></div></div></div><h1>⭐ Contexte</h1><p>Dans le cadre du Plan Covoiturage de l'Etat français qui vise à<strong> encourager les automobilistes à adopter le covoiturage</strong>, Ecov a lancé FranceCovoit, une application mobile permettant aux covoitureurs de certifier leurs trajets pour bénéficier d'une prime ainsi qu'une fonctionnalité de parrainnage. Notre équipe a été chargée de développer l'application mobile et de travailler sur l'aspect visuel pour garantir une expérience utilisateur agréable et une identité graphique cohérente.</p><p></p><h1>📌 Méthode</h1><p>Nous avons travaillé en étroite collaboration avec Ecov pour comprendre leurs besoins et leurs attentes. Nous avons ensuite développer une <strong>application mobile disponible sur les plateformes Android et iOS</strong>. Même si le développement de l'application constituait le gros de notre intervention, notre équipe a également livré l'aspect visuel du projet :</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhabjsvc1i9k64fn8394b8nq.png"><div class="image-overlay"></div></div></div></div><h1>🎁 Livrable</h1><ul><li><p>Développement d'une application mobile disponible sur les plateformes Android et iOS.</p></li><li><p>Direction artistique pour garantir une cohérence graphique et une expérience utilisateur agréable (UX/UI).</p></li><li><p>Livraison d'une application mobile fluide, simple et transparente permettant aux covoitureurs de certifier leurs trajets et de bénéficier d'une prime covoiturage.</p></li><li><p>Intégration d'une fonctionnalité de parrainage pour permettre aux utilisateurs de gagner plus en parrainant d'autres covoitureurs.<br></p></li></ul>

Développement d'une app mobile (Android & IOS) permettant de promouvoir le covoiturage et la mobilité durable

Super coopération avec Wild Web ! Disponibles, forces de proposition, sympathiques et compétents !

Ecov | Développement d'une app mobile autour du covoiturage

CTO Freelance

Mettre nos compétences Design & Tech au service de clients ayant un impact positif sur la société, tel est notre leitmotiv ! Nous intervenons de la phase de design jusqu'au développement et déploiement de vos applications web et mobile.

Pierre Clocher

CTO Freelance

À propos

Expérience de travail

Fondateur

Founder

Directeur technique

Développeur web

Portfolio

Spring & Beaudy | WebDesign Ui/UX Funnel d'achat

Clean Collective

Pimpup | WebDesign UI/UX Interface

Pimpup

Ecov | Refonte UI/UX

Ecov

Ecov | Développement d'une app mobile autour du covoiturage

Ecov

Talents

Recruteurs

À propos