Horizon

Magician

Faaastr

Moonimize

Collectif Wild & Web

Koojira Studio

Votre équipe rédaction web

Ventures Collective

LE SON ET L'IMAGE

Peony

Décollé

La Web Squad

Qolaig

Innovizer

la croquette.

ri+mi

MAY-AI

SalesFlow

Région sud Investissement

<p>Ce projet a totalement été réalisé par le Studio 13 grammes dont fait partie Francis Meano.</p><p>Réalisation de l'identité de marque de Région Sud Investissement</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clmucw28g0jih73i00g2m27iq.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/clmucxq8w0jji73i00dr8e1d0.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/clmucy9mu0jjt73i04wux5c7b.png"><div class="image-overlay"></div></div></div></div>

RSI est le fonds de co-investissement de la Région Sud, financé par l’Europe qui soutient les entreprises de croissance régionales en fonds propres  ou quasi fonds propres.

Branding Strategy

Visual Identity

Graphic Design

Région Sud Investissement

Woman and Luxury

<div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clcj9hzoc0hly5ng21k409zh5.png"><div class="image-overlay"></div></div></div></div><h1>Happer</h1><p></p><h2><strong>Le client</strong><br></h2><p>Le client est Woman and Luxury une entreprise qui cherche à créer une application mobile centrée sur le monde de la mode est de proposer un réseau social permettant aux différents utilisateurs de partagé leur style vestimentaire et de s'inspirer de celui poster pas les influenceurs présents sur le réseau.</p><p></p><h2><strong>Contexte</strong></h2><p></p><p>Le projet est une application de réseau social sur le monde de la mode. Elle permet aux utilisateurs de partager leurs styles en spécifiant les vêtements/accessoires qu'il porte. Les selfies seront par la suite disponibles sur un Feed découper en plusieurs styles (Tenue de soirée, Tenue de jour, Tenue de travail, etc.)<br><br>Un système d'enchère en temps réels et aussi disponible pour permettre aux utilisateurs de remporter des produits moyennant une monnaie propre à l'application obtenable via le partage des photos et des abonnements divers.</p><p><br><strong>Apportez une connaissance des enjeux techniques d'une telles solutions :</strong><br><br>- Environnement de Production, Test et de Développement<br>- Architecture Cloud Azure Multi-services<br>- Apport d'expérience professionnel sur les choix UI/UX des applications mobiles<br>- Mise en lumière de problématique lié au Business Plan du projet<br><br>Le projet consistait principalement à réaliser une API NodeJS/Express avec une base de données MongoDB NoSQL, le développement des applications mobiles IOS et Android en natif (Swift et Kotlin), Ainsi que de développer un Back-office en ReactJS et la réalisation et mise en place de l'architecture cloud sur Azure.</p><p></p><h3>Charte Graphique</h3><h3></h3><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldvtokrf0gy95vedcn869bo0.png"><div class="image-overlay"></div></div></div></div><h3>Technologie utilisées</h3><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldt57rig20pq5xgx8cs14g35.png"><div class="image-overlay"></div></div></div></div><h2>API</h2><p><br>API NodeJS en architecture Routes, Controllers, Services, Models avec intégration de Middlewares permettant la gestion de droits et d'authentification.</p><p></p><p>Elle contient un système d'enchère mis en place dans un WorkerJS.</p><p></p><p>Le projet contient aussi des microservices en NodeJS et en Python, notamment pour un système de Websocket.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldqkxqkz0u2g5wbeacur3yy9.png"><div class="image-overlay"></div></div></div></div><p><br></p><h2>Back-office</h2><p><br><strong>Le Back-office quant à lui est fait en ReactJS et permet l'administration de toutes les données ainsi que la visualisation de KPI important comme :</strong></p><p></p><ul><li><p>la fréquence de connexion des utilisateurs</p></li><li><p>le nombre d'abonnements actifs</p></li><li><p>Calculer la rétention de l'application sur différentes durées</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clcj9buef0h9y5lebeq4bcosl.png"><div class="image-overlay"></div></div></div></div><h2>Architecture Cloud</h2><p></p><p><strong>L'architecture Azure est construite autour de plusieurs environnements différents et contient plusieurs services Azure :</strong></p><p></p><ul><li><p>App Service</p></li><li><p>Machine virtuelle</p></li><li><p>App Insight</p></li><li><p>Azure Monitor</p></li><li><p>Azure Blob</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldqkwzmo0z4a5xgx82jj8puc.png"><div class="image-overlay"></div></div></div></div><h2>Applications Mobile</h2><p></p><p>L'objectif était d'obtenir des applications Android et iOS développer dans les langages natifs des deux OS. Kotlin pour Android et Swift pour iOS.<br><br>Elle devait présenter les fonctionnalités principales suivantes :<br></p><ul><li><p>Partager des selfie</p></li><li><p>Permettre de taguer les vêtements présents sur les photos partager</p></li><li><p>Accéder à des enchères sur des produits en temps réel</p></li><li><p>Permettre de consulter l'actualité des influenceurs</p></li><li><p>Parrainer ses amis</p></li></ul><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldql6zas0z745xgx7ul1g1f6.png"><div class="image-overlay"></div></div></div></div><p></p><h2><strong>Les challenges de cette mission</strong><br></h2><ul><li><p>Conseiller au clients l'architecture du projet et les technologies à utiliser pour le concrétiser</p></li></ul><ul><li><p>Apporter une expérience pour apporter un œil critique au choix du client et les adapter à sa vision</p></li><li><p>Résoudre les différents défis technique comme la mise en place d'un système d'enchère en temps réel sur des applications mobile et donner la possibilités d'utiliser un bot qui enchéris à votre place</p></li><li><p>Proposer une solutions All-in-one API, Applications mobiles, back-office, architecture cloud, Base de données, micro services et chefferie de projet</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clcj9mvwk0hfy5lebgy4qa46e.png"><div class="image-overlay"></div></div></div></div></li></ul><p>#NodeJS #ReactJS #Express #Azure #Python #Swift #Kotlin #MongoDB</p>

