Pharma Redac'

Les Indépendants

Falkon

Encore

Saastisfy

LES BEMS

Gettingapp.io

Moquenchi, les explorateurs culottés

Eux & Nous

Phydius

Peony

Décollé

Align Collective

F Team

Collectif IMPACT

digitalduo

Clethon | Growth

TechTide

Deezer

<p><em>Deezer has its own platform for Artists and Industry players. The platform does not generate any revenue. The goal is to start creating and testing features that users would be willing to pay for.</em></p><p></p><p>Goal: Help artists generate revenue from our B2B platform. If they generate revenue with our help, it means they would be willing to pay for our solutions.</p><p></p><p>We build and tested what we uncovered to be the #1 value for artists: the ability to have direct-to-fan contact.<br><br>Here are the features we developed:</p><ol><li><p>Ability to create a message and target it to Superfans and top Fans</p></li><li><p>Possibility to add links to the messages to lead to streams or conversions</p></li><li><p>Ability to have a dashboard to consult the evolutions of Fandom (Superfans, Fans, Engaged, Qualified)</p></li></ol><p></p><p><strong>Outcome:</strong></p><ol><li><p>1M generated in 6 months just from the testing phase </p></li><li><p>75%+ clicks on the links added by artists from fans</p></li><li><p>30% increase in our B2B tool engagement</p></li></ol>

Help artists generate revenue from our B2B platform.

Product Ownership

Product strategy

Product Management

Deezer - New B2B Features

Speak

<p>Démo vidéo de l'app :<br><a href="https://youtube.com/shorts/NSaqgFUGOlA?feature=share" rel="noopener noreferrer nofollow" target="_blank">https://youtube.com/shorts/NSaqgFUGOlA?feature=share</a><br></p><p>Notre objectif principal en développant cette application était de fournir une solution complète aux copywriters chargés de la rédaction de contenu pour les réseaux sociaux. Cette solution permettrait d'accéder aux informations essentielles sur les produits, informations transmises par les employés de l'entreprise en question via l'application.<br></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clmt55itv0t4u79ff4ff6hhyr.png"><div class="image-overlay"></div></div></div></div><p><strong>Premier point : Versions Admin et Client</strong></p><p>Pour répondre aux besoins spécifiques de Speak, nous avons développé deux versions distinctes de l'application : une version admin et une version client. Cette approche a été adoptée pour offrir à Speak une vue d'ensemble complète et pour permettre un accès direct aux pages de chaque entreprise à partir de leur tableau de bord respectif. Cela signifie que Speak peut gérer efficacement ses comptes clients et interagir avec les entreprises tout en maintenant un contrôle total sur les informations partagées.<br></p><p><strong>Deuxième point : Système de Multi-Upload</strong></p><p>Nous avons mis en place un système de multi-upload innovant pour permettre à Speak de charger rapidement et facilement une multitude d'images en un seul clic. Cette fonctionnalité vise à optimiser le flux de travail des copywriters en simplifiant la gestion des ressources visuelles, ce qui se traduit par un gain de temps significatif dans la préparation du contenu.<br></p><p><strong>Troisième point : Modals Explicatives</strong></p><p>Afin d'améliorer l'expérience des clients de Speak, nous avons intégré plusieurs modals explicatives dans l'application. Ces modals ont pour objectif de clarifier les attentes et les tâches assignées, facilitant ainsi la communication et la compréhension entre les parties. Cette approche favorise une interaction plus fluide avec l'application et permet aux clients de mieux appréhender les exigences de leur contenu.<br></p><p><strong>Choix de Firebase comme Base de Données et Déploiement sur Netlify</strong><br>Firebase offre à Speak un accès simplifié à sa base de données, garantissant ainsi une gestion transparente des informations cruciales. La flexibilité et la fiabilité de Firebase nous ont permis de créer un environnement sûr et évolutif pour stocker et gérer les données essentielles.</p><p><br>De plus, pour garantir une mise en ligne fluide et rapide de l'application, nous avons opté pour le déploiement sur Netlify. Cette plateforme de déploiement automatique nous permet de maintenir l'application constamment à jour, assurant ainsi que les utilisateurs de Speak bénéficient toujours de la dernière version de l'application sans interruption.<br></p><p><strong>Conclusion : L'Importance de l'Ergonomie</strong></p><p>Dans l'ensemble, nous avons attaché une grande importance à l'ergonomie de l'application. Cela a été fait dans le but de garantir des interactions fluides avec l'application, même pour les clients de Speak qui ne sont pas familiers avec ce type d'outils. Notre conception ergonomique permet une prise en main rapide et efficace, offrant à Speak un atout précieux dans son processus de gestion de contenu sur les réseaux sociaux.<br><br></p>

Création d'une application permettant aux clients de l'entreprise de pouvoir transmettre des informations concernant leurs différents produits aux rédacteurs de contenus.

Firebase

FlutterFlow

React

Réalisation d'une application mobile sur-mesure pour une entreprise de community management

Wall Of Traders

