Hexa web

Data Rooster

AVData

LumosAI

Otter Foundry

LAGRUME

LM Consulting

3 Bugs & 1 Pixel

Creative Thinking

FiftyWei

Loop Crew

ECHO NUMERIC

Code 66

PoKa team

DressCodes

Stratégie Digitale Solutions

Sales-Led Growth

LNC Dev

Adriver

<p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsgeh5lj1czm55gu2ih83qct.png"><div class="image-overlay"></div></div></div></div><h2>🌐 Contexte :</h2><p></p><p>Le marché du transport individuel, incluant les chauffeurs VTC et Taxi, est en constante évolution, avec une concurrence accrue et des charges opérationnelles élevées. Le projet "We Ad" répond à un besoin spécifique de ce marché : augmenter les revenus des chauffeurs sans modifier leur routine quotidienne, grâce à la publicité sur véhicule. L'objectif commercial est de fournir une solution innovante permettant à la fois aux chauffeurs d'accroître leurs revenus et aux annonceurs de bénéficier d'une visibilité unique. La technologie joue un rôle central dans la mise en relation efficace des chauffeurs avec les campagnes publicitaires, optimisant ainsi l'espace disponible sur les véhicules pour la publicité.</p><p></p><ul><li><p><strong>Problématique</strong> : Le défi était de créer un moyen pour les chauffeurs d'augmenter facilement leurs revenus sans impacter leur emploi du temps, tout en offrant aux annonceurs un espace publicitaire mobile et visible.</p></li><li><p><strong>Technologies existantes</strong> : Les solutions précédentes étaient souvent fragmentées, manquant d'intégration ou de flexibilité pour les chauffeurs et les annonceurs. La complexité de la gestion des campagnes publicitaires sur véhicules nécessitait une approche plus automatisée et accessible.</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsgeimko1d0l55gue4qiawbv.png"><div class="image-overlay"></div></div></div></div><h2>🛠️ Déroulement :</h2><p></p><p>Le développement de "We Ad" a été structuré autour de choix technologiques innovants, de défis de conception uniques, et d'une méthodologie agile pour répondre aux besoins du projet.</p><p></p><ol><li><p><strong>Choix technologiques</strong> : Nous avons opté pour React Native avec Expo pour le développement de l'application mobile, permettant une compatibilité cross-plateforme et une mise à jour facile des contenus. Le backend a été développé avec Node.js pour sa flexibilité et sa performance.</p></li><li><p><strong>Conception et développement</strong> :</p><ul><li><p><strong>Mobile</strong> : L'application mobile, destinée aux chauffeurs, met l'accent sur une expérience utilisateur fluide et intuitive. Des intégrations spécifiques, comme la géolocalisation, la liaison entre l’immatriculation du véhicule et sa pub ont été optimisées.</p></li></ul></li><li><p><strong>Collaboration</strong> : Les équipes ont collaboré en utilisant des outils comme Jira pour la gestion de projet et Slack pour la communication, s'alignant sur des cycles de développement Agile pour une flexibilité et une adaptabilité maximales.</p></li></ol><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsgejd3l1d1255gu2fxfdxq7.png"><div class="image-overlay"></div></div></div></div><h2>🎯 <strong>Objectifs :</strong></h2><p></p><ul><li><p><strong>Performances</strong> : Réduire les temps de chargement et optimiser l'efficacité de l'application pour une meilleure réactivité.</p></li><li><p><strong>Expérience utilisateur</strong> : Offrir une navigation fluide et intuitive, augmentant la satisfaction des chauffeurs et des annonceurs.</p></li><li><p><strong>Cohérence visuelle</strong> : Maintenir une identité de marque forte et une expérience cohérente sur divers appareils.</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsjbftia06cr5cg1g6roedym.png"><div class="image-overlay"></div></div></div></div><h2>📈 <strong>Résultat :</strong></h2><p></p><p>"We Ad" a rencontré un succès notable, avec des améliorations significatives en termes de performance technique et d'expérience utilisateur.</p><p></p><ul><li><p><strong>Succès techniques</strong> : L'application a vu ses performances s'améliorer, avec des temps de chargement réduits et une gestion plus efficace des données.</p></li><li><p><strong>Améliorations UX/UI</strong> : Les retours utilisateurs ont souligné la facilité d'utilisation de l'application, depuis l'inscription jusqu'à la participation aux campagnes.</p></li><li><p><strong>Feedback utilisateur</strong> : Les chauffeurs ont rapporté une augmentation notable de leurs revenus, tandis que les annonceurs ont apprécié l'efficacité et la visibilité offertes par le service.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsgi4mam1ets55guavaf4xfu.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/clsgenwy51d3155gu5ijtec4n.png"><div class="image-overlay"></div></div></div></div></li></ul>