Développement de deux applications mobile (iOS et Android) sur la mode et les créateurs de contenu. Réalisation d'une API NodeJS/Express complexe, d'un Back-office ReactJS et la construction de l'architecture Cloud Azure du projet.

Nest

React

Node

Mylan sait faire preuve d'une réactivité permanente et sait apporter des conseils et des solutions appropriés à des problèmes complexes avec beaucoup de pragmatisme.
Il est très réactif, a un excellent bagage technique, comprend rapidement les problématiques avec une vision 360 degrés.
J'ai découvert quelqu'un de sérieux, de très investi avec qui j'adore travailler, échanger et débattre sur différents sujets techniques et business.

Happer

Servtop

<h1>Servtop</h1><p></p><h2>Disponible à cette adresse : <a href="https://servtop.fr" rel="noopener noreferrer nofollow" target="_blank">https://servtop.fr</a></h2><p></p><h2><strong>Contexte</strong></h2><p></p><p>Les joueurs de jeux-vidéos ont la possibilité de créer leur propre serveur afin de jouer à plusieurs. De nombreux serveurs privés naissent chaque jour pour Minecraft, GTA RP, Ark, World of Warcraft, etc.</p><p></p><p>Servtop est un site web doublé d'une application mobile qui référence ces serveurs privés dans un classement.</p><p></p><p>Cette solution s’adresse à deux types d’utilisateurs :</p><ul><li><p>les joueurs, qui recherchent un serveur sur lequel jouer</p></li><li><p>les créateurs, qui cherchent à faire connaître leur serveur.</p><p></p></li></ul><p>Cette réalisation est un projet de fin d'étude qui s'est transformé en passion et que j'ai décidé de mener à bout.</p><p></p><h2><strong>Fonctionnalités développées</strong></h2><p></p><ul><li><p>Imaginer une identité visuelle alliant le côté fun des jeux vidéos et la modernité des sites actuels</p></li><li><p>Un site et une application disponibles en plusieurs langues (FR/EN)</p></li><li><p>Des fonctionnalités uniques développées sur-mesure afin de créer un système de classement et de vote</p></li><li><p>Un même utilisateur ne peu voter qu'une fois toutes les deux heures</p></li><li><p>Remise à zéro des classements tous les 1er du mois</p></li><li><p>Implémentation de filtres au classement (catégorie de serveur, période, langue etc...)</p></li><li><p>Un utilisateur pour laisser un avis sur un serveur en notant plusieurs critères (qualité de jeu, ambiance, disponibilité et staff du serveur)</p></li><li><p>Intégration de plugins de vote permettant aux créateurs de récompenser les joueurs votant pour leur serveur</p></li><li><p>Intégration de webhook Discord</p></li><li><p>Documentation de l'API publique pour aider les créateurs de serveur</p></li><li><p>Un site maintenable avec une mise à niveau facile en cas de montée en fréquentation rapide</p></li></ul><p></p><h2><strong>Charte graphique</strong></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clzwvu16e26ps5zgpgedbdmlw.png"><div class="image-overlay"></div></div></div></div><h2><strong>Technologies &amp; outils utilisés</strong></h2><p></p><p><strong>Application Web</strong></p><ul><li><p><strong> </strong>ReactJS</p></li><li><p>NextJS</p></li><li><p>Typescript</p></li><li><p>Tailwind</p></li><li><p>TanstackQuery</p></li><li><p>Zod</p></li></ul><p></p><p><strong>API - Backend</strong></p><ul><li><p>NodeJS</p></li><li><p>ExpressJS</p></li><li><p>MongoDB</p></li><li><p>Mongoose</p></li></ul><p></p><p><strong>Application Mobile</strong></p><ul><li><p>React Native</p></li><li><p>Expo</p></li></ul><p></p><p><strong>DevOps</strong></p><ul><li><p>Docker</p></li><li><p>Docker Swarm</p></li><li><p>Traefik</p></li><li><p>AWS S3</p></li></ul><p></p><p><strong>UI Design</strong></p><ul><li><p>Figma</p></li></ul><h2></h2><p></p><h2>Captures d'écran de l'Application Web</h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clzwrm7zs23cr5zgp7glxc36u.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/clzwrmd6723cy5zgpagn5atai.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/clzwrmiux21en5ufx0sr3h0hk.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/clzwrmmof21eq5ufxe6lyg5jh.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/clzwrmtsp23db5zgp4zl40mg9.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/clzwrn5dn21f25ufxaj7g86m3.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/clzwrn8km21fa5ufx6uz7172a.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/clzwrnc9e21fe5ufxbtmdbp6j.png"><div class="image-overlay"></div></div></div></div><h2>Mockup de l'Application Mobile</h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clzwrnfot21fj5ufx7gpe7uho.png"><div class="image-overlay"></div></div></div></div><p><em>#nodejs #express #reactjs #nextjs #aws #figma #gaming #webapp #mobile #dashboard</em></p>

