ARCHI

We look UP

Lupy 🦄

PROZ

Le Cheval Digital

Flèches rouges

Absorption

point zip

LA DIFF

Bureau Tictacto

Frame-ux

Milit

Neodelta

Menthalo

Aristys

Brigade 123

Cleever

Tri-Force

Natflow

<p><strong>PROBLÉMATIQUE CLIENT</strong></p><p>Natflow, web app 100% santé naturelle, m'a contactée afin de refondre toute l'identité visuelle de leur application qui se faisait vieillissante.</p><p>Nous avons retravaillé l'UI en partant de leur charte existante mais en l'adaptant aux critères du web (accessibilité, lisibilité, contraste,...).</p><p></p><p></p><p></p><p><strong>SOLUTION RETENUE</strong></p><p>Benchmark UI</p><p>Refonte du logo</p><p>Création de maquettes</p><p></p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle6t9aig0jah5wgr7x4lep3p.png"><div class="image-overlay"></div></div></div></div>

Refonte UI complète de l'application

- Benchmark UI
- Réalisations des maquettes
- Prototype final et passation à l'équipe interne


Product strategy

Product Design - UX/UI

Visual Identity

Application mobile - Natflow

<p><strong>PROBLÉMATIQUE CLIENT</strong></p><p>La mission de CYD est <strong>Accompagner les gens à prendre soin d’eux différemment.</strong></p><p>Ils m'ont contactée afin de refondre tous les les parcours de leur application qui ne répondait plus aux besoins de leurs cibles.</p><p>Nous avons retravaillé l'UX en partant de l'existant et en l'améliorant (ajout de features, redistribution du parcours, accessibilité, ...).</p><p></p><p></p><p><strong>SOLUTION RETENUE</strong></p><ul><li><p>Benchmark ergonomique et fonctionne</p></li><li><p>Réalisations des wireframes</p></li><li><p>Tests utilisateurs</p></li><li><p>Prototype final et passation à l'équipe interne</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clgn9fyu70fz85vfwfmct2gjn.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/clgn9geld0gk05wh9g80e43x8.png"><div class="image-overlay"></div></div></div></div>

Refonte UX complète de l'application

- Benchmark ergonomique et fonctionne
- Réalisations des wireframes
- Tests utilisateurs
- Prototype final et passation à l'équipe interne


User Research

Application mobile - Bien-être en entreprise - Wireframes

Saatchi & Saatchi

<p>Réalisation des écrans d'un site de marketing local en marque blanche. Il s'agit d'un dispositif assez proche d'un site e-commerce qui permet aux client finaux de commander des supports de communication (affiches, PLV, flyers...) pour leur boutique.</p>

Marketplace pour dispositif de marketing local

Angelaw

<p><strong>PROBLEMATIQUE CLIENT</strong></p><p>Le client a monté une équipe pluridisciplinaire de freelances et recherchait activement une équipe technique capable de monter from scratch un projet SaaS d'envergure, avec de grosses notions de scalabilité et d'accessibilité UX pour ses utilisateurs. Le collectif ne participe sur ce projet que sur la partie purement production de code, mais entretient d'excellentes relations avec les autres parties du projet (designer, PM, marketing).</p><p></p><p><strong>SOLUTION RETENUE</strong></p><p>Pour ce projet, nous avons proposé au client, ainsi que CTO intérimaire, un ensemble de technos que l'équipe de dev maitrise :</p><ul><li><p>Node JS via Kodexo (framework maison) - API</p></li><li><p>PostgreSQL - BDD</p></li><li><p>Vue 3 - Application Web</p></li><li><p>S3 - Stockage fichiers</p></li><li><p>SQS - Queues</p></li><li><p>N8N - Plateforme d'automatisation</p></li><li><p>YouSign - Signature électronique</p></li><li><p>Mailjet - Email marketing &amp; transactionnel</p></li></ul><p></p><p>L'équipe travaille également de concert avec un Data Scientist qui a créé et alimente une brique microservice qui fait l'analyse des fichiers et extraits les informations des contrats.</p><p></p><p><strong>TIMING &amp; PERSONNES DE LA MISSION</strong></p><p>Nous avons travaillé au long court avec ce client depuis l'été 2022, en mode régie selon les besoins exprimés au fur et à mesure par le PM, de l'ordre d'une vingtaine de jours-homme par mois.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clck9o24g09l55me20wor2j97.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/clck9nv4b09l15me2girogokn.png"><div class="image-overlay"></div></div></div></div>