Application mobile pour les Taxi et VTC afin de gérer leurs contrats publicitaire sur leur véhicule.

Javascript & Typescript

React Native

We Ad

Julbo Eyewear

<h2></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsiqyz8u2hjn55gubq3ddjlm.png"><div class="image-overlay"></div></div></div></div><h2>🌐 Contexte :</h2><p><br>Dans un monde où la performance et le confort sont essentiels pour les sportifs, Julno a identifié une opportunité dans la création d'une web app dédiée à son offre RX (Offre de mise à la vue de leur lunettes de sport). Cette web app permettra aux utilisateurs de personnaliser leurs lunettes de soleil de sport en fonction de leurs besoins visuels, tout en conservant les caractéristiques de qualité et de technologie pour lesquelles Julbo est reconnu.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsir03y92hhw54fk388s33kb.png"><div class="image-overlay"></div></div></div></div><h2>🛠️ Déroulement :</h2><p></p><p>Le développement de l'application a été orienté par une démarche pragmatique, privilégiant l'expérience utilisateur et la compatibilité cross-plateforme. Voici les points essentiels de notre approche :</p><p></p><ol><li><p><strong>Compréhension du besoin</strong> : Nous débutons par une phase de recherche approfondie pour comprendre les besoins des sportifs en matière de lunettes de soleil adaptées à la vue.<br></p></li><li><p><strong>Wireframes</strong> : En nous basant sur les insights recueillis, nous commençons à élaborer des wireframes pour la web app. Ces wireframes représentent une maquette simplifiée de l'interface utilisateur, mettant en avant les fonctionnalités principales telles que l'aide au choix, la gestion de la correction visuelle et le processus de commande. L'accent est mis sur le côté premium et l'expérience utilisateur intuitive.<br></p></li><li><p><strong>UI</strong> : En parallèle, nous travaillons sur l'aspect visuel de l'application, en appliquant les principes de la charte graphique de Julbo tout en adaptant les éléments pour le digital. Nous nous concentrons sur l'esthétique, la cohérence visuelle et l'accessibilité, en veillant à ce que l'interface reflète l'image premium de la marque.</p></li></ol><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsir1uhz2hl455gub5fb4ua0.png"><div class="image-overlay"></div></div></div></div><p></p><p>Le processus itératif de la conception, allant de la compréhension initiale du besoin à la conception et à l'amélioration de l'interface utilisateur, répond aux attentes des sportifs tout en incarnant les valeurs et l'identité de la marque.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsir1fw42hl055gu57i1gnuz.png"><div class="image-overlay"></div></div></div></div><h2>🎯 Objectifs :</h2><p></p><p>Le projet RX Lab de Julbo aspire à surpasser les attentes en matière de plateforme dédiée à la correction visuelle, en se focalisant sur :</p><p></p><ul><li><p><strong>Expérience utilisateur</strong> : Assurer une expérience utilisateur fluide et intuitive, pour augmenter la satisfaction des utilisateurs. Simplifier la complexité des paramètres de correction visuelle pour encourager l'interaction et faciliter la commande de lunettes adaptées à la vue.<br></p></li><li><p><strong>Cohérence visuelle</strong> : Concevoir une web app premium en accord avec le caractère haut de gamme des lunettes Julbo (panier moyen de 500 euros).</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsk4zz5n0mxe55h65tmwg99h.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/clsir2lxg2hli55gu4llxas91.png"><div class="image-overlay"></div></div></div></div>

UX/UI Design de l'outil de mise à la vue et de sa landing page pour le célèbre lunetier jurassien.