<p><em>Wall Of Traders allows non-Traders to automatically copy their strategy and their risk on Trades from the best and selected Traders. Wall Of Traders allows Traders to use a very powerful Smart Trading tool : Stop Loss and Take Profit at the same time, Trailing ability, Multi-platform trading.</em></p><p></p><p>Goal: Create new features for the existing web app that will give to Wall Of Traders a bigger value on the market.</p><p></p><p>Technologies used : React, Redux, Typescript, Node.</p><p></p><h1><strong>The Missions:</strong></h1><p>I was given several missions:</p><p></p><h2>1) The Onboarding</h2><p></p><p>For my first mission, I had to create an Onboarding (Tutorial) that will facilitate the primary goal of the client's arrival. Allowing them to copy a trader, trade for others, trade for themselves and/or link a crypto account to the platform (ex: Binance).</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cln7o0knc235e72ipezlq7guw.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/cln7obigl239f72ipfioe0376.png"><div class="image-overlay"></div></div></div></div><p>Without this Onboarding, the client could quickly get lost and close the tab of our platform.</p><p>Now, depending on the user's choice, we will send him/her to the right place.<br></p><p>If we choose to "Copy A Trader", it leads us to the second stage (which will be the same for all the others), in which we must choose an exchange from a drop-down list: Binance Spot, Binance Futures, FTX, FTX US, Kucoin, Kraken, Bittrex, Huobi, Bitfinex,... and fill in some other information you can see on the next illustration :</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cln7p0qie23o172ip3v0k8v4c.png"><div class="image-overlay"></div></div></div></div><p>Then, when we finally "Add An Exchange", we can see that exchange on the 3rd stage :</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cln7p5c0423r072ipgqn8d2x3.png"><div class="image-overlay"></div></div></div></div><p>Now we can re-add an exchange by pressing "Yes" or we can simply press "No" which closes the onboarding popup and takes us to the traders from the Wall Of Traders site where the user can choose which trader he wants to copy. You can see the statistics of traders earnings, the trades he is working on and their earnings promises at the copiers :</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cln7pfthh24t878fmhdx9ad5p.png"><div class="image-overlay"></div></div></div></div><p>Let's imagine now that we wanted to "Trade for others". This option is the opposite of the first button because now, we will be the trader who will be able to create his group which will earn potentially money to our future copiers.</p><p></p><p>Remember, the second and third steps where we add one or more exchanges will be the same as for the others. We will therefore be able to create a trader after these steps.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cln7pqq7924wu78fm7mp593ud.png"><div class="image-overlay"></div></div></div></div><p>Then, three buttons are proposed to us which will led us to different actions depending on what we truly want:</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cln7pu2dc240b72ip5x5y680v.png"><div class="image-overlay"></div></div></div></div><p>The "Trade for others" button now complete, I'll tell you about the next button. That of "Trading for myself" which, as its name suggests, will allow us to trade at its account but this option is generally made for experienced traders. After adding his or her trades, the popup closes and redirects us to the "Smart Trading" page where we can see a graph of a chosen trading pair, for example BTC/USDT and create a trade from fairly complex fields to fill in :</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cln7q2aft243q72iph3n7753u.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/cln7q31vn244e72ip7f4z3yyp.png"><div class="image-overlay"></div></div></div></div><p> Which finally brings us to the fourth and final button on the onboarding popup list: "Follow my wallet". After adding our exchange(s), the popup closes and the site is redirected to the Accounts page, where we can see our exchanges with their details.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cln7q6c3b246r72iparid1kwo.png"><div class="image-overlay"></div></div></div></div><h2>2) The Referral Module</h2><p></p><p>Do you remember that in the onboarding process, in the group formula, we give the possibility for the user to share a referral link? This referral link must be generated in the backend, and it must be linked to the trader who created it. It's quite a process. complex. That's why while this part of onboarding had to be paused, in waiting for the sponsorship backend to be ready, another mission was given to me. That of create a page in the site dedicated to the invitation of a friend and therefore to create referral links in agreement with the backend in production.</p><p></p><p>To do this, a new button on the home page, on the left vertical bar of the site has been added with the title "Invite a Friend". By clicking on it, you can see all the referral links that the trader has created :</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cln7qarwz249y72ip3ki99pis.png"><div class="image-overlay"></div></div></div></div><p>For this mission, I've accomplished the following tasks:</p><ul><li><p>Added a title to the page.</p></li><li><p>Created a button for traders to generate personalized referral links with name validation (5-25 characters).</p></li><li><p>Implemented rule-based validation for the referral link names.</p></li><li><p>Added "Create" and "Cancel" buttons.</p></li><li><p>Created a popup confirmation for successful link creation.</p></li><li><p>Added a button to withdraw earnings from all referral links once they reach a minimum of $50.</p></li><li><p>Dynamically updated the withdrawal button based on earnings.</p></li><li><p>Calculated and converted earnings from various currencies to US dollars.</p></li><li><p>Displayed the total earnings and withdrawal information.</p></li><li><p>Designed a table to display all created referral links with filters, including name, clicks, registrations, active status, earnings in USD, and actions.</p></li><li><p>Implemented actions for referral links, including a popup with earnings details and sharing options.</p></li><li><p>Included column sums and averages for numeric data.</p></li></ul><p></p><p>My mission involved enhancing referral link management, real-time earnings tracking, and user-friendly interaction elements.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cln7ql8nw25h478fm79pceq30.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/cln7qlr6k24i272ipemf559f1.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/cln7qmosv24ik72ip2bua0boe.png"><div class="image-overlay"></div></div></div></div><h2>3) Mobile version</h2><p></p><p>The referral mission is now completed, and we can move on the next mission. For both onboarding and referral missions, there is a mobile vision I had to code also.</p><p></p><h2>4) Creation of Microservices for the backend</h2><p></p><p>Firstly, what means microservices ?</p><p></p><p>Microservices architecture (or microservices) refers to a style of architecture used in application development. It allows you to break down a large application into independent components, each element having its own responsibilities.</p><p></p><p>For my final mission, I developed Node.js and TypeScript microservices for the backend. </p><p>I made API calls from another backend to retrieve exchange data like coin names, API keys, and passwords. To fetch exchange data, I used the "CCXT" library, connecting to cryptocurrency exchanges worldwide. </p><p>API calls included balance retrieval with currency, available balance ("free"), borrowed balance, interest, and total balance. </p><p>I also fetched market data with pairs, precision, leverage limits, and more. Additionally, I retrieved currency prices, canceled orders, and retrieved order details. </p><p>Lastly, I placed orders with pair, side (buy/sell), quantity, price, leverage, and password, despite the complex stock market terminology.</p><p></p><p></p><h1>The overall architecture:</h1><p></p><h2>1. [Git Branches]</h2><p></p><p>All missions had their own branches on the git repository. And when each mission has been viewed, tested and confirmed by the CTO, we merged them to the master branch.</p><p></p><h2>2. Technologies used</h2><p></p><p>For the first 2 missions, we choosed to use React and Redux who are modern and loved technologies in the marcket.</p><p></p><p>For the third mission, I began with nodejs for the microservices but we finally choosed to go with Typescript to have a better and cleaner architecture.</p><p></p><h2>3. The organisation of the team</h2><p></p><p>We had two platforms which were organized for the good organization of the group. </p><p></p><p>The first one is Discord. Discord is free proprietary VoIP and instant messaging software. That is where we always connect during work. We could ask question at any time, show our screen and discuss together about everything.</p><p></p><p>The second is Asana. Asana is a team communication manager. The product supports many features, including workspaces, projects, tasks, tags, notes, comments, and an inbox that organizes real-time information updates.</p><p></p><p></p>