Création d'un site web et d'une application mobile permettant de référencer des serveurs privés de jeux vidéo

React Native

Smarbox Group

<p>Développement d'une <strong>application web e-commerce Smartbox Pro Belgique</strong> en transformant l'application déjà développée et en ligne sur le marché italien.</p><p>L'application existante a été développée par un prestataire externe italien et comprend une vingtaine de fonctionnalités à transformer selon le besoin du futur marché.<strong><br><br>Contexte<br><br>Le client avait besoin d'un profil product owner avec appétence technique (UX et dev)</strong></p><ul><li><p>Auditer et creuser le besoin des opérateurs sur le marché belge</p></li><li><p>Analyser et faire des recherches terrain pour s'assurer que les fonctionnalités correspondent au besoin belge VS les fonctionnalités déjà mises en place pour l'application web italienne</p></li><li><p>Hiérarchiser les besoins selon les priorités de développement</p></li><li><p>Créer les wireframes de l'ensemble des écrans et faire valider aux utilisateurs le fonctionnement</p></li><li><p>Rédiger les spécifications de fonctionnalités à développer (par les équipes tech internes et externes) pour que l'application réponde aux exigences du marché Belge</p></li><li><p>Suivre les phases de développement</p></li><li><p>Tester la version développée avant publication, validation des incréments produits</p></li><li><p>Rédiger le tutoriel utilisateurs en français et anglais</p></li><li><p>Former les utilisateurs à la nouvelle plateforme</p></li><li><p>Analyser les commentaires clients pour l'amélioration de la plateforme</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clmuhzrbf04ar72ecdn5x9jne.png"><div class="image-overlay"></div></div></div></div><p><br><strong>Le challenge<br></strong></p><ul><li><p>Echanger en anglais avec les différents interlocuteurs de tous niveaux, de tous pays et de tous métiers (tech / finance / UX) pour connaître les besoins des utilisateurs selon leur métier</p></li><li><p>Appréhender l'ensemble du système existant, des besoins utilisateurs déjà recueillis, et compiler l'ensemble des données pour définir les informations manquantes à récolter</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clmui3kvw04cz72echqb32n8m.png"><div class="image-overlay"></div></div></div></div>