Product Design - UX/UI

Julbo RX Lab

PeopleSpheres

<h1></h1><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsil5lh32e6654fk3t3j76ul.png"><div class="image-overlay"></div></div></div></div><h1><strong>🌐 Contexte :</strong></h1><p></p><p>Le développement du MVP pour PeopleSpheres visait à répondre à un besoin croissant d'outils de gestion des ressources humaines capables d'automatiser les tâches administratives traditionnellement effectuées manuellement, améliorant ainsi l'efficacité et la productivité.</p><p></p><p></p><ul><li><p><strong>Problématique</strong> : Pour répondre aux besoins d'automatisation et d'efficacité des processus RH, il était nécéssaire de développer une application innovante, conçue pour convertir les tâches administratives en flux de travail automatisés.</p></li><li><p><strong>Technologies existantes</strong> : Solutions RH traditionnelles, souvent manuelles et peu efficaces pour l'automatisation des processus.</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsiljxwt2ed654fkg948efua.png"><div class="image-overlay"></div></div></div></div><p></p><h2><strong>🛠️ Déroulement :</strong></h2><p></p><ol><li><p><strong>Choix technologiques</strong> : Utilisation de TypeScript, React et Next pour le front-end, avec Jest et React Testing pour les tests, favorisant la rapidité et la robustesse.</p></li><li><p><strong>Conception et développement</strong> :</p><ul><li><p><strong>Web</strong> : Interfaces utilisateurs conçues via FIGMA, développement front-end en React/TypeScript, intégration continue et tests unitaires.</p></li></ul></li><li><p><strong>Collaboration</strong> : Travail agile en équipe, utilisation de méthodes Scrum, communication via Slack, Teams et GitHub pour la gestion de projet et les revues de c<strong>🎯 Objectifs :</strong></p></li></ol><p></p><ul><li><p><strong>Performances</strong> : Optimiser les temps de chargement et l'efficacité de l'application.</p></li><li><p><strong>Expérience utilisateur</strong> : Offrir une interface fluide, intuitive et répondant aux attentes des utilisateurs.</p></li><li><p><strong>Cohérence visuelle</strong> : Garantir une cohérence visuelle forte, en s'assurant que le MVP s'intègre harmonieusement avec l'identité de marque et les autres applications internes.</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsilh3vz2ed255gucyos3k48.png"><div class="image-overlay"></div></div></div></div><p></p><h2><strong>📈 Résultat :</strong></h2><p></p><ul><li><p><strong>Succès techniques</strong> : Amélioration significative des performances, développement d'une application réactive et scalable.</p></li><li><p><strong>Améliorations UX/UI</strong> : Conception d'interfaces utilisateurs intuitives et esthétiquement agréables, améliorant l'engagement des employés.</p></li><li><p><strong>Feedback utilisateur</strong> : Retours positifs des utilisateurs, avec une amélioration notable de la satisfaction et de l'engagement.</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsilfei42ec955gu78a4ebrx.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/clsilfp742ecd55gu590fbfv6.png"><div class="image-overlay"></div></div></div></div>

Conception et développement d'un MVP pour PeopleSpheres, en utilisant des technologies avancées pour automatiser les processus RH et améliorer l'efficacité opérationnelle. 

React

AequiNovare