Creation of an Onboarding process
Creation of a Referral module
Creation of Microservices for the backend

Node

Javascript & Typescript

Wall Of Traders - New Features + Microservices 

IPEPPER

<p><strong>Conception web :</strong></p><p></p><ol><li><p><strong>Design pattern :</strong> Maîtrise de la conception MVC (Modèle-Vue-Contrôleur). Compétent dans la gestion du modèle pour la logique métier, la coordination des vues pour l'interface utilisateur, et la mise en œuvre de contrôleurs pour faciliter l'interaction utilisateur et les mises à jour du modèle. Utilisation de cette approche pour développer des applications maintenables, évolutives et flexibles.</p><p></p></li><li><p><strong>Création de d'apps web:</strong> Création d'apps web et mobile avec Flask ET ReactJS . Développement d'APIs RESTful pour fournir une communication fluide entre le frontend et le backend, garantissant une expérience utilisateur réactive et efficace.</p><p></p></li><li><p><strong>BDD &amp; PosgreSQL &amp; Auth :</strong> Utilisation de requêtes SQL via Flask afin de gérer les données d'une base automatiquement. En intégrant une authentification sécurisée, le projet a pu offrir un accès personnalisé aux utilisateurs. Cela permet de garantir la confidentialité des données tout en offrant une expérience utilisateur personnalisée en fonction des préférences et des autorisations pour chaque utilisateur.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cll57mfbl047j6pic0ezw291m.webp"><div class="image-overlay"></div></div></div></div></li><li><p><strong>FLASK :</strong> Flask, un framework web en Python, se distingue par sa simplicité et sa polyvalence. Il offre un moyen efficace de créer des applications web en utilisant un ensemble de composants modulaires. Grâce à son approche minimaliste, Flask permet aux développeurs de construire des applications rapidement et de manière personnalisée, en sélectionnant uniquement les fonctionnalités nécessaires. Que ce soit pour créer des sites web interactifs, des API robustes ou des applications web plus complexes, Flask s'adapte parfaitement en offrant un équilibre entre légèreté et scalabilité.</p><p></p></li><li><p><strong>SCRAPPING :</strong> Selenium, un ensemble d'outils d'automatisation de navigateur, se révèle précieux pour le web scraping. En permettant de contrôler des navigateurs web comme Chrome ou Firefox, il émule les interactions humaines telles que le clic et la saisie. Cette flexibilité est essentielle pour extraire des données à partir de sites aux structures complexes ou qui utilisent abondamment JavaScript.</p><p></p></li><li><p><strong>Pages :</strong> En utilisant des routes, cela permet une navigation fluide pour la création de pages. Cette approche a permis de structurer et d'organiser efficacement les URL et les vues, offrant aux utilisateurs une expérience de navigation intuitive et cohérente.</p><p></p></li><li><p><strong>Frontend : </strong>Grâce à Javascript, HTML, CSS/SCSS et React, une navigation fluide a été mise en place pour créer des Pages dans le projet. Utilisation de Figma pour créer des maquettes visuelles interactives dans le but de refléter le design du site web à intégrer.</p><p></p></li><li><p><strong>Features</strong> : Implémentation de différentes fonctionnalités telles que les reviews sur chacun des candidats, obtention des numéros et emails grâce au scraping sur LinkedIn, la recherche de candidats grâce aux filtres personnalisés.</p></li></ol><p></p><h2>Impact</h2><ul><li><p>Optimisation du travail des RH maximisant leur productivité</p></li><li><p>Economie de temps de recherche de 4 jours / mois</p></li></ul>

