Sagano.studio

Sensei

A-Team

Qlik Expert

Hicomy

Happy App

Studio Khi

Goat Review

Phizero

Kiiit

BROZERS ⚡️

Rev Club

Xselerate

Valoris

🚀 Respo Team

Illicode

Alteka

Go Décision

<p>Prise en charge du développement de l'application de A à Z :</p><ul><li><p>Conception UI/UX de l'interface</p></li><li><p>Maintenance du backend MVP (CakePHP)</p></li><li><p>Développement du frontend (TypeScript/React)</p></li><li><p>Échanges API&nbsp;avec les partenaires</p></li><li><p>Refonte du backend en Node.js</p></li><li><p>Site Wordpress de présentation</p></li></ul><p></p><video-component src="https://www.youtube.com/embed/3rn1sbOM6Ag"></video-component><p></p><video-component src="https://www.youtube.com/embed/2n-y9GtZhgc"></video-component>

GoBuild! (https://www.gobuild.fr) est une application web SaaS qui permet de quantifier et estimer des projets de construction. Elle propose une approche progressive, au travers de la modélisation de bâtiments, pour vérifier en quelques minutes la faisabilité d'un projet, l’ajuster et le chiffrer en s'appuyant sur des données sectorielles précises. Elle permet aussi, via un partenariat avec le CSTB d'afficher des indicateurs environnementaux permettant de répondre aux enjeux posés par la RE2020.

React

Javascript & Typescript

J'ai travaillé avec Jalil sur différents projets de développements web (JS, React, PHP,...) et d'applications mobiles. Passionné, consciencieux et efficace, c'est toujours un plaisir de travailler en équipe avec lui. J'ai beaucoup appris à ces côtés.

GoBuild!

Veepee

<p>- Meneur d'une équipe de 8 développeurs travaillant sur plusieurs applications front-end et back-end, basées sur Node / React et leur écosystème<br> - Applications responsive, internationales et scalables<br> - Mise en place de tests unitaires, de typage et de lint<br> - Mise en place d'un dépôt privé contenant des composants réutilisables<br> - Mise en place d'intégration / déploiement continus (Docker, Gitlab CI, ...)<br> - Mise en place de tests automatisés de bout-en-bout<br> - Evaluation technique des candidats<br> - Présentations internes et externes<br> - Introduction et évangélisation de la programmation fonctionnelle</p><p> - Initialisation des nouvelles applications<br> - Apport de mon expertise aux échanges sur l'architecture et l'infrastructure de VP Voyage<br> - Création et contribution aux librairies et outils groupe en inner-source<br> - Participation à la création du programme de formation interne "React Academy"</p><p></p>

Veepee est une entreprise française de commerce électronique. Créée en 2001, elle propose des ventes événementielles en ligne. 

Node

VeePee Voyages

DisMoi

<p>Le projet est de réinstaurer la liberté d’information partout sur le web, afin de le rendre plus sûr, plus transparent et plus favorable aux alternatives. DisMoi est un réseau en surcouche du web qui permet aux internautes de se conseiller et de s’éclairer directement sur les pages du web qu’ils visitent.<br><br>DisMoi permet aux internautes de s’informer et s’entraider directement sur les pages qu’ils visitent :<br>- Signaler une fake news, une arnaque, une escroquerie etc.<br>- Apporter un éclairage ou conseil sur la page consultée ;<br>- Proposer une meilleure alternative : plus qualitative, moins chère, locale, etc.<br>- Suggérer un point de vue différent, un complément d’information, une critique</p><p></p><video-component src="https://www.youtube.com/embed/3retyHQe1lM"></video-component>

https://www.dismoi.io/
Avec DisMoi, s’il existe une meilleure alternative, une info éclairante : vous le saurez ! Sans publicité, open source et dans le respect de votre vie privée, l'extension web française DisMoi permet aux internautes de s’entraider et de s’informer !

Fincallorca

<p>La durée totale du travail de recherche et de design initial a duré deux (2) mois, afin de laisser les équipes de Fincallorca discuter des résultats de chaque étape entre deux séquences de travail du designer.<br><br>Le designer a démarré avec une étude (stakeholders interviews) des managers de Fincallorca quant à leur stratégie, leurs objectifs de croissance et leur expérience avec la plateforme (1 semaine). Parmi les résultats de cette étude, nous avons mis en exergue le désir de mettre en place une version mobile mais qui n'avançait pas du fait de la peur de devoir créer et maintenant autant de versions différentes des components du front-end.<br><br>Toute les métriques étaient à la baisse, malgré le quasi monopole en Allemagne de l'application sur le marché de logement touristique à Mallorque. En plus des métriques "onsite", le classement sur Google du site (SEO) se dégradait, du fait de l'ajout des qualités de l'UX d'un site comme critère de classement par Google.<br><br></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clnfvjjmo0o5k79fxh7uc5tg0.PNG"><div class="image-overlay"></div></div></div></div><p><br><br>La seconde tâche a été de réaliser un audit d'ergonomie ainsi que du contenu a l'aide d'outils disponibles sur internet afin de confirmer les instincts de l'équipe (1 semaine). Fincallorca nous avait donné accès à leur analytics qui ont permis d'identifier les plus gros problèmes. Il est aussi honnête de dire que le design actuel du site laissait beaucoup de place au progrès, ne respectant aucune des recommandations d'accessibilité du W3C et ne suivant aucune des bonnes pratiques ou heuristiques modernes d'expérience utilisateur et de design d'interface. Le designer a produit une "User Journey Map" basée sur les analytics ainsi que sur le suivi ethnographique de 3 utilisateurs afin d'identifier les plus gros "Pain Points" et de pouvoir clairement communiquer avec toute l'équipe sur ses choix à venir.</p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clnfvgcmr0o4i79fx58po2faf.jpg"><div class="image-overlay"></div></div></div></div><p><br><br>Une fois mis d'accord sur les problèmes à résoudre, le designer s'est attelé à concevoir un nouveau parcours utilisateur, mêlant diagramme graphique et wireframes (1 semaine).</p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clnfvgm0q0o4n79fx0n4hgewg.PNG"><div class="image-overlay"></div></div></div></div><p><br><br>Rapidement accepté, des recherches ont été faites afin de concevoir un moodboard et de proposer une nouvelle identité, sans chercher à refonder totalement la marque. Un nombre limité d'élément graphiques ont été proposés (police d'écriture, couleurs) et une librairie Bootstrap a été customisée avec de faciliter la création de "components" par le designer et d'accélérer la construction du front-end par les développeurs (3 jours).<br><br></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clnfvh3j30osw79gvbs6vfv4g.PNG"><div class="image-overlay"></div></div></div></div><p><br><br>Enfin, toutes les pages ont été redesignées dans Figma en prenant soin de bien préparer chaque component afin de pouvoir itérer rapidement selon les feedbacks de Fincallorca, et de faciliter la vie des designers qui viendront retoucher les designs dans le futur (1 semaine).<br><br></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clnfvhwdl0ot879gv1v4gheib.PNG"><div class="image-overlay"></div></div></div></div><p><br><br>Après des tests faits sur les nouveaux designs à l'aide des mêmes outils que lors de l'audit originel et très peu de demandes de changement, les maquettes ont été validées et les développeurs ont commencé leur travail, en suivant nos recommendations de mise en place:<br>- Recoder une page pour accommoder les nouveaux designs<br>- Mettre en place un A/B testing et voir quelle version a la meilleure performance sur un nombre pertinent d'utilisateurs<br>- Si la nouvelle version a une meilleure performance, graduellement basculer tout le trafic vers cette version<br>- Coder et mettre en place un test sur une nouvelle page, et ainsi de suite<br><br></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clnfvicjo0ote79gv0nn8fo4u.jpg"><div class="image-overlay"></div></div></div></div><p><br><br>La mise en place progressive des nouveaux designs (phase de test) a duré 4 mois.<br><br>Chacun des nouveaux design a surpassé les métriques de la version précédente.<br>Parmi lesquelles:</p><ul><li><p>Ranking SEO</p></li><li><p>Nombre de visiteurs uniques</p></li><li><p>Nombre de "returning visitors"</p></li></ul><ul><li><p>Nombre de villas ajoutées aux favoris</p></li><li><p>Nombre de bookings</p></li><li><p>Temps passé avant de procéder à un booking</p></li><li><p>Conversion rate</p></li><li><p>Et par conséquent revenus</p></li></ul>

Nous avons été approché afin de réaliser un audit de leur application web et de proposer un redesign, dont la partie ingénierie serait réalisée en collaboration avec leur équipe interne de développeurs.

Product strategy

User Research

Product Design - UX/UI

Redesign de Fincallorca, site de location de villas à Mallorque.

EGIS

<p><em>Pilotage de 4 équipes : Logiciel et Poste de travail (Software Asset Management, Support N2/N3), Projets et Amélioration Continue (Gouvernance, Processus, ITIL), Expertise Métier (Cost reduction, convention de service DSI) et RedTeam (intervention d'urgence, problem solving) - 12000 utilisateurs sur 100 pays</em></p><p></p><p>TACHES REALISEES</p><ul><li><p>Remplacement de l'ITSM (GLPI &gt;&gt; ServiceNow)</p></li><li><p>Mise en place d'un catalogue logiciel (Snow Software)</p></li><li><p>Intégration d'une filiale à Curitiba, Brésil : Organisation des conditions de signature d'une convention de service DSI</p></li><li><p>Intégration d'une filiale à Riyad, Arabie Saoudite : idem</p></li><li><p>Mise en application d'ITIL V4 pour le support</p></li></ul><p><br>RESULTATS OBTENUS</p><ul><li><p>Passage de la suite Adobe à la suite Infinity et rationalisation des licences Microsoft &gt;&gt; 2M€ d'économies</p></li><li><p>Shadow IT : diminution drastique du recours à Dropbox et Gsuite</p></li><li><p>2 conventions de services signées : augmentation du parc de 1200 machines (enrôlements et fournitures)</p></li><li><p>Amélioration de la satisfaction utilisateur (NPS) de +1/10.</p></li></ul>

Customer Care

COO - EGIS

Ministère de l'Economie et des Finances

<p><em>Suite aux attaques subies par Bercy en 2012, mise en place d'un grand plan de Cybersécurité et augmentation des budgets alloués (200K &gt; 1M). Pilotage de l'équipe constitué de 6 administrateurs Réseaux/Sécurité pour la protection des VIP (Ministres, cabinets) et des agents dans leur navigation internet, messagerie, téléphonie et leurs déplacements.</em></p><p></p><p>TACHES REALISEES</p><ul><li><p>Supervision du support cybersécurité N2/N3</p></li><li><p>Gestion des DNS <a href="http://finances.gouv.fr" rel="noopener noreferrer nofollow" target="_blank">finances.gouv.fr</a></p></li><li><p>Création d'un marché public spécifique à la cybersécurité (fourniture d'équipements et de services)</p></li><li><p>Remplacement des solutions de Firewalling Checkpoint et Stormshield par McAfee et Fortinet</p></li><li><p>Mise en place d'une solution de Sandboxing FireEye (Google) et de l'EDR MVISION McAfee</p></li><li><p>Mise en place d'une solution de BYOD MobileIron et d'une alternative aux téléphones de l'ANSSI</p></li><li><p>Participation active aux changements de gouvernance</p></li></ul><p></p><p>RESULTATS OBTENUS</p><ul><li><p>Modernisation de tous les équipements réseaux et mise en place de solutions modernes de sécurité</p></li><li><p>Remplacement des BlackBerry des ministres par une solution sécurisé &gt;&gt; réduction des risques d'espionnage</p></li><li><p>Pas d'attaque majeure subies en 3 ans</p></li><li><p>Pérennisation de l'équipe et montée en compétences conformément aux stratégies interministérielles</p></li></ul>

Cybersecurity

RSSI - Ministère de l'Economie et des Finances

CollegedesBernardins

<p>Définition et mise en application du schéma directeur, professionnalisation et renforcement des équipes, amélioration des processus IT pour accompagner la stratégie de croissance du Collège. (300 salariés et bénévoles, 20000 étudiants, 15 TB de données vidéo, Budget DSI de 4M€ sur 3 ans)</p><p></p><p>TACHES REALISEES</p><ul><li><p>Mise en place d’un ITSM et création d’un support informatique</p></li><li><p>Remplacement des prestataires et rationalisation des contrats</p></li><li><p>Remplacement de l’outil d’elearning (Mooc IT &gt; E-Tipi)</p></li><li><p>Mise en place de méthodes Agiles et de processus de Design Thinking dans la création d'applications</p></li><li><p>Transformation de l'architecture pour permettre le nomadisme numérique</p></li><li><p>Unification des outils de communication et de collaboration</p></li><li><p>Mise en conformité RGPD des applications</p></li><li><p>Renouvellement du parc informatique</p></li></ul><p></p><p>RESULTATS</p><ul><li><p>Diminution du budget prestataire de 15% en deux ans</p></li><li><p>Passage à une architecture Azure hybride &gt;&gt; Amélioration de 5% de la disponibilité globale des services</p></li><li><p>Amélioration de la satisfaction utilisateur (NPS) de +2/10.</p></li><li><p>Passage au matériel reconditionné et aux téléphones réparables pour diminuer l'impact environnemental</p></li></ul>

Création d'une Direction informatique et son orientation stratégique.

Consulting IT & Cyber

Strategy Consulting

Azure

DSI - Collège des Bernardins

Proxiteam

<ul><li><p>Co-pilotage du projet avec l'équipe marketing</p></li><li><p>Proxy product ownership: compréhension des enjeux et objectifs, rédaction des Epics et des User stories</p></li><li><p>Etudes wireframing et maquettes hautes fidélités selon les exigences marketing</p></li><li><p>Spécifications techniques détaillées</p></li><li><p>Développement back (Django) et front (Alpine.js, htmx)</p></li><li><p>Interfaces avec de nombreuses applications internes (MS Dynamics, Zabbix...)</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clfbhty3q09lx5wg4c9mw9blu.png"><div class="image-overlay"></div></div></div></div><p>Mockup de l'application</p></li></ul>

Proxiteam est un groupe fournissant des services d'hébergement et d'infogérance. 
Ils avaient besoin d'un espace client pour permettre à ce dernier de suivre en temps réel l'usage de ses serveurs, de ses licences, etc.
Ils souhaitaient également ouvrir à leurs clients, un accès direct aux services supports ainsi qu'au suivi comptable.

Django

MyProxiteam - Espace client pour un infogéreur

SPARTE

<ul><li><p>Choix des technologies géographiques, études de faisabilités</p></li><li><p>Développement from scratch de l'application puis itération</p></li><li><p>Organisation de l'équipe technique, recrutement</p></li><li><p>Mise en oeuvre d'une démarche qualité logicielle</p></li></ul>

Nous avons créer "SPARTE", une plateforme SaaS qui accompagne les collectivités dans la mise en oeuvre du volet "Zéro Artificialisation Nette" (ZAN) de la loi Climat et Résilience. 
La plateforme aide à comprendre l'artificialisation des sols et propose du contenu pour enrichir le Plan Local d'Urbanisme.

Product Management

Application de mesure l'artificialisation des sols

TourRadar

<p><strong>Setup</strong><br><br>I joined TourRadar (roughly 200 employees) as a senior designer in order to help the team (one head, 3 researchers, 4 UX-UIs) tackle a broad redesign project. I was quickly promoted to a position of lead designer, focusing on design standards and design routines while the head of design focused on stakeholder buy-in and HR related topics.</p><p><br><strong>What</strong><br><br>My goal was to support the team with delivering a new version of both the mobile and desktop sites. In addition to that, we also had to plan and conceptualize a vision design study in order to convince stakeholders to push for more resources during the next round of funding. Finally, a dedicated weekly time was secured in order to mentor the more junior members of the team.<br><br><strong>How</strong><br></p><p>We conducted 20+ interviews and user tests, leveraged eye-motion tracking and collected usage and business data to discover leads for improvements, both from strategy, content, usability and branding perspectives. From these, the researchers and I derived a new user journey map and a detailed decision making process (<em>why and how to go on holidays/tours</em>). To make sense of these learnings and come up with original and elegant solutions, I personally ran two week-long design sprints with management, marketing and tech members.<br><br></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clgng20c80kil5wh96gn1b4fh.jpg"><div class="image-overlay"></div></div></div></div><p><br><br>Upon delivering vision designs, and step-by-step design implementations in order to progress towards these visions, we decided to create a brand new design system for our products, replacing the small design library that was used and modified up to that point. We set up a thorough A/B testing roadmap in order to ensure that every step was a definite improvement over the last one.</p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clgngalpc0kde5vfwf1py262f.jpg"><div class="image-overlay"></div></div></div></div><p>With the implementation of this new project, the company saw an improvement in all critical metrics (SEO rankings, pages visited, conversion rate optimization, drop in customer service contacts...) and enabled the company to survive and recover quickly from the Covid pandemic.</p><p><br>I took the efforts of catching up on design legacy to the next level, doing the groundwork for a healthy design system and focusing on creating a model to measure its impact on our business before onboarding our leaders on the project.<br><br>Organisation-wise, I implemented weekly design reviews and project retrospectives, in order to step up the team’s output quality.</p>

The company growing fast, the design team needed a team lead in order to maximize output, update their routines and kickstart new projects, as the head of design was busy negotiating strategic topics with C-level management.

Content Strategy

Innovation lab X project liberty

<p>Travail de développement comprenant :</p><ul><li><p>Création de la partie frontend (React)</p></li><li><p>Création APIs REST avec Strapi</p></li><li><p>Phase de développement dans un environnement Docker</p></li><li><p>Méthode agile</p><p></p></li></ul><p></p>

Liberty Project et l'innovation lab sont des fondations qui visent à développer des outils dans le web 3 pour décentraliser certains services comme des réseaux sociaux.
Réalisation en ReactJS et NodeJs de prototypes d'applications mobile pour l'innovation lab2 Marseille et le projet Liberty.

En vue de l'unfinished live conference ( https://unfinished.com/unfinished-live/), organisée par le projet Liberty (https://www.projectliberty.io/) en septembre 2022, des étudiants de l'innovation lab Marseille, un bootcamp d'innovation interdisciplinaire ont pensés des applications qui ont ensuite été codées pour le client.

React Native

Prototypes d'application mobiles PWA web3 

Infarm

<ul><li><p>Application réalisée en React Native et GraphQL client</p></li></ul><ul><li><p>Middleware en Node.js / GraphQL server</p></li><li><p>Backend en Django Rest Framework</p></li></ul>

Infarm est une compagnie d'agriculture indoor verticale cultivant en hydroponique.

Réalisation d'une application mobile pour l'affichage de missions pour les opérateurs et le contrôle à distance d'objets IoT via Bluetooth (ouverture/fermeture des portes, contrôle de la lumière, irrigation, etc...)


Application mobile de contrôle IoT à distance

Snowplow Analytics

<p>Travail de développement comprenant :</p><ul><li><p>Création de la partie frontend (React)</p></li><li><p>Communication APIs REST et GraphQL</p></li><li><p>Création d'un design system</p></li><li><p>Ecriture de tests unitaires et d'intégration</p></li></ul>

La Behavioral Data Platform de Snowplow vous permet de créer et d'exploiter des données comportementales sur les clients afin d'alimenter des cas d'utilisation avancés fondés sur les données - directement à partir de votre datawarehouse ou datalake en temps réel.

Data vizualization

Dashboard pour gestion de pipelines de data

Spacefill

<ul><li><p>Contrat d'interface et spécifications techniques</p></li><li><p>Développement Python (pydantic)</p></li><li><p>Tests unitaires (pytest) et tests d'intégration (Postman)</p></li></ul>

Spacefill est une plateforme, qui simplifie la gestion logistique de ses clients en lui proposant un point d'entrées unique pour consulter l'ensemble de ses stocks en Europe, quelque soit les sous-traitants mis en oeuvre. 
Leur plateforme SaaS doit communiquer en permanence avec de nombreuses autres plateformes au travers d'API et nous avons réalisé pour eux un de ces connecteurs.

Python

DevOps

Connecteurs entre API

<p>Happy App est une agence de développement web et mobile spécialisée dans la création d’application digitale “from scratch”. Nous réunissons tous les experts nécessaire à la réussite de votre projet : des UX designer produit, des architectes techniques et des développeurs séniors, des experts marketing...</p><p></p><p>Notre approche est résolument “centrée utilisateur” avec un savoir faire éprouvée dans le design thinking. Notre but est de trouver l’alchimie parfaite entre vos ambitions commerciales et les besoins de vos clients, afin que votre nouveau service soit une réussite.<br></p><p><strong>Comment nous pouvons vous aider aujourd’hui :</strong></p><ul><li><p>Créer ou améliorer votre produit digital tels qu’un SaaS,&nbsp; un site marchand, votre site d’entreprise...</p></li><li><p>Redéfinir les parcours utilisateurs, concevoir des wireframes et des prototypes</p></li><li><p>Analyse user-centric &amp; audit UX (écoute de vos besoins, des attentes de vos utilisateurs, analyse et itération de solutions adaptées)</p></li><li><p>Audit de la stack technique, respect des bonnes pratiques, détections des goulots d’étranglement</p></li><li><p>Analyse d’écart entre votre ERP et vos processus métiers, feuille de route de réalignement</p></li><li><p>Maintenance de votre site web</p></li></ul><p></p><p><strong>Nos outils de prédilection:</strong></p><ul><li><p>Design : Adobe, Figma</p></li></ul><ul><li><p>Développement : React, Django, PostgreSql, MapLibre, Scalingo</p></li><li><p>Gestion de projet : Trello, ClickUp</p></li></ul>

Lead developer fullstack

Développeuse Front-end (+3 ans expérience)

Directeur Technique - CTO - CISO

Chef de projet (+15 ans expérience)

Conception d’applications sur mesure qui répondent aux exigences spécifiques de votre secteur d'activité, en adaptant votre logiciel à vos processus métier et à votre système d'information.

Application métier sur mesure de A à Z

Conception d’interfaces ergonomiques et attrayantes pour optimiser les performances de vos applications, en répondant aux besoins spécifiques de vos utilisateurs.

Design Produit

Développement d’applications sur mesure qui répondent à vos besoins et à ceux de vos utilisateurs, en utilisant des technologies hybrides performantes.

Application mobile

Besoin d'aide pour formaliser votre projet ? Nous vous accompagnons dans la rédaction de votre cahier des charges, de manière claire et précise.

Cahier des charges

Services de soutien et de gestion de vos applications une fois déployées, assurant ainsi leur bon fonctionnement et leur capacité à évoluer selon vos besoins.

Maintenance applicative

Mise en place d’opérations ciblées pour améliorer le design et la fiabilité de vos applications grâce à des tests, assurant ainsi une meilleure expérience pour vos utilisateurs.

758 collectifs