<h2></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsgcr5pu1c2d55gu9sw65co0.png"><div class="image-overlay"></div></div></div></div><h2>🌐 Contexte :</h2><p><br>Le projet Sport Mates adresse un besoin social émergent : celui de trouver des compagnons pour s'adonner à une variété d'activités sportives et de promouvoir un mode de vie actif et sain. L'application vise à répondre à ce besoin en comblant le fossé entre les passionnés de sport, en leur offrant des occasions de participer ensemble à des activités sportives.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsgcvudy1bs154fk3hofd71y.png"><div class="image-overlay"></div></div></div></div><h2>🛠️ Déroulement :</h2><p></p><p>Le développement de l'application a été orienté par une démarche pragmatique, privilégiant l'expérience utilisateur et la compatibilité cross-plateforme. Voici les points essentiels de notre approche :</p><p></p><ol><li><p><strong>Choix technologiques</strong> : Nous avons choisi React Native accompagné d'Expo pour le développement de l'application. Cette combinaison nous a permis de garantir une expérience utilisateur fluide et homogène sur iOS et Android, tout en optimisant les délais de développement grâce à la réutilisation du code et aux outils de déploiement rapide fournis par Expo.<br></p></li><li><p><strong>Conception et développement</strong> :</p><ul><li><p><strong>Approche Mobile</strong> : Le choix de React Native et Expo s'est imposé pour leur efficacité en cross-plateforme, permettant une intégration poussée des fonctionnalités natives et une performance optimale.</p></li><li><p><strong>Design UX/UI</strong> : Nous avons adopté une démarche centrée sur l'utilisateur, en privilégiant la simplicité et l'intuitivité. Des prototypes ont été testés pour peaufiner l'interface, assurant ainsi une navigation aisée et engageante.<br></p></li></ul></li><li><p><strong>Collaboration</strong> : L'agilité a guidé notre travail d'équipe. Utilisant des outils modernes de gestion de projet, nous avons favorisé une communication fluide et une adaptation rapide aux retours, dans un esprit de méthodologie Agile.</p></li></ol><p></p><p>Les fonctionnalités clés telles que la création de profils, la recherche avec filtres, la messagerie directe et les événements ont été conçues pour enrichir l'expérience utilisateur. L'intégration sociale et l'analyse des données utilisateur ont été centrales pour promouvoir l'application et affiner continuellement l'offre.</p><p></p><p>Cette démarche nous a permis de développer une application robuste, facile à utiliser et à partager, répondant aux besoins des utilisateurs à la recherche de partenaires sportifs.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsgdfrly1c2454fk8al97oxu.png"><div class="image-overlay"></div></div></div></div><h2>🎯 Objectifs :</h2><p></p><p>Le projet Sport Mates vise à transcender les attentes en matière de plateforme sportive collaborative, en se concentrant sur :</p><p></p><ul><li><p><strong>Performances</strong> : Atteindre des temps de chargement minimal et une efficacité maximale de l'application, pour une expérience utilisateur sans accrocs.</p></li><li><p><strong>Expérience utilisateur</strong> : Assurer une navigation fluide et intuitive, augmentant la satisfaction des utilisateurs. L'objectif est de créer une interface qui encourage l'interaction, la participation, et facilite la recherche de partenaires sportifs.</p></li><li><p><strong>Cohérence visuelle</strong> : Établir une identité de marque forte et cohérente, garantissant une expérience utilisateur homogène sur différents appareils. L'adaptabilité et la réactivité du design sont primordiales pour répondre aux besoins des utilisateurs mobiles.</p></li></ul><p></p><p>Ces objectifs ont été définis pour aligner les aspects techniques et esthétiques du projet avec les attentes des utilisateurs et les objectifs commerciaux, visant une croissance de la communauté et une adoption accrue de l'application. La mesure de ces objectifs se fera à travers des indicateurs clairs et mesurables, assurant un suivi précis de la progression et l'atteinte des résultats escomptés.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsjbex9q06c45cg187z57f03.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/clsgdgwfl1c3354fkhni3c120.png"><div class="image-overlay"></div></div></div></div>

Nest

Sport Mates

Smart Traffik