Angelaw est une application web permettant de générer, trier et signer l'ensemble des contrats de l'entreprise en ligne. Une IA intégrée propose son aide pour trier et extraire les bonnes informations de vos contrats et vous apporte conseils sur vos différentes clauses.

Node

Product Management

321Founded - Création webapp SaaS de gestion de contrats pour PME / Startups

OlkyPay

<p><strong>PROBLÉMATIQUE CLIENT</strong></p><p>OlkyPay, web-banking conçu pour les pro afin de gérer leurs clients, leurs fournisseurs, suivre leurs paiements et leurs encaissements m'a contactée afin d'adapter leur interface web sur une application mobile.<br></p><p></p><p><strong>SOLUTION RETENUE</strong></p><p>Mise en place d'ateliers de co-création de parcours</p><p>Création de wireframes</p><p>Création de maquettes</p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle6t1qi50j275wgr5nq7eomk.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/cle6t1vba0j2d5wgrgr2j624r.png"><div class="image-overlay"></div></div></div></div>

Création complète des parcours de l'application, de l'UX à l'UI.

- Audit UX
- Benchmark UX
- Entretiens utilisateurs
- Mise à plat du flow utilisateurs
- Réalisation des wireframes
- Réalisations des maquettes
- Tests
- Prototype final et passation à l'équipe interne


Application mobile - OlkyPay

Délirium Café (Strasbourg)

<p><strong>PROBLÉMATIQUE CLIENT</strong></p><p>Le client possède une dizaines d'établissements dans le Grand Est et souhaite numériser-simplifier la gestion de ses bars depuis de nombreuses années. Il cherchait une équipe complète pour :</p><ul><li><p>l'aider à prioriser les fonctionnalités du MVP (gestion de caisse, planning, trésorerie, rapprochement bancaire, stocks) ;</p></li><li><p>le conseiller sur les technologies à utiliser ;</p></li><li><p>créer le produit SaaS et le déployer à plus grande échelle pour ses bars et des clients futurs.</p></li></ul><p></p><p></p><p><strong>SOLUTION RETENUE</strong></p><p>À la suite de nombreux ateliers produit avec le client, nous avons convenu de partir sur une solution type PWA pour la version mobile, une SPA concernant la webapp et une API Node basée sur notre framework-maison (très fortement inspiré et en partie compatible NestJS), voici la liste des technologies et partenaires :</p><ul><li><p>Node JS - API</p></li><li><p>PostgreSQL - BDD</p></li><li><p>Vue 3 - Application Web</p></li><li><p>Retool - Backoffice</p></li><li><p>Make - Plateforme d'automatisation</p></li><li><p>Firebase - Temps réel + hosting</p></li><li><p>DigitalOcean - Hébergement</p></li><li><p>Mailjet - Email marketing &amp; transactionnel</p></li></ul><p></p><p></p><p><strong>TIMING &amp; PERSONNES DE LA MISSION</strong></p><p>L'application a été découpée en module : son développement et déploiement ont pris 60 JH. Un dev front, un dev back ont été présents en mi-temps sur cette mission. Une personne spécialisée no-code ops a passé 1 semaine sur le backoffice Retool &amp; interconnexions tierces.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clckdy7kf0bcp5me23cwj7eec.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/clckdzsph0bi05lej0cahaki7.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/clcke002d0bdi5me2hly541dr.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/clcke05k70bi65lej7uni3umc.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/clcke0b1k0bia5lej00ft8zcl.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/clcke0gm20bdq5me26m3lc1sr.png"><div class="image-overlay"></div></div></div></div><p></p><p></p><p></p>