Product management pour une migration d'application web ecommerce

Product Ownership

Product Management

UX Product Design

Smartbox

Parky

<p>La solution Parky a pour objectif de faciliter la gestion du stationnement en ville pour les mairies à l'aide d'un back-office. Mais aussi de faciliter le stationnement en ville des usagers de la route.</p><p></p><p>À l'aide d'une borne connectée contenant une caméra, un algorithme (OCR) en python qui permet de reconnaître n'importe quel type de plaques d'immatriculation afin d'identifier les utilisateurs de l'application mobile Parky.</p><p></p><p>Depuis l'application mobile Android, les usagers ont la possibilité de réservé, payer leur stationnement tout en étant guidés par le système de navigation Mapbox implémenté.</p><p></p><p>Le back-office réalisé en React.js permet aux mairies de bloquées les places d'une rue pour un événement, mais aussi de prendre connaissance des personnes en infractions sur les places de stationnement.</p><p></p><p></p><h2><strong>Les enjeux techniques</strong></h2><p></p><ul><li><p>Une borne de stationnement adaptée à un environnement de ville</p></li><li><p>Le coût du matériel et de son installation en milieu urbain</p></li><li><p>Une identité visuelle</p></li><li><p>Créer une architecture serverless sur AWS pour nos différentes applications (AWS Lambda, AWS DynamoDB)</p></li><li><p>Mise en lumière de problématique lié au Business Plan du projet</p></li></ul><p></p><p></p><h2><strong>Charte graphique</strong></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldvtfqvs0go55ved2eagdaxz.png"><div class="image-overlay"></div></div></div></div><h2><strong>Technologies &amp; outils utilisés</strong></h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldvtkidc0hlr5weo9yw5fyue.png"><div class="image-overlay"></div></div></div></div><p></p><h2><strong>API</strong></h2><p></p><p>API REST en Laravel, architecture routes, contrôleurs et modèle. Intégration de middleware pour la gestion des droits et de l'authentification.</p><p></p><p></p><h2><strong>Back-Office</strong></h2><p></p><p>Réalisé en ReactJS, permettant l'administration des bornes de stationnement et du contrôle de ses dernières. Une visualisation KPI est intégrée avec :</p><p></p><ul><li><p>Utilisateurs dans la ville / quartiers</p></li><li><p>Place utilisée / non utilisée</p></li><li><p>Nombres d'infractions</p></li><li><p>Un graphique du trafic mensuel</p></li></ul><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldixix7l4ho35vhr96ac91bp.png"><div class="image-overlay"></div></div></div></div><p></p><h2>Application Mobile</h2><p></p><p>Destiné aux usagers de la route souhaitant stationner sur les places Parky. L'application est réalisée en Kotlin.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldix4quy4hfj5whyglbc8gts.png"><div class="image-overlay"></div></div></div></div><h2>Site vitrine</h2><p></p><p>HTML/CSS/jQuery, un site pour informer et fidéliser.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldixm2ym4hvl5vhrhvqfazl9.png"><div class="image-overlay"></div></div></div></div><p></p><p></p>

Parky est une solution de stationnement intelligent destiné aux usagés des smartcity.
Nous avons réalisé la mise en place de :
- Un back office de gestion pour les mairies utilisatrices
- Une application mobile pour les usagers


Android

Au-delà de son design et de son interface agréable, Parky permet de répondre à une véritable problématique que nous rencontrons. Elle est intuitive et simple d'utilisation, nous avons été agréablement surpris de cet outil.