<h2></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitze2a2jeb55gu6aj0fyav.png"><div class="image-overlay"></div></div></div></div><h2>🌐 Contexte :</h2><p><br><br>Smart Traffik est une entreprise spécialisée dans le marketing digital et les solutions Web-to-Store (B2B). Leur activité principale tourne autour de l'optimisation de la performance des points de vente physiques en utilisant des outils numériques tels que le géomarketing, la collecte et l'analyse de données clients. Nous les avons accompagné dans la refonte graphique de leur SaaS.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitzsvq2jem55gu487a1j8u.png"><div class="image-overlay"></div></div></div></div><h2>🛠️ Déroulement :</h2><p></p><p>L'objectif de la refonte est de rendre l'outil plus attractif, convivial et en adéquation avec les besoins d'une clientèle diversifiée.</p><p></p><ol><li><p><strong>Branding</strong> : Nous avons préconisé une identité avec des couleurs vives pour apporter une dimension plus humaine à la plateforme. En représentant chaque segment de l'outil avec des couleurs distinctes, nous avons rendu la navigation plus intuitive et agréable pour nos utilisateurs.<br></p></li><li><p><strong>UI</strong> : Une attention toute particulière est portée aux détails pour une expérience utilisateur sans accroc. Les éléments de navigation clairs et les menus simplifiés permettent un accès rapide à l'information, améliorant ainsi la productivité et la satisfaction globale des utilisateurs.<br>L'ajout d'illustrations 3D permet de donner de la personnalité à notre plateforme.</p><p></p></li><li><p><strong>Design System </strong>: Nous avons mis en place un design system complet pour la plateforme SaaS.<br>Ce design system garantit une cohérence visuelle et une expérience utilisateur harmonieuse à travers toutes les fonctionnalités du produit. Il inclut des directives détaillées sur les composants d'interface, les typographies, les couleurs et les interactions, facilitant ainsi le travail des développeurs et assurant une évolutivité optimale de l'interface.</p></li></ol><p></p><p></p><p>En résumé, notre travail a permis pour Smart Traffik de se démarquer sur le marché en offrant une expérience utilisateur unique avec interface avec notre image de marque dynamique et innovante.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitzzjj2jb954fk0f0d96sn.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/clsixmzzm2ldg55gug4kjdmb0.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/clsir2lxg2hli55gu4llxas91.png"><div class="image-overlay"></div></div></div></div>

Branding et UI design du SaaS Smart Traffik.

Laboratoire Gallia - Blédina

<h2></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsisk5212ih855gubx1ggaz9.png"><div class="image-overlay"></div></div></div></div><h2>🌐 Contexte :</h2><p><br>Dans un monde où la technologie joue un rôle crucial dans la facilitation de la vie quotidienne, le Laboratoire Gallia a identifié une opportunité dans la création d'une application mobile dédiée à accompagner les femmes enceintes tout au long de leur grossesse. Inspiré par la nécessité croissante de soutien et d'informations fiables pour les futures mamans, l'idée est d'imaginer une plateforme numérique ludique.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitozni2j4k54fka2i8ad4l.png"><div class="image-overlay"></div></div></div></div><h2>🛠️ Déroulement :</h2><p></p><p>La conception de l'application "9 mois et moi" a suivi une approche pragmatique centrée sur ses utilisatrices. Voici les étapes clés de notre processus :</p><p></p><ol><li><p><strong>Compréhension du besoin</strong> : Nous avons débuté par une phase de recherche exhaustive pour comprendre les besoins spécifiques des femmes enceintes tout au long de leur grossesse. Cette étape cruciale nous a permis d'identifier les défis auxquels sont confrontées les futures mamans et les informations essentielles dont elles ont besoin pour vivre une grossesse épanouie.<br></p></li><li><p><strong>Wireframes</strong> : En nous appuyant sur les informations recueillies, nous avons commencé à élaborer des wireframes pour l'application mobile. Ces wireframes représentent une maquette simplifiée de l'interface utilisateur, mettant en évidence les fonctionnalités clés telles que les conseils quotidiens, la vie pratique, les partages d'expérience et les informations sur la santé et l'alimentation. L'accent a été mis sur la convivialité et la facilité d'utilisation, afin de garantir une expérience fluide pour les utilisatrices.<br></p></li><li><p><strong>UI</strong> : En parallèle, nous avons brandé et charté cette application en nous assurant de maintenir une cohérence totale avec la charte graphique du Laboratoire Gallia. Nous avons créé un univers doux et chaleureux, offrant une interface claire et intuitive, parfaitement adaptée à une lecture quotidienne sur mobile.</p></li></ol><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitp7dy2j4t54fk3kmx9o8a.png"><div class="image-overlay"></div></div></div></div><p>En conclusion, le développement de l'application "9 mois et moi" s'est appuyé sur une approche centrée sur l'utilisateur, visant à offrir aux futures mamans un compagnon de grossesse complet et personnalisé.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsitpdyl2j4z54fk63q9e9fj.png"><div class="image-overlay"></div></div></div></div><h2>🎯 Résultats :</h2><p></p><p>L'application, née en 2014 puis refondue en 2020, est une véritable réussite :</p><p></p><ul><li><p><strong>Déploiement</strong> : Cette application développée sous IOS a été déclinée, suite à son succès, sur Android et déployée à l'international.<br></p></li><li><p><strong>Traffic</strong> : Plus de 200 000 téléchargements annuels et 20 000 visites par jour, depuis la sortie de l'application en 2014.</p></li></ul><p></p><ul><li><p><strong>Audience</strong> : En 2020 L'application est téléchargée par 1/5 des femmes enceintes, avec un taux de satisfaction de 94% pour une utilisation d'au moins 1 fois/semaine.</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsispuk72ijf54fk2ulm7fho.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/clsir2lxg2hli55gu4llxas91.png"><div class="image-overlay"></div></div></div></div>