Création d'un outil SI RH pour la société IPEPPER. Cet outil a permis au RH d'optimiser leurs travaux de recherche.

Flask

IPEPPER - Création d'un outil de SI RH

Asapark

<p><strong>Conception web :</strong></p><p></p><ol><li><p><strong>Design pattern :</strong> Maîtrise de la conception MVC (Modèle-Vue-Contrôleur). Compétent dans la gestion du modèle pour la logique métier, la coordination des vues pour l'interface utilisateur, et la mise en œuvre de contrôleurs pour faciliter l'interaction utilisateur et les mises à jour du modèle. Utilisation de cette approche pour développer des applications maintenables, évolutives et flexibles.</p><p></p></li><li><p><strong>Création d'apps mobile et web :</strong> Création d'apps web et mobile avec Ruby on Rails en utilisant l'encapsulation ngrok pour faciliter le développement et les tests sur les différents device. Cette méthode permet aux développeurs de visualiser instantanément les modifications apportées à l'application sur les appareils mobiles sans déployer sur un serveur distant. Développement d'APIs RESTful pour fournir une communication fluide entre l'application mobile et le backend, garantissant une expérience utilisateur réactive et efficace.</p><p></p></li><li><p><strong>Parsing &amp; data :</strong> Parsing de fichiers qui a permis de générer des pinpoints sur une carte en extrayant les données géographiques à partir de JSON. Ma maîtrise de l'utilisation de seeds (jeux de données) dans le processus de développement m'a permis de créer des applications interactives avec des marqueurs précis et pertinents pour chaque lieu.</p><p></p></li><li><p><strong>BDD &amp; MySQL &amp; auth :</strong> Utilisation de requêtes SQL via Node.js afin de gérer les données d'une base automatiquement. En intégrant une authentification sécurisée, le projet a pu offrir un accès personnalisé aux utilisateurs. Cela permet de garantir la confidentialité des données tout en offrant une expérience utilisateur personnalisée en fonction des préférences et des autorisations pour chaque utilisateur.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clkihbmgk18yd6rdzby3u50rc.png"><div class="image-overlay"></div></div></div></div></li><li><p><strong>Gems :</strong> En intégrant des gems Ruby comme Geocoder, l'app Asapark utilise la géolocalisation. Cela permet ainsi de situer les utilisateurs sur une map. Cette approche a considérablement amélioré l'expérience utilisateur en fournissant des fonctionnalités de localisation précises et interactives.</p><p></p></li><li><p><strong>API :</strong> En combinant les API de Google Maps et de Mapbox, l'app a été enrichi en intégrant des streetviews et des itinéraires. Grâce aux API, les utilisateurs reçoivent une expérience immersive et personnalisée en matière de navigation.</p><p></p></li><li><p><strong>Pages :</strong> En utilisant des routes, cela permet une navigation fluide pour la création de pages. Cette approche a permis de structurer et d'organiser efficacement les URL et les vues, offrant aux utilisateurs une expérience de navigation intuitive et cohérente.</p><p></p></li><li><p><strong>Frontend : </strong>Grâce à Javascript, HTML, CSS/SCSS et Bootstrap, une navigation fluide a été mise en place pour créer des views dans le projet.</p><p></p></li><li><p><strong>Features</strong> : Implémentation de différentes fonctionnalités telles que les avis, la géolocalisation, les likes et la recherche avec autocomplete. Ces dernières ont pu offrir une expérience utilisateur enrichissante et interactive. Grâce à ces specs, les utilisateurs ont pu partager leurs avis, créer des itinéraires à partir d'une position et rechercher de manière intuitive et ergonomique.</p><p></p><p>En conclusion, ce projet front-to-back fut très complet. Ce dernier intègre plusieurs features très pratiques tels que la géolocalisation, les likes et la recherche intuitive, offrant ainsi aux utilisateurs une expérience interactive et personnalisée. En parallèle, l'app est dotée d'une authentification sécurisée pour gérer les utilisateurs, garantissant ainsi la confidentialité des données. Le projet a été un succès, offrant une application web complète, utile et engageante.</p></li></ol>