Bar Atlas est une application, disponible via navigateur & smartphone, créé pour un groupe de bars dans le Grand Est. L'application permet la gestion d'établissement à la manière d'un ERP.

Javascript & Typescript

Application Web & Mobile d'un ERP de gestion de CHR (Bars)

YeahPa!

<p><strong>PROBLÉMATIQUE CLIENT</strong></p><p>YeahPa! est une startup qui créé des concepts d'animation unique autour de jeux inédits et dédiés au monde de l'entreprise. Elle m'a contactée afin de refondre entièrement son application mobile qui ne correspondait plus aux usages et aux besoins initiaux.<br>En effet, YeahPa! proposait de nouvelles fonctionnalités et ne trouvait pas comment les implémenter dans l'application, tout en faisant du sens avec l'existant.</p><p></p><p></p><p></p><p><strong>SOLUTION RETENUE</strong></p><p>Mise en place d'ateliers de co-création de parcours</p><p>Tests utilisateurs</p><p>Création de wireframes</p><p>Création de maquettes</p><p></p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle6sy12o0iz65wgrg83j8rgg.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/cle6sy4dg0lqq5wen05i13h1e.png"><div class="image-overlay"></div></div></div></div>

Web Design

Application mobile - YeahPa!

Blikk immo

<video-component src="https://www.youtube.com/embed/TGtyUX1N_Uw"></video-component><p></p><p><strong>PROBLÉMATIQUE CLIENT</strong></p><p>Le client ayant des maquettes, ce dernier recherchait un collectif capable de mettre sur pied from scratch une application android/ios et une application web. Le client a également eu besoin d'être conseillé sur la stack technique et le coût inhérent aux choix technos. Très ouvert à l'idée de combiner des outils no-code avec l'équipe tech, il a plutôt insisté sur le côté pragmatique quant aux choix des outils.</p><p></p><p></p><p><strong>SOLUTION RETENUE</strong></p><p>Nous avons convenu avec le client de partir sur une solution hybride quant à la version mobile, une SPA concernant la webapp et une API Node basée sur notre framework-maison (très fortement inspiré et en partie compatible NestJS), voici la liste des technologies et partenaires :</p><ul><li><p>Node JS - API</p></li><li><p>PostgreSQL - BDD</p></li><li><p>React - Application Web</p></li><li><p>ReactNative - Application Mobile</p></li><li><p>Retool - Backoffice</p></li><li><p>Make - Plateforme d'automatisation</p></li><li><p>PandaDoc - Signature électronique</p></li><li><p>Firebase - Auth, notifications &amp; déploiement des apps</p></li><li><p>Mailjet - Email marketing &amp; transactionnel</p></li><li><p>MangoPay - Paiement</p></li></ul><p></p><p></p><p><strong>TIMING &amp; PERSONNES DE LA MISSION</strong></p><p>L'application et le déploiement ont pris globalement 1 mois et demi, entre le choix des technos et la mise à disposition des apps sur les différents stores. Un dev front, un dev back ont été présents en fulltime sur cette mission. Une personne spécialisée no-code ops a passé 1 semaine sur le backoffice Retool &amp; interconnexions tierces.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clck952uf09dl5me27v6f6hft.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/clck95rsx09fo5lej04ch62jb.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/clck95vmq09fq5lej55ulagm2.png"><div class="image-overlay"></div></div></div></div>

Blikk est une application disponible via navigateur & smartphone, invitant des clients possédant du patrimoine immobilier à avoir un suivi des travaux & factures concernant les différents corps de métier de rénovation de leurs biens.

Make

React Native

Application Web & Mobile

Kozey & Cormier