UX/UI design d'une application mobile d’accompagnement des femmes enceintes.

Communication Campaign

Product strategy

Gallia 9 mois & moi

Blucerchiati

<div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsiu3m6y2jdw54fkf24xh0ac.png"><div class="image-overlay"></div></div></div></div><h2>🌐 Contexte :</h2><p></p><p>Dans un effort pour dynamiser et unifier la communauté des supporters du club de football italien Sampdoria, Reasoned Art a lancé <a target="_blank" rel="noopener noreferrer nofollow" href="http://Blucerchiati.app">Blucerchiati.app</a>. Cette application mobile, conçue comme un hub numérique pour les fans, vise à créer une plateforme communautaire engageante où les supporters peuvent se tenir informés, partager leurs opinions, et participer à des activités pour gagner des récompenses exclusives.</p><p></p><p>L'initiative met l'accent sur l'engagement des fans à travers une expérience utilisateur enrichie, exploitant les dernières technologies pour offrir des mises à jour en temps réel, des fonctionnalités de personnalisation et un système de récompenses dynamique.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsiu4sqy2jeo54fk3iwzdrzg.png"><div class="image-overlay"></div></div></div></div><h2>🛠️ Déroulement :</h2><p></p><p>Le processus de développement a adopté une approche agile, avec des sprints réguliers et des démonstrations hebdomadaires pour assurer une communication transparente avec le client et une adaptabilité constante aux retours. Les choix technologiques ont été guidés par la nécessité d'une plateforme robuste, évolutive et capable de gérer en temps réel les interactions des utilisateurs.</p><p></p><ol><li><p><strong>Choix technologiques&nbsp;:</strong></p><ul><li><p><strong>React Native</strong> et <strong>expo bare</strong> ont été choisis pour le développement mobile, offrant une base solide pour une application cross-plateforme performante.</p></li><li><p><strong>Firebase</strong> a été sélectionné pour la base de données, l'authentification, et les fonctions backend, en raison de sa simplicité de mise en œuvre et de sa capacité à évoluer.</p></li></ul></li><li><p><strong>Conception et développement&nbsp;:</strong></p><ul><li><p>L'application a été conçue pour être <strong>native cross-plateforme</strong>, permettant une expérience utilisateur cohérente sur iOS et Android.</p></li><li><p>Des <strong>intégrations spécifiques</strong> ont été mises en place pour l'authentification (Apple, Google, Email/Password) et le système de récompenses.</p></li></ul></li><li><p><strong>Collaboration&nbsp;:</strong></p><ul><li><p>Les équipes ont collaboré en utilisant <strong>Slack</strong> pour la communication et <strong>Notion</strong> pour la gestion de projet, assurant une synchronisation efficace entre les développeurs, les designers et le client.</p></li></ul></li></ol><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsjcezvn07je55h60z4u1xf9.png"><div class="image-overlay"></div></div></div></div><h2>🎯 Objectifs :</h2><p></p><ul><li><p><strong>Développer une Communauté Numérique Soudée</strong> pour les supporters de la Sampdoria, leur offrant une plateforme pour exprimer leur passion.</p></li><li><p><strong>Fournir des Mises à Jour Constantes</strong> sur l'équipe et le club, en s'assurant que les fans restent connectés avec les dernières nouvelles et événements.</p></li><li><p><strong>Engager la Communauté des Supporters</strong> à travers des fonctionnalités interactives, en encourageant la participation active au sein de l'application.</p></li><li><p><strong>Renforcer la Loyauté des Utilisateurs</strong> avec un système de récompenses attractif, reconnaissant et valorisant l'engagement des fans.</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsjbgwd606vr55h6eem60cq4.png"><div class="image-overlay"></div></div></div></div><p></p><h2>📈 Résultat :</h2><p></p><ul><li><p><strong>Augmentation de l'Engagement des Supporters :</strong> En fournissant une plateforme interactive et enrichissante, l'application vise à accroître l'engagement et l'interaction des fans avec la marque Sampdoria.</p></li><li><p><strong>Création d'une Plateforme Centralisée :</strong> <a target="_blank" rel="noopener noreferrer nofollow" href="http://Blucerchiati.app">Blucerchiati.app</a> aspire à devenir la référence pour toutes les informations et activités liées à la Sampdoria, facilitant l'accès des fans à une source d'information fiable et engageante.</p></li><li><p><strong>Renforcement de la Fidélité des Fans :</strong> Grâce à un système de récompenses bien conçu, l'application entend fidéliser sa base d'utilisateurs en reconnaissant et en valorisant leur participation et leur soutien continu.</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsiu79qy2jge54fk0hos29f0.png"><div class="image-overlay"></div></div></div></div>