Conception d'une app mobile pour localiser les places handicapées à Nice. L'application utilise la géolocalisation pour aider les PMR à trouver rapidement des stationnements adaptés, améliorant ainsi l'accessibilité et la mobilité dans la municipalité.

SQL Databases

Ruby on Rails

Asapark - Conception d'une app mobile

<p><strong>Mise en Place de Terraform Entreprise pour une Gestion Évolutive:</strong><br></p><p>Dans cette description, nous plongeons au cœur d'un projet informatique d'envergure exceptionnelle. Tout commence par la mise en place de Terraform Entreprise, une solution puissante qui devient le pilier central de notre infrastructure. Avec plus de 700 machines à gérer, la nécessité d'une gestion efficace, évolutive et centralisée est cruciale.<br></p><p><strong>Révolution de la Configuration Serveur grâce à Ansible:</strong><br></p><p>Dans cette étape majeure de notre projet, nous automatisons la configuration de nos serveurs grâce à Ansible. L'automatisation est la clé pour assurer la cohérence, la rapidité et la sécurité de notre infrastructure. Ansible devient notre bras droit dans cette quête d'efficacité opérationnelle.<br></p><p><strong>Expertise en Mise en Route de Clusters Kubernetes (K8s):</strong><br></p><p>Enfin, notre expertise en matière de mise en route de clusters Kubernetes (K8s) est le couronnement de ce projet. Les clusters K8s sont le fer de lance de la modernisation de notre infrastructure, offrant une flexibilité exceptionnelle pour le déploiement et la gestion d'applications conteneurisées. Notre maîtrise de cette technologie assure une disponibilité inégalée de nos services tout en maintenant une haute performance.</p><p>En résumé, ce projet est une symphonie de progrès technologiques et d'efficacité opérationnelle, avec Terraform Entreprise, Ansible et notre expertise en clusters K8s comme les acteurs principaux. Chaque étape est une avancée majeure vers une infrastructure informatique de pointe, capable de répondre aux défis actuels et futurs avec succès.</p>

Mise en place de la solution Terraform Entreprise pour 700+ machines.
Automatisation de configuration de serveurs via Ansible.
Expertise sur la mise en route de clusters K8s.

Kubernetes

DevOps

Terraform

CNAF - Architecture Devops

OpenReplay

<p><strong>Goal: </strong>Besoin d'attirer plus d'utilisateur vers l'application. Créer de l'inbound avec le blog.</p><p></p><p><strong><u>Blog (blog.openreplay.com) :</u></strong></p><p></p><ul><li><p>Création du blog avec Strapi pour le suivi des modifications et la gestion de contenu.</p></li><li><p>Monitoring des performances avec Lighthouse, Semrush et gestion des erreurs avec Sentry.</p></li><li><p>Modifications d'articles, ajout de code et collaboration via Github.</p></li><li><p>Recrutement de rédacteurs techniques spécialisés (ghost writers) dans les sujets tels que Redux, GraphQL, RUM, troubleshooting etc.</p></li><li><p>Rédaction de 10 à 15 articles par mois afin de fournir un contenu informatif et spécifique aux utilisateurs passionnés par les technologies front-end.</p><p></p><p><strong><u>Documentation OpenReplay (</u></strong><a href="http://docs.openreplay.com" rel="noopener noreferrer nofollow" target="_blank"><strong><u>docs.openreplay.com</u></strong></a><strong><u>) :</u></strong></p><p></p><ul><li><p><u>Configuration de l'app</u>: Rédaction d'instructions de setup détaillées pour l'installation et la configuration d'OpenReplay, garantissant une mise en place rapide et fluide.</p></li><li><p><u>Intégration</u> : Développement de guides d'intégration et des exemples de code pour permettre une utilisation aisée d'OpenReplay avec différentes plateformes et frameworks.</p></li><li><p><u>Plugins &amp; intégrations</u> : Présentation des plugins qui étendent les fonctionnalités d'OpenReplay (Sentry, New Relic, Datadog, Bugsnag), offrant des solutions adaptées aux besoins spécifiques des utilisateurs en fonction de leur stack.</p></li><li><p><u>Troubleshooting</u> : Offrir des solutions aux problèmes et bugs courants et des astuces pour garantir un fonctionnement et des performances accrues.</p></li><li><p><u>API </u>: Documenter l'API ouverte d'OpenReplay, permettant aux utilisateurs d'intégrer l'outil dans leurs systèmes et environnements (AWS, Digital Ocean, Kubernetes, Docker).</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clkia14ls0v6k6se131yz9lqi.png"><div class="image-overlay"></div></div></div></div></li></ul><p><strong>Résultats:</strong><br>1. Le traffic sur le blog a été multiplié par 25 et </p><p>2. Le taux de conversion a été multiplié par 10 (trackers utilisés : Google Analytics, Fullstory &amp; Amplitude). </p>

Réalisation du blog et de la page documentation du site Openreplay, une solution opensource de frontend monitoring pour web apps (Y combinator 2019). 

Strapi

Web Analytics

OpenReplay - Création du blog avec Strapi + documentation

Agorapulse