<p><strong>PROBLÉMATIQUE CLIENT</strong></p><p>Kozey &amp; Cormier est le nom d'une solution qui permet de gérer l'activité quotidienne d'une galerie d'art (inventaire des œuvre, contacts, factures, actualités,...).</p><p>Ils m'ont contactée afin de refondre l'UI des écrans existants.</p><p>Le but était de marquer davantage l'identité de marque qui se faisait vieillissante.</p><p></p><p></p><p></p><p><strong>SOLUTION RETENUE</strong></p><p>Création d'un design system complet.</p><p>Création d'une interface sur mesure.</p><p></p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle6sic560irt5wgr2fhcc6sg.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/cle6simjd0li15wen6col6c4a.png"><div class="image-overlay"></div></div></div></div>

Création des écrans de gestion des stocks avec modifications groupées, d'ajout d'œuvres, et de gestion des contacts.

- Benchmark UI
- Réalisations des maquettes
- Prototype final et passation à l'équipe interne


Application web - Gestion ventes et stock - Galerie d'Art

Formi

<p><strong>PROBLÉMATIQUE CLIENT</strong></p><p>Formi, startup spécialisée dans le bien-être en entreprise propose une application web destinée aux employés afin de favoriser la cohésion et la compréhension des équipes, l'onboarding des nouveaux arrivants et le suivi des employés tout au long de leur carrière.</p><p>Elle m'a contactée afin de refondre les écrans existants et en créer de nouveaux.</p><p>Le but était de répondre aux frictions des utilisateurs qui ne terminaient pas les parcours.</p><p></p><p></p><p></p><p><strong>SOLUTION RETENUE</strong></p><p>Création d'un flow et d'une interface sur mesure.</p><p>Simplification des écrans et des formulaires.</p><p>Refonte UI pour créer une vraie identité de marque</p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle6s901o0ldl5wen3ygjbknn.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/cle6s93yu0ldp5wen3vbebph5.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/cle6s999q0int5wgr2d5y3b05.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/cle6s9dh40ldt5wen33e80scb.png"><div class="image-overlay"></div></div></div></div>

Création des parcours d'onboarding, des questionnaires de satisfaction et des pages profils équipe/perso.

- Benchmark UX
- Réalisation des wireframes
- Réalisations des maquettes
- Prototype final et passation à l'équipe interne


Application web - Gestion RH

Jellysmack

<p><strong>PROBLÉMATIQUE CLIENT</strong></p><p><strong>Jellysmack</strong> utilise différents outils pour suivre les ventes et paiements de ses formations. Beaucoup d'actions manuelles étaient nécessaires pour centraliser les informations dans leur CRM <strong>HubSpot</strong> : les données n'étaient pas toujours à jour, il pouvait y avoir des erreurs et le travail de centralisation était fastidieux.</p><p></p><p></p><p><strong>SOLUTION RETENUE</strong></p><p>Ils utilisaient déjà <strong>Zapier</strong> pour gérer d'autres petites automatisations, donc nous avons étudié la faisabilité de connecter tous leurs outils via <strong>Zapier</strong>.</p><p></p><p>Les outils SaaS à connecter :</p><ul><li><p><strong>HubSpot</strong></p></li><li><p><strong>Podia</strong></p></li><li><p><strong>Stripe</strong></p></li><li><p><strong>Airtable</strong></p></li><li><p><strong>TalentLMS</strong></p></li><li><p><strong>Slack</strong></p></li></ul><p></p><p>Après avoir correctement cerné tous les besoins, nous avons phasé les automatisations à mettre en place :</p><ol><li><p><strong><u>Gestion des paiements (one-shot + en plusieurs fois)</u></strong> : déplacer et enrichir correctement les transactions <strong>HubSpot</strong> en fonction des paiements de telle ou telle formation</p></li><li><p><strong><u>Gestion des remboursements</u></strong> : actualiser les transactions <strong>HubSpot</strong> dans le cas d'un remboursement + prévenir les équipes</p></li><li><p><strong><u>Gestion des impayés</u></strong> : mettre à jour les transactions <strong>HubSpot</strong> dans le cas d'un impayé + prévenir les équipes si plusieurs impayés pour un client + lui couper l'accès aux formations</p></li></ol><p></p><p></p><p><strong>TIMING &amp; PERSONNES DE LA MISSION</strong></p><p>Un freelance no-code ops a travaillé sur cette mission, de la prise des besoins à la réalisation des différentes automatisations. Cela s'est passé pendant quelques jours, durant novembre et décembre 2022 : création des automatisations, tests, ajustement des automatisations selon les retours, documentation de l'ensemble pour que <strong>Jellysmack</strong> ait les clés en main.</p>