divine id - Professional Congress Organiser

<p>Ce projet a mobilisé, et mobilise encore 3 développeurs et un UX/UI designer, que j'accompagne sur le pilotage et l'exécution de la roadmap en mode agile sur la partie gestion de projet.</p><p></p><p>Ce projet a été réalisé en partie dans le cadre d'un poste de salariée en tant que Directrice projet au sein de l'agence Web Wagaia à Marseille et continue à l'être ponctuellement dans le cadre d'une prestation free lance.</p><p></p><p>L'avant-projet s'est étalé sur une période de 9 mois et la phase de développement et d'ajustements sont encore en cours.</p><p></p><p>L'agence divine id (PCO : Professional Congres Organiser) organise, pour le compte de sociétés savantes, de médecins ou de groupements de laboratoires pharmaceutiques, des événements et congrès médicaux à l'international.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhw9ou4p0rgz62b8285weu3a.png"><div class="image-overlay"></div></div></div></div><p><strong>La problématique</strong></p><p></p><p>L'équipe doit pouvoir créer et gérer des événements sur mesure via une solution en ligne et les rendre visible en front pour les différents utilisateurs.</p><p></p><p>Le système sur mesure actuel date de 2013 et a constamment évolué au fil du temps, avec des rajouts de fonctionnalités techniques complexes, entraînant des répercussions sur des modules déjà existants.</p><p></p><p>Au total, 3 systèmes distincts co-existaient sur des technologies et espaces séparés :</p><ul><li><p>un système complet et détaillé de gestion et d’inscription (inscriptions aux congrès et dîners, gestion hôtelière et de contingent de chambres réservées, de transport des conférenciers, etc.), ainsi qu'un système de création et gestion de newsletters</p></li><li><p>un module de dépôt d'abstracts pour une gestion complète du dépôt de textes d'auteurs pour une correction puis validation en ligne, et enfin l'export des textes validés pour une exploitation éditoriale </p></li><li><p>un système de notation de eposters, compétition pour désigner des gagnants, avec un fonctionnement de jurys et de classement selon des notes et des pondérations</p></li></ul><p></p><p></p><p></p><p>Tout cela était personnalisé selon des critères spécifiques à chaque événement, rendant le système général particulièrement et extrêmement personnalisable selon les congrès organisés. </p><p></p><p>Il devenait nécessaire de repenser le système complet pour avoir une technologie plus récente, un outil plus adapté et optimisé pour les admin du site en back office, mais aussi pour les différents intervenants et internautes, utilisateurs du site en front.</p><p></p><p>En clair, il fallait tout regrouper en 1 interface commune, RGPD compliant tout en prenant en considération les nouvelles demandes d'optimisation des membres de l'équipe du client, quelles soient organisationnelles, de confort d'utilisation ou conséquentes à des évolutions réglementaires dans le secteur de l'industrie pharmaceutique et de la santé.</p><p></p><p></p><p><strong>La solution proposée</strong></p><p></p><p>Un avant projet a permis d'accompagner le client et son équipe (6 personnes au total) pour définir les besoins pour chaque fonctionnalité du système.</p><p></p><p>De nombreuses réunions ont été organisées, et une rigueur accrue ainsi qu'un sens aigu de la priorisation ont été nécessaires pour centraliser les besoins des utilisateurs admin / back office.</p><p></p><p>Une expérience dans ce secteur était un plus pour comprendre et appréhender les besoins de l'équipe avec qui une très bonne communication a été instaurée.</p><p></p><p></p><p>Missions : </p><ul><li><p>Etude des besoins de l'équipe et rédaction d'un cahier des specs à partir des besoins du client. Aucun cahier des charges n'a été fourni au préalable. Toutes les specs ont été définies lors d'un accompagnement accru pendant les réunions d'accompagnement au lancement.</p></li></ul><ul><li><p>Préparation de la roadmap en collaboration avec les ux et développeurs, et en appliquant les bonnes pratiques de priorisation des projets</p></li><li><p>Conception des wireframes pour accompagner le client sur l’aspect fonctionnel du produit, et l’ergonomie et valider les specs en mode agile dans le cadre du pré-projet</p></li><li><p>Management de l'équipe en interne</p></li><li><p>Lancement de la phase de pré prod</p></li></ul><p></p><p>Le développement de ce système est encore en cours, auquel je contribue encore à ce jour.</p><p></p><p>Voici des exemples de wireframes créés pour ce projet</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/clhw8t0mj0r6062b881gqgtbc.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/clhw8tii30r6a62b8axiy1zds.png"><div class="image-overlay"></div></div></div></div><p></p><p></p>