<p><em>Complete re-vamp of the Agorapulse Publishing tool in a FullStack development team of 8 Engineers, 1 QA and 1 Product Designer. The app was outdated and had a lot of tech debt. We had to rethink everything from scratch.</em><br><br><strong>Goal:</strong> Bring the tool up to the level of digital and design best practices + improve conversion from free trial.<br><br>Extremely technically complex and strategic project. Took one year from start to finish but due to Continuous Delivery process, was in the hands of users as a beta after 6 months.<br></p><ol><li><p>Rebuilding of the technical architecture </p></li><li><p>Updating and improving all UI/UX components. </p></li><li><p>Major improvements to the QOL of users by adding the most requested solutions<br></p></li></ol><p>Included a long discovery phase, private beta phases and an open beta before the gradual release.</p><p></p><p><strong>Outcomes:</strong></p><ul><li><p>Improved app performance by 100%</p></li><li><p>Led to an increase in our pricing by 150%+ to Enterprise customers by selling them the new version of the tool.</p></li><li><p>Conversion after free trial increased by 18%</p></li></ul>

Bring the tool up to the level of digital and design best practices + improve conversion from free trial.

User Research

Agorapulse - Complete App Re-Vamp and Tech Modernisation

<p><em>During Customer Discovery, we uncovered our users had a lot of pain points in their journey before coming into our Social Media Management app. This included managing their assets, adding labels and descriptions and sharing them internally.</em></p><p></p><p><strong>Goal:</strong> Create additional upward selling pressure by building a monetizable and highly-needed feature</p><p></p><p>We build an entire Asset Library MVP from scratch with a small team (2 Fullstack Engineers, 1 Designer and 1 QA) that included:</p><p></p><ul><li><p>Ability to upload and store images (up to 1TB depending on the plan)</p></li><li><p>Ability to add descriptions and labels to images</p></li><li><p>Ability to connect a Google Drive</p></li><li><p>Ability to use these assets when creating Social Media content without re-upload</p></li></ul><p></p><p>We added the MVP to the highest plans (Enterprise and Custom) while giving smaller plans a free trial (limited to a few uploads at a time). This allowed us to sell more easily the higher-priced plans.</p><p></p><p><strong>Outcome:</strong></p><ul><li><p>400+ users opted in day of launch</p></li><li><p>14% increase in quarterly upsell </p></li></ul><p></p>

Create additional upward selling pressure by building a monetizable and highly-needed feature.

Agorapulse - Asset Library (building a feature from scratch)

Lucian

<video-component src="https://www.youtube.com/embed/r_n66SygSQE"></video-component><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clko3onry0oal6rcidekf6jul.jpg"><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/clko3pq2k0n6i6rh49v0b5o7f.jpg"><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/clko3q3p60ob16rci0r0mhzzv.jpg"><div class="image-overlay"></div></div></div></div><p></p><ol><li><p><strong>Écriture d'un scénario</strong></p><p></p></li><li><p><strong> Préparation du matériel</strong></p><p></p></li><li><p><strong>Recrutement des actrices</strong></p><p></p></li><li><p><strong>Repérage des lieux du tournage</strong></p><p></p></li><li><p><strong>Organisation de la logistique du tournage</strong></p><p></p></li><li><p><strong>Tournage</strong></p><p></p></li><li><p><strong>Montage vidéo</strong></p><p></p></li><li><p><strong>Colorimétrie</strong></p></li></ol>

Conception d'un clip musicale pour le producteur new-yorkais Lucian.

Photography

Video & Film

Fly By Night - Clip Musicale pour Lucian, producteur New-Yorkais.

Grid

<p>grid. a pour mission de connecter les personnes librement et intelligemment de façon à promouvoir l'entraide et le progrès.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clkqo8lbq1cln6rh4hfsv6rjo.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/clkqo8r4m1e3o6rci7palba5z.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/clkqo94ng1clw6rh4chbu3mo5.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/clkqo99ec1e3x6rci3wsv0hha.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/clkqo9dd41e416rcic16oela4.gif"><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/clkqo9gkr1e436rci0l8rh8ml.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/clkqo9k4h1cm06rh420racn6x.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/clkqo9nd61cm46rh4hi3tewye.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/clkqo9qyt1e4a6rcidub58j73.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/clkqo9u711e4c6rcifytjgdxn.gif"><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/clkqoa8ud1cmk6rh45tkr95qe.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/clkqoadxi1e4o6rci5h885u35.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/clkqoahjg1cmo6rh40py239yu.gif"><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/clkqoal531e4q6rci9bdj9uw7.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/clkqoaogn1cms6rh48aod5yhd.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/clkqoasmz1cmv6rh439nw8kz8.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/clkqoax881e4w6rci9u8g5yli.gif"><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/clkqob2eh1cn06rh48xhga9h9.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/clkqob6fz1cn36rh4fwwkcbwo.gif"><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/clkqoba7u1e5c6rciezvt6mo2.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/clkqobevn1e5h6rci2lzmc8i3.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/clkqobjhx1e5n6rcicuce1112.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/clkqobn621cnd6rh46l2w7o40.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/clkqobqjk1e5r6rcieluz8ucc.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/clkqobu7a1cng6rh48i6m6eu8.gif"><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/clkqocwcs1co96rh4e3u3czs2.gif"><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/clkqod55q1cod6rh4hbcq2ocq.gif"><div class="image-overlay"></div></div></div></div>