Utiliser Zapier pour automatiser et simplifier le suivi des ventes par différentes équipes chez Jellysmack

Airtable

Other CRM

Simplifier le suivi des ventes

Conformitee

<p><strong>PROBLÉMATIQUE CLIENT</strong></p><p>Conformitee, entreprise spécialisée dans la collecte et gestion des documents demandés aux banques par les réglementations Européenne du KYC, m’a contacté afin de proposer des nouveaux écrans et une nouvelle interface pour son persona des indépendants et des ETI.</p><p></p><p>Cette cible est en effet celle qui terminait le moins son flow complet (taux d'abandon fort).</p><p>L'objectif étant donc de comprendre pourquoi et comment leur faciliter le travail.</p><p></p><p></p><p><strong>SOLUTION RETENUE</strong></p><p>Création d'un flow et d'une interface sur mesure.</p><p>Simplification des écrans et des formulaires.</p><p>Simplification de l'accès au questionnaire (friction principale).</p><p></p><p></p><p></p><p><strong>TIMING &amp; PERSONNES DE LA MISSION</strong></p><p>Mission en deux temps.</p><ol><li><p>Premier Sprint d'une semaine en autonomie pour poser les bases du flow et les premiers écrans.</p></li><li><p>Deuxième Sprint pour peaufiner certains écrans et faire tester les résultats obtenus au travers d'un panel ciblé d'indépendants et d'ETI/</p></li></ol><p></p><p><u>Les correspondants en interne :</u></p><p>CTO pour cadrer la faisabilité technique.</p><p>PM pour cadrer les features et les solutions proposées.</p>

Réalisation d'un sprint design pour refondre le parcours des indépendants et ETI.
- Audit UX
- Benchmark UX
- Entretiens utilisateurs
- Mise à plat du flow utilisateurs
- Réalisation des wireframes
- Réalisations des maquettes
- Tests
- Prototype final et passation à l'équipe interne


Sprint Design UX/UI - Conformitee

<p>Nous créons une équipe sur mesure pour <strong>challenger et réaliser</strong> votre projet numérique (application, organisation, automatisation).</p><p></p><p>Nous calibrons nos réalisations selon vos besoins spécifiques en <strong><u>mixant code et nocode</u></strong>.</p><p></p><p><strong>Concentrez-vous sur votre métier</strong> : nous vous apportons et transmettons l’expertise produit &amp; tech <strong><u>afin d'accélérer et vous faire gagner du temps</u></strong>.</p><p></p><p><strong>Nos clients sont satisfaits !</strong></p><p></p><video-component src="https://www.youtube.com/embed/TGtyUX1N_Uw"></video-component>

No-Code Ops

Product Manager & CTO

Développeur Fullstack JS

Développeur Back-End JS

Product Builder / No-Code Ops

No-Code Ops / Facilitateur numérique

Développeur Fullstack JS / No-codeur

Développeur Front-End JS

Nous challengons votre idée d'application afin de vous développer un produit SaaS avec un haut niveau d'exigences : agilité, sécurité, scalabilité, mix code + nocode, documentation

👨‍💻 Créer une application SaaS (web / mobile)

✋ STOP aux tâches répétitives et chronophages !
Gagnez enfin du temps grâce à la simplification et l'automatisation (Make, Zapier, API) de vos processus et outils SaaS ⚡

733 collectifs