Product management.
Création d'un logiciel de gestion de congrès sur mesure avec notamment un système d'inscription, d'hébergement, de transport, programme scientifique, dépôt d'abstracts et notation de présentations pendant les événements.

Logiciel de gestion congrès médicaux

CSE Airbus Helicopters Marignane

<p>Ce projet a mobilisé 2 développeurs et un UX/UI designer, que j'ai pu accompagner sur le pilotage et l'exécution de la roadmap en mode agile sur la partie gestion de projet.</p><p>Ce projet a été réalisé dans le cadre d'un poste de salariée en tant que Directrice projet au sein de l'agence Web Wagaia à Marseille.</p><p></p><p>Le client souhaitait créer un site pour présenter l’ensemble des offres des associations du CSE représentées. </p><p></p><p>En fonction des droits d’accès du visiteur public ou de l’adhérent logué, le contenu du site devait pouvoir varier pour n’afficher que ce qu’il a droit de voir et pouvoir agir en conséquence.</p><p></p><p>Le lancement du projet s'est étalé sur 12 mois et les évolutions ne cessent de se faire depuis la mise en ligne.</p><p></p><p>Un cahier des specs a été créé à partir du cahier des charges du client, lors de réunion d'accompagnement au lancement.</p><p></p><p>Un site vitrine général permet une visibilité globale pour l'ensemble des internautes.</p><p>Des sous-sites ont été créés pour chaque association, avec une administration spécifique de contenus par sous-site.</p><p>Un système de modération de contenu a été mis en place sur différents niveaux de lecture en fonction des droits de lecture des adhérents.</p><p></p><p>Des fonctionnalités poussées ont été pensées et développées pour le fonctionnement complet de la plateforme : adhésions et paiement en ligne, forum de discussion et échanges de médias, agenda de réservations partagé, boutique en ligne, événements, actualités, édition de newsletter à destination des adhérents, le tout par sous site.</p>

Gestion et suivi de projet pour un site vitrine complexe avec partie extranet et CRM sur mesure

Marketing Strategy

Strategy Consulting

Je tenais à vous remercier pour le travail que vous et votre équipe avez réalisé sur notre site. 
L'usage est significatif.
Cela a été un plaisir de travailler avec vous.

Associations du CSE Airbus Helicopters

Les Alpilles de Lucie

<h1>Les Alpilles de Lucie</h1><p></p><p><strong>Contexte</strong></p><p></p><p>Les Alpilles de Lucie propose des services de conciergerie en plein cœur de la Provence. En effet, Lucie propose à ses clients de s'occuper de leurs résidences secondaires afin de préparer ces dernières avant l'arrivée de potentiels locataires.</p><p></p><p>Afin de développer son activité, Lucie à fait appel à nous afin de développer sa présence en ligne.</p><p></p><p>Nous avons imaginé une maquette aux couleurs provençales puis l'avons intégré à l'aide de Wordpress. Un système de blog est disponible sur le site afin que Lucie puisse alimenter son site en contenue et proposer des activités/loisirs à ses clients.</p><p></p><p><strong>Objectifs</strong></p><p></p><ul><li><p>Imaginer une identité visuelle aux couleurs de la Provence</p></li><li><p>Il doit être possible de partager des loisirs/activités à faire sur le site</p></li><li><p>Grande importance pour le référencement</p></li></ul><p></p><p><strong>Charte graphique</strong></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldmw1sku16u25wkm5lrd0inz.png"><div class="image-overlay"></div></div></div></div><p><strong>Technos &amp; outils utilisés</strong></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldmwcv7t14zx5wj92l5schoo.png"><div class="image-overlay"></div></div></div></div><p><strong>Nos résultats</strong></p><p></p><ul><li><p>Identité visuelle</p></li></ul><ul><li><p>Maquettage du site web</p></li><li><p>Intégration de la maquette avec Wordpress</p></li><li><p>Optimisation du SEO (règles de bases + YoastSEO)</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cldnavpzv1hey5wkm5euxcxrc.png"><div class="image-overlay"></div></div></div></div></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle5hvgv60qjh5v992w437l6s.png"><div class="image-overlay"></div></div></div></div><p>#wordpress #cms #seo #webdesign #integration #immobilier #sitevitrine</p>