Application mobile pour les fans du club de foot de la Sampdoria.

Google Cloud Platform

Firebase

ALEC Lyon

<h2></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsixxwfv2lk855gufdwichxx.png"><div class="image-overlay"></div></div></div></div><h2>🌐 Contexte :</h2><p><br>Dans un contexte où la qualité de vie urbaine est au cœur des préoccupations, l'Agence Locale de l'Énergie et du Climat (ALEC) Lyon a entrepris une refonte majeure de son site web, avec pour objectif de sensibiliser le public lyonnais à l'amélioration de leur cadre de vie à travers le prisme de la sobriété énergétique.</p><p>L'éco-conception du site web est le leitmotiv de cette refonte, incarnant l'engagement de l'ALEC Lyon à promouvoir la sobriété énergétique tout en offrant une expérience utilisateur optimale.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsixygia2lew54fk84smhhuk.png"><div class="image-overlay"></div></div></div></div><h2>🛠️ Déroulement :</h2><p></p><p>La refonte de l'interface utilisateur et le rebranding de l'ALEC Lyon se sont appuyés sur différents aspects :</p><p></p><p></p><ol><li><p><strong>Branding</strong> : En forgeant une identité visuelle percutante, l'ALEC Lyon cherche à établir un lien fort avec son public et à amplifier son impact dans la promotion de la sobriété énergétique. Les choix de couleurs, de typographie et d'illustrations incarnent son dynamisme et son engagement, tandis que leur harmonie confère à l'agence une identité distinctive et mémorable. Cette démarche vise à susciter une connexion émotionnelle avec son audience, renforçant ainsi son message et son influence.</p><p></p></li><li><p><strong>UI Eco-conçu</strong> : La création de l'identité digitale a été guidée par des principes de sobriété énergétique. Des choix ont été faits pour minimiser la consommation d'énergie du site, notamment en réduisant la taille des images et en les utilisant seulement lorsque cela est nécessaire. L'esthétique du nouveau site web repose sur la sobriété graphique, avec une utilisation minimale d'éléments visuels superflus. Cette approche minimaliste met en avant le contenu informatif et facilite la navigation, permettant aux visiteurs de trouver facilement des informations pertinentes sur les actions à entreprendre pour améliorer leur efficacité énergétique.</p><p></p></li></ol><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsiypxhz00oi54f94nukfdvo.png"><div class="image-overlay"></div></div></div></div><p>Ce site web nouvellement conçu est non seulement visuellement attractif, mais il sert également de plateforme robuste pour partager des contenus riches et informatifs. En mettant l'accent sur la qualité du contenu et sur une expérience utilisateur optimale, l'ALEC Lyon renforce son rôle en tant que source fiable de connaissances et d'inspiration pour la transition vers un avenir plus durable.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsiypp2700hv55hn95ml0n4h.png"><div class="image-overlay"></div></div></div></div><h2>🎯 Résultats :</h2><p></p><p>Voici les principaux résultats observés autour de la refonte visuelle :</p><p></p><ul><li><p><strong>Eco Index B</strong> : Réduction de l'empreinte environnementale de la page d'accueil : Le score d'empreinte environnementale est passé de G (5,52 /100) à B (74,31 /100) après la refonte. L'ensemble des pages est plus sobre en coût énergétique.<br></p></li><li><p><strong>Une belle audience</strong> : Le site Internet <a href="http://ALEC-Lyon.org" rel="noopener noreferrer nofollow" target="_blank">ALEC-Lyon.org</a> reçoit aujourd'hui une moyenne 300 visites par jour et permet d’informer ses visiteurs pour mettre en place des actions afin d’atténuer les effets du dérèglement climatique.</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clsiyqq2w00mm55hnc8eyg9yh.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/clsir2lxg2hli55gu4llxas91.png"><div class="image-overlay"></div></div></div></div>