Connecter les personnes librement et intelligemment de façon à promouvoir l'entraide et le progrès.

Product Design - UX/UI

Web Design

Grid. Concept de réseau social

<p>Rédacteur web et expert en copywriting, j'ai eu la possibilité de collaborer avec des établissements renommés dans le cadre de plusieurs partenariats avec l'entreprise Speak spécialisée dans la création de contenu digital.</p><p></p><p>Mon parcours professionnel a été enrichi par des partenariats fructueux avec des entreprises telles que le Groupe Aristée, Le Cercle Dentaire, le Studio de Lily, Le Saint-Jean, One Love, Le Cabanon Cap-Ferrat Uniq Boutique et autres... Chacune de ces collaborations a été une occasion de fusionner créativité et stratégie pour générer des contenus dynamiques et impactants.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cll5flfwo0a0r6pice9ad1aov.png"><div class="image-overlay"></div></div></div></div><p>Avec le Groupe Aristée, j'ai façonné des descriptions de produits transcendant leurs caractéristiques pour devenir des solutions convoitées par les consommateurs. Ma plume a donné vie aux traitements du Cercle Dentaire (Association composé d'une vingtaine de dentistes), transformant des concepts médicaux en récits attrayants et en leur permettant de remplir en 2 mois une conférence de plus de 200 personnes avec un tarif moyen de 250€ par personne soit un total de 50000€ de chiffres d'affaires.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cll5flucq0a186picg6ngfs6z.png"><div class="image-overlay"></div></div></div></div><p><br>Les messages du Studio de Lily sur Instagram ont pris vie grâce à des mots qui évoquent émotion et style, capturant l'essence même de leur travail artistique.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cll5fmxr60aaq6pg65qz48jbw.png"><div class="image-overlay"></div></div></div></div><p>Le Saint-Jean, One Love, Le Cabanon Cap-Ferrat et Uniq Boutique ont tous bénéficié de mon expertise en copywriting pour créer des histoires engageantes autour de leur ambiance, de leurs produits uniques et de leur héritage. Chaque projet a été une opportunité de comprendre profondément l'identité de la marque et de la traduire en messages convaincants, persuadant ainsi les lecteurs à agir.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cll5fnine0ab86pg6bipxcpw5.png"><div class="image-overlay"></div></div></div></div><p>Mon approche du copywriting va au-delà des mots bien choisis. Elle intègre la psychologie de la persuasion et une compréhension aiguisée du public cible pour façonner des contenus qui captivent, convertissent et fidélisent. Chaque projet est une toile vierge sur laquelle je peins des images verbales qui laissent une empreinte durable.</p>

Copywriting Instagram et rédaction web pour les établissements suivants : Groupe Aristée, Le cercle dentaire, Studio de Lily, Le Saint-Jean, One Love, Le cabanon Cap-Ferrat et Uniq boutique.

Articles creation

Copywriting

Speak - Copywriting Instagram et rédaction web

CEDSCA

<p><strong>Réalisation :</strong></p><p></p><ol><li><p><strong>Création d'une stratégie marketing personnalisé :</strong> Mise en place d'une stratégie marketing puissante basée sur la communication vidéo et création de partenariats professionnels.</p><p></p></li><li><p><strong>Prospection multiple :</strong> Recherche approfondie auprès de multiples organismes dans le but de recueillir  des données importantes. Collecter des informations pertinentes et variées provenant de différentes sources et permettant ainsi de disposer d'une base solide pour l'analyse et les prises de décision futures.</p><p></p></li><li><p><strong>Réalisation de contenu promotionnel :</strong> Planification et réalisation de contenu vidéo marketing sous forme de mini-série explicative permettant de partager une expertise et d'établir un lien authentique avec le public.</p><p></p></li><li><p><strong>Réalisation de séquences d'emailing : </strong>Avec détermination et créativité, nous avons conçu des scénarios d'emails ciblés, des séquences élaborées entre contenu informatif et appel à l'action. Nous avons proposé des informations précieuses, des conseils pratiques et des offres spéciales, adaptés à chaque étape du parcours client.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clkiex3x70xn46se1hjd49efx.png"><div class="image-overlay"></div></div></div></div><p></p></li><li><p><strong>Création d'un lien de paiement : </strong>Nous avons opté pour une passerelle de paiement réputée, garantissant ainsi la confidentialité des données et la protection des informations sensibles de nos clients.</p><p></p></li><li><p><strong>Création d'un tunnel de vente :</strong> Nous avons commencé par cartographier le parcours client, en identifiant les étapes clés puis avons crée un tunnel soigneusement optimisée permettant aux prospects d'effectuer le paiement immédiat de leurs réservations et de procéder à une campagne de retargeting.</p></li></ol><p></p><p>Cette approche globale et bien pensée a permis d'attirer un public qualifié, de créer un fort engagement et de maximiser les conversions, faisant de cet événement un véritable triomphe commercial grâce à la vente en 5 mois de l'intégralité des places disponibles.</p>