Design et intégration du site vitrine de conciergerie avec Wordpress

WordPress

Web Design

IA AQUA

<h1>IA Aqua</h1><p></p><h2>Contexte</h2><p></p><p>IA AQUA est un projet d'objet connecté de surveillance d'arrosage dans le milieu agricole. À l'aide d'un capteur autonome, l'application permet de suivre l'état de l'arrosage, de souscrire à des alertes SMS lorsque celui-ci est terminé, et de consulter des statistiques des arrosages de toute l'année.</p><p></p><p></p><h2>Les besoins du client</h2><p></p><ul><li><p>Étude de l'existant et reconnaissance des problèmes présent</p></li><li><p>Proposition de solution et détails coûts associés</p></li><li><p>Mise en place des outils nécessaire</p></li><li><p>Développement des solutions</p></li><li><p>Déploiement des solutions</p></li></ul><p></p><p></p><h2>L’existant</h2><p></p><p>Avant notre intervention, le client faisait face à des défis considérables en ce qui concerne la maîtrise des outils utilisés. Les solutions existantes étaient coûteuses, peu fiables et soumises à des limites qui entraînent une perte de données régulière. De plus, la gestion de ces solutions était chronophage et complexe.</p><p></p><h2>Conseil</h2><p></p><p>Notre expertise technique et notre connaissance approfondie des solutions disponibles sur le marché nous ont permis de conseiller le client sur les différents axes d’amélioration. Nous avons proposé plusieurs solutions en détaillant leurs avantages et inconvénients, ainsi que les coûts associés. Nous avons travaillé en étroite collaboration avec le client pour sélectionner la solution la plus adaptée à leurs besoins et à leur budget afin d’établir une roadmap qui convienne.</p><p></p><h2>Outils</h2><p></p><p>La société n’ayant pas d’équipe technique interne, nous avons mis en place les outils nécessaires au développement des futurs outils. Le client a maintenant un GitLab sur lequel sont hébergées les sources des applications, un Nexus sur lequel sont hébergées les images Docker ainsi qu’un service Portainer afin de fournir une interface pour consulter les états des différents conteneurs. C’est cette suite d'outils et leur utilisation qui permettent de maintenir la qualité du code et de faciliter la collaboration en équipe.</p><p></p><h2>Back-end</h2><p></p><p>Des API en architecture microservice développées via NestJs fournissent toutes les fonctionnalités nécessaires.</p><p>Ces API permettent :</p><ul><li><p>Récupération des données de capteurs par protocole HTTP ou MQTT</p></li><li><p>Envoie des alertes par notification, mail ou SMS</p></li><li><p>Authentification des utilisateurs et gestions des droits</p></li><li><p>Statistique sur des périodes variables</p></li></ul><p>Les API communiquent entre elles grâce au service de messagerie Redis.</p><p>Le stockage des données est réalisé par une base de données MySQL.</p><p></p><h2>Front-end</h2><p>Création d'une application web et mobile en utilisant Flutter pour permettre aux utilisateurs de surveiller l’arrosage, de gérer les notifications et d’extraire et recevoir des statistiques.</p><p></p><h2>Déploiement</h2><p></p><p>Le client n’ayant pas de serveur de production, nous nous sommes occupés d'en louer un, de le configurer, de le sécuriser et de déployer le Back-End et service Front-End. Nous avons choisi de containériser toutes les applications pour garantir une portabilité et une scalabilité facile.</p><p></p><p></p><h2>Technos utilisées </h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle36jeme0hhz5wj96ngo7rc3.png"><div class="image-overlay"></div></div></div></div><h2>Charte graphique </h2><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cle36lkle0hiq5wj9evrbfkws.png"><div class="image-overlay"></div></div></div></div><h2><br><strong>Conclusion</strong></h2><p></p><p>Ce projet a permis de créer une solution efficace pour la maîtrise de l'arrosage en milieu agricole, en utilisant les meilleures technologies disponibles sur le marché. Les meilleures options en termes de coûts et de faisabilité ont été retenues pour le projet. La qualité et la performance de l'application ont été améliorées grâce à la mise en place d'outils de développement tels que GitLab, ainsi que la location d'un serveur dédié. Le back-end a été développé en utilisant des API REST avec NestJS, une base de données MySQL et un serveur Redis pour la communication des microservices. Le front-end a été développé en utilisant Flutter pour permettre aux utilisateurs d’utiliser le capteur de manière intuitive. Enfin, tous les composants ont été exécutés dans des conteneurs Docker pour une portabilité et une scalabilité aisé.</p><p></p><p>Notre intervention a permis au client de se concentrer sur son corps de métier et de ne plus être contraint techniquement, et aux utilisateurs de l’application d’utiliser un portail simple et intuitif pour accéder à toutes leurs données.</p>