Rebranding et refonte UI du site de l'ALEC Lyon (Agence Locale de l'Energie et du Climat de la Métropole de Lyon)

<p><strong>Chez 3 Bugs &amp; 1 Pixel, nous transformons vos idées numériques en réalités vibrantes.</strong> Spécialistes du web, des applications mobiles et du design, nous donnons une forme concrète à votre vision avec une créativité qui fait la différence.<br><br>Notre designer expert s'attache à captiver votre audience, en apportant à vos projets une touche visuelle unique. Nous servons une clientèle avec une soif d'excellence, assurant que chaque projet, petit ou grand, bénéficie d'une attention sur mesure. Notre approche est centrée sur vous. <strong>Nous cultivons l'ouverture, la transparence et la détermination dans votre projet.</strong><br><br>Notre objectif est l'alignement parfait entre nos solutions et vos ambitions, visant votre satisfaction complète. <strong>C'est cette harmonie entre votre vision et nos réalisations qui définit le succès de votre projet.</strong><br><br>Nous sommes plus qu'une équipe : nous sommes des partenaires dans l'innovation.<strong> Avec un esprit de collaboration profond et une écoute active</strong>, nous répondons à l'évolution de vos besoins dans un monde numérique en constante mutation.</p><p><br><strong>Notre engagement envers l'excellence</strong>, la diversité et l'inclusivité fait de notre collectif le choix idéal pour une clientèle à la recherche de services personnalisés et impactants.</p>

Développeur fullstack

UX/UI Designer - Product Designer - Brand Designer

Développeur Front-End 

Développeur Full Stack 

Nous développons des applications mobiles performantes avec React Native, pour iOS et Android selon vos préférences, avec déploiement sur les stores.

Développement Application Mobile

Nous transformons vos idées en applications mobiles exceptionnelles. De la conception UX/UI, du développement, jusqu'à la publication sur les stores, nous vous offrons un parcours complet.

Conception de votre Vision Mobile de A à Z

Nous imaginons votre logo et votre identité de marque sur-mesure pour affirmer votre personnalité et votre impact sur le marché en vous démarquant de vos concurrents.

Branding - Logo & Identité

Nous réalisons vos maquettes desktop & mobile sur-mesure pour votre site, votre application web ou mobile et vos landing page. Elles sont uniques et conçues spécifiquement pour répondre à vos besoins.

UI Design / Maquettes Figma

Nous privilégions une approche centrée sur l'utilisateur, intégrant une analyse approfondie de leurs besoins. Cette réflexion est soutenue par la création de wireframes puis de prototypes Figma.

UX Design - Wireframes

Nous créons votre application web de A à Z, en vous fournissant une solution complète et opérationnelle, adaptée à vos besoins et prête à l'emploi.

Application web clé en main

Transformez et modernisez votre application existante pour une meilleure performance et un design actualisé.

Refonte application web

Évoluez et optimisez les performances de votre infrastructure back end pour soutenir la croissance et l'innovation de votre plateforme.

758 matching collectives