Création et réalisation d'une campagne marketing ayant pour but d'attirer et closer 80 dentistes dans tout le pays et de les inviter à assister à une conférence exclusive et payante de deux jours à Nice.

Airtable

Marketing Strategy

Emailing

Le Cercle Dentaire - Réalisation d'une campagne marketing

<p><strong>Contexte : </strong>Speak est une entreprise de Community management qui a besoin d'avoir un espace personnalisé dans lequel tous ses membres peuvent communiquer et travailler efficacement dans leurs domaines respectifs.</p><p></p><p><strong>Réalisation :</strong></p><p></p><ol><li><p><strong>Espaces personnalisés :</strong> Chaque membre de l'équipe dispose maintenant de son propre espace, entièrement adapté à son domaine d'expertise. Cet espace dédié garantit que chacun dispose d'un environnement organisé et spécialement conçu pour maximiser son action.</p><p></p></li><li><p><strong>Calendriers personnels :</strong> Chaque membre de l'équipe dispose d'un calendrier personnel, entièrement configurable et synchronisable, permettant de gérer efficacement ses tâches et ses rendez-vous. Cette fonctionnalité aide à mieux organiser son temps de travail et à anticiper les échéances importantes.</p><p></p></li><li><p><strong>Espace de copywriting avec calendriers de publications :</strong> Pour les membres de l'équipe travaillant dans le domaine du copywriting, j'ai créé un espace dédié où ils peuvent planifier et organiser les publications pour leurs clients. Ces calendriers de publications permettent de suivre et d'optimiser leurs stratégies de communication avec leurs clients.</p><p></p></li><li><p><strong>Espaces clients personnalisés :</strong> Ces espaces offrent une expérience sur mesure et transparente ; il permet aux clients de visualiser et de gérer facilement leurs contenus.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clkia2kwy0v726se167tdhy4i.png"><div class="image-overlay"></div></div></div></div></li><li><p><strong>Espace de dépôt pour le photographe :</strong> Le photographe de l'équipe dispose désormais d'un espace de dépôt spécifique où il pourra stocker, trier et partager ses photographies de manière organisée. Cela facilitera la recherche et l'utilisation ultérieure des images dans nos projets.</p><p></p></li><li><p><strong>Salon de Notification Automatisé :</strong> Nous avons mis en place un salon de notifications automatisé. Ce salon permet à chaque membre de l'équipe de recevoir en temps réel des notifications concernant d'autres membres ainsi que concernant leurs clients. Le dirigeant a un contrôle sur tous les espaces et peut voir en temps réel l'avancement de ses employés.</p><p></p></li><li><p><strong>Facturation automatisée :</strong> Grâce à la facturation automatisée, le dirigeant a un outil permettant en un coup d'oeil de visualiser les oublis potentiels de ses clients et d'avoir des relances de paiement automatique par mail.</p><p></p></li></ol><p>En combinant ces différents espaces personnalisés, les membres peuvent collaborer plus efficacement, échanger des informations de manière structurée et gagner en efficacité dans la gestion de leurs projets. Chaque membre a un accès facile aux ressources nécessaires pour accomplir ses missions avec succès.</p>

Réalisation d'une base de donnée comprenant des espaces personnalisés pour chaque membre afin de permettre une communication rapide et efficace dans l'entreprise. 

Notion

Make

Speak - Réalisation d'un CRM

<p>Notre entreprise se distingue par son approche holistique et sa capacité à offrir une gamme complète de services pour répondre à vos besoins en matière de création de MVP, de sites vitrines et d'identité visuelle.<br>Nos développeurs sont issus du Wagon et de l'école 42 fondée par Xavier Niel et notre directeur artistique de la prestigieuse école Cantonale d'art de Lausanne.<br>Nous avons travaillé pour de nombreuses start-ups et entreprises comme Doctolib, Groupon, Openreplay, Speak en France, États-Unis ou encore en Israël.</p>

Direction Artistique

Ruby on Rails Developer

Full Stack Engineer

Sales & Social Ads

No-codeur & SEO expert

Senior Product Manager

Devops Expert

Que vous ayez besoin de créer une application web ou mobile innovante, notre approche axée sur les MVP, vous permettra de tester rapidement votre concept !

Développement d'applications web responsive sur-mesure (MVP)

Que vous souhaitiez mettre en avant vos produits, présenter vos services ou simplement avoir une vitrine en ligne professionnelle, préparez-vous à faire une première impression inoubliable !

Réalisation et refonte de sites vitrines et e-commerce

Nous créerons, des maquettes interactives précises qui refléteront fidèlement votre vision et vos besoins spécifiques. Vous offrant ainsi une opportunité unique de naviguer à travers votre projet.

Maquette & Prototypage UX/UI

Grâce à notre connaissance produit et l'expression de vos besoins, réalisez la meilleure application possible, parfaitement comprise par vos utilisateurs. 

Product marketing & Social ads

Faites passer votre communication visuelle au niveau supérieur ! Nous créerons des animations sur mesure et une identité visuelle distinctive pour vous démarquer et captiver vos clients.

758 collectifs