Création d'APIs et d'une application mobile & Web pour un objet connecté de surveillance d'arrosage pour le milieu agricole.

Typescript

Flutter

<p>Moonimize a été fondé sur l'ambition de fusionner nos diverses compétences professionnelles.</p><p>Notre équipe est composée de :<br></p><p>- Un data Scientist avec 4 ans d'expérience</p><p>- Trois développeurs web fullstack, chacun avec plus de 5 ans d'expérience</p><p>- Un CTO spécialisé en architecture cloud Azure, fort de 7 ans d'expérience</p><p>- Un ingénieur DevOps et architecte cloud sur AWS avec 6 ans d'expérience</p><p>- Un UI/UX Brand Designer riche de 10 ans d'expérience</p><p>- Un Product Owner offrant un accompagnement et suivi client, fort de 19 ans d'expérience<br><br>Nous concevons des solutions sur mesure, méticuleusement adaptées à vos besoins uniques. Nos approches évolutives et flexibles garantissent que nos solutions se développent en harmonie avec l'expansion de votre entreprise, offrant une base solide pour votre croissance future<br></p><p>Avec Moonimize, vous avez l'assurance qu'un de nos experts maîtrise parfaitement les technologies adaptées à vos besoins.</p>

Data Scientist

UX UI Designer

Web / Mobile Developer

Product Owner. Accompagnement et suivi client

Développeur fullstack / CTO

Software engineer / Lead dev

Software engineer / Web developer

Nous développons votre application de A à Z, de l'identification des besoins au déploiement en production, incluant la mise en œuvre du frontend et du backend.



Développement et déploiement de votre produit

Nous réalisons votre MVP selon vos besoins, guidés par notre CTO expert, de la conception initiale au lancement, en incluant le développement frontend et backend et en fournissant des conseils

Création MVP

Notre expertise sur nos nombreuses créations d'application mobile, nous permet de réaliser et de vous accompagner dans votre projet d'application mobile React Native, Kotlin, Flutter ou bien Swift


Création de vos applications Mobile

De Webflow à Wordpress, notre collectif créera le site de vos rêves, nous nous engagons à vous accompagner sur l'intragralité de votre projet, jusqu'a la prise en main de ce dernier.

No / Low Code

Profitez d'une analyse décisionnelle de vos données avec l'analyse exploratoire et la Data Visualisation. Optimisez vos performances avec l'apprentissage automatique et l'apprentissage profond.

Data Science 

Une migration vers le Cloud ? AWS ou bien Azure, notre expertise vous guidera sur les bonnes pratiques, afin d'optimiser les coûts et la performance de votre projet. 

Cloud

Analyse et étude des besoins terrain | Rédaction de user stories | Création de wireframes | Rédaction de spécifications fonctionnelles | Suivi du développement
 

Product management 

Elaboration ou consolidation d'image de marque | Wireframes | UX/UI Design

784 collectifs