Jason Bellut

Conception et développement end-to-end d'une plateforme SaaS de Business Intelligence pour l'analyse du marché du graphène. Prise en charge complète du cycle produit : recueil des besoins, design UX/UI, développement full-stack Python/Django avec intégration d'IA conversationnelle, déploiement cloud et monitoring. Plateforme intégrant scraping de données, APIs externes, système d'abonnement Stripe et visualisation interactive.

End-to-end design and development of a SaaS Business Intelligence platform for graphene market analysis. Complete product lifecycle management: requirements gathering, UX/UI design, full-stack Python/Django development with conversational AI integration, cloud deployment and monitoring. Platform featuring data scraping, external APIs, Stripe subscription system and interactive visualization.

• Conception du produit et réalisation des maquettes adaptées aux possibilités techniques et aux besoins des utilisateurs.
  • Recueil des besoins directement auprès du CEO et des utilisateurs finaux.
  • Analyse des données disponibles (annuaires d'entreprises, bases de données de brevets, etc.) pour déterminer ce qui serait exploitable dans l’outil.
  • Conception de maquettes haute-fidélité permettant d’imaginer l’interface finale et de préparer le développement en respectant à la fois les besoins utilisateurs et les contraintes techniques.

  Cette démarche de design thinking a transformé des besoins complexes en interfaces intuitives, créant un pont efficace entre les exigences utilisateurs et les possibilités techniques.
• Développement du backend Python / Django, intégrant des APIs externes et des scrapers personnalisés pour collecter et stocker les données en base.
  • Mise en place du backend Python/Django, structuré en plusieurs applications (companies, patents, chatbot) et hébergé sur GitHub.
  • Développement de scrapers personnalisés pour collecter des noms d’entreprises depuis diverses sources et extraction de données pertinentes.
  • Intégration d'APIs externes (Google Custom Search et OpenAI) pour analyser les entreprises et leur rôle dans le graphene, ainsi que de l’API de l’European Patent Office pour récupérer tous les brevets relatifs au graphene et les rendre exploitables dans les vues de la plateforme.

  Cette architecture backend modulaire a permis de centraliser et structurer efficacement des milliers de données hétérogènes, les transformant en informations exploitables et actualisées.
• Mise en place du système d’authentification des utilisateurs et gestion des emails transactionnels.
  • Implémentation d’un système complet d’authentification des utilisateurs avec Django, incluant la restriction d’accès aux vues selon les rôles utilisateurs.
  • Gestion des emails transactionnels pour la confirmation d’inscription et récupération de compte.
  • Intégration de l’authentification sociale via Google OAuth 2.0 et LinkedIn OpenID Connect avec Django Allauth.

  Cette infrastructure d'authentification a posé les bases d'une gestion utilisateur scalable, prête pour une croissance rapide de la base d'utilisateurs tout en offrant une expérience d'inscription simplifiée et multiple choix de connexion.
• Intégration de Stripe pour le paiement sécurisé et la vérification des abonnements.
  • Intégration de Stripe pour gérer les paiements sécurisés et la vérification des abonnements.
  • Mise en place de différentes formules : pass de 24h ou abonnement mensuel, avec période d’essai de 30 minutes.

  Cette implémentation a créé un parcours d'acquisition fluide, de l'essai gratuit à la conversion payante, avec une gestion automatisée des accès.
• Intégration d’agents conversationnels IA sur plusieurs modules pour faciliter l’appropriation des données, avec résumé automatique et réponses aux questions utilisateurs.
  • Déploiement de plusieurs agents conversationnels adaptés aux modules de l’application, enrichis via vector stores OpenAI.
  • Intégration de fonctionnalités avancées (file_search, web_search) et conception de prompts robustes garantissant des réponses fiables et professionnelles.

  Ces agents conversationnels ont transformé l'interaction avec les données, permettant aux utilisateurs d'obtenir des analyses contextualisées et des recommandations personnalisées en temps réel.
• Développement frontend avec Django templates, assurant un design responsive moderne, conforme aux normes WCAG et respectant les bonnes pratiques SEO.
  • Conception de l'interface utilisateur avec Django templates pour donner vie au backend.
  • Intégration des chatbots pour accompagner l'exploration des données.
  • Mise en place d'un dashboard moderne et intuitif avec carte interactive.
  • Développement de fonctionnalités de recherche, filtrage et tri dynamiques des informations.

  Cette interface a permis de créer une expérience utilisateur fluide et engageante, facilitant l'appropriation des données complexes par les utilisateurs finaux.
• Mise en place de pipelines CI/CD et déploiement sur Google Cloud Run et Cloud SQL pour assurer une livraison rapide, fiable et sécurisée.
  • Mise en place d’un workflow GitHub Actions automatisant les tests, la génération d’images Docker et le déploiement continu sur Google Cloud Run et Cloud SQL.

  Ce pipeline CI/CD a permis de fiabiliser les livraisons et de réduire le temps de mise en production.
• Monitoring de la stabilité, des performances et du comportement des utilisateurs.
  • Surveillance continue des erreurs (Sentry)
  • Monitoring de la performance applicative et des ressources (Google Cloud Metrics)
  • Analyse de l'expérience utilisateur (Hotjar, Analytics)

  Ces données ont permis d’optimiser à la fois la stabilité technique et l’ergonomie du produit grâce à des ajustements réguliers côté backend et frontend.

• Product design and creation high-fidelity mockups aligned with technical capabilities and user needs.
  • Requirements gathering directly from the CEO and end users.
  • Analysis of available data (business directories, patent databases, etc.) to determine what would be exploitable in the tool.
  • Wireframes and high-fidelity mockup design enabling visualization of the final interface and preparation for development while respecting both user needs and technical constraints.

  This design thinking approach transformed complex needs into intuitive interfaces, creating an effective bridge between user requirements and technical possibilities.
• Backend development with Python/Django, integrating external APIs and custom scrapers to collect and store data in the database.
  • Python/Django backend implementation, structured in multiple applications (companies, patents, chatbot) and hosted on GitHub.
  • Custom scraper development to collect company names from various sources and extract relevant data.
  • Integration of external APIs (Google Custom Search and OpenAI) to analyze companies and their role in graphene, as well as the European Patent Office API to retrieve all graphene-related patents and make them exploitable in platform views.

  This modular backend architecture enabled efficient centralization and structuring of thousands of heterogeneous data points, transforming them into exploitable and up-to-date information.
• User authentication system implementation and transactional email management.
  • Complete user authentication system implementation with Django, including view access restriction based on user roles.
  • Transactional email management for registration confirmation and account recovery.
  • Social authentication integration via Google OAuth 2.0 and LinkedIn OpenID Connect with Django Allauth.

  This authentication infrastructure laid the foundation for scalable user management, ready for rapid user base growth while offering simplified registration experience and multiple login options.
• Stripe integration for secure payment processing and subscription verification.
  • Stripe integration to manage secure payments and subscription verification.
  • Implementation of different pricing plans: 24-hour pass or monthly subscription, with 30-minute trial period.

  This implementation created a smooth acquisition funnel, from free trial to paid conversion, with automated access management.
• Integrated AI chatbots across multiple modules to facilitate data exploration, providing automatic summaries and answering user queries.
  • Deployment of multiple conversational agents adapted to application modules, enhanced through OpenAI vector stores.
  • Integration of advanced features (file_search, web_search) and robust prompt engineering ensuring reliable and professional responses.

  These conversational agents transformed data interaction, enabling users to obtain contextualized analyses and personalized recommendations in real-time.
• Frontend development with Django templates, ensuring modern responsive design, WCAG compliance and SEO best practices.
  • User interface design with Django templates to bring the backend to life.
  • Chatbot integration to support data exploration.
  • Modern and intuitive dashboard implementation with interactive map.
  • Development of dynamic search, filtering and sorting functionalities for information management.

  This interface enabled a smooth and engaging user experience, facilitating complex data adoption by end users.
• CI/CD pipeline implementation and deployment on Google Cloud Run and Cloud SQL to ensure fast, reliable and secure delivery.
  • GitHub Actions workflow implementation automating testing, Docker image builds and continuous deployment on Google Cloud Run and Cloud SQL.

  This CI/CD pipeline improved delivery reliability and reduced time to production.
• Monitoring of stability, performance and user behavior.
  • Continuous error monitoring (Sentry)
  • Application performance and resource monitoring (Google Cloud Metrics)
  • User experience analysis (Hotjar, Analytics)

  This data enabled optimization of both technical stability and product ergonomics through regular backend and frontend adjustments.

Conception et optimisation d’interfaces à fort impact business et utilisateur : création de landing pages accessibles et performantes (WCAG, Lighthouse) orientées conversion, refonte complète du design system avec automatisation des workflows, optimisation UX/UI de plateformes à plusieurs millions d’utilisateurs, direction UX du portage web-to-mobile (iOS/Android) avec intégration de fonctionnalités natives, conception d’une interface no-code pour démocratiser l’affiliation, et conception d’une interface métier de modération divisant par 10 le temps de traitement (de plusieurs minutes à 10 secondes).

Created accessible and high-performing landing pages (WCAG, Lighthouse) focused on conversion, complete design system overhaul with workflow automation, UX/UI optimization for platforms with millions of users, led UX direction for web-to-mobile migration (iOS/Android) with native feature integration, designed a no-code interface to democratize affiliate marketing, and developed a moderation interface that reduced processing time by 10x (from several minutes to 10 seconds).

• Création de plusieurs dizaines de landing pages dans le respect des normes d'accessibilité (WCAG) et de performance (Lightouse) objectivées sur le taux d'inscription par affichage.
  • Veille concurrentielle et analyse des performances commerciales des landing pages existantes pour identifier les opportunités d'optimisation
  • Création de maquettes haute-fidelité incluant les animations / interactions / micro-interactions pour maximiser l'engagement utilisateur
  • A/B testing de différentes variantes de design pour optimiser les parcours de conversion et identifier les éléments les plus performants.
  • Création des assets graphiques et rédaction de la documentation technique détaillée pour faciliter l'intégration.
  • Collaboration étroite avec les équipes marketing pour aligner les objectifs design avec les KPIs business et les campagnes publicitaires.

  Ce processus de conception centré sur la conversion a permis d'optimiser significativement les performances commerciales tout en garantissant une expérience utilisateur accessible et fluide sur tous les supports.
• Refonte complète du design system et automatisation des workflows
  • Audit complet de l'existant et reproduction from scratch de la plateforme sur Figma pour corriger les incohérences design.
  • Harmonisation de l'ensemble des composants UI pour créer une cohérence visuelle sur toute la plateforme.
  • Mise en place de notifications automatiques Figma vers Slack pour informer les développeurs en temps réel des mises à jour des composants une fois validés.

  Ce design system a permis d'améliorer la cohérence globale de la plateforme et d'optimiser la collaboration entre les équipes design et développement.
• Optimisation UX/UI sur plateformes à plusieurs millions d’utilisateurs.
  • Collecte des données de navigation, comportements utilisateurs et feedbacks pour identifier les points de friction.
  • Analyse des métriques de conversion (inscription, première connexion, rétention) pour identifier les opportunités d'optimisation UX/UI.
  • Conception de wireframes et maquettes haute-fidelité en réponse aux insights data.
  • Monitoring des améliorations via des tests A/B en production, avec suivi des KPIs d'engagement et de conversion

  Cette approche méthodique basée sur la donnée a permis d'optimiser significativement les taux de conversion et la rétention utilisateur, tout en réduisant les coûts d'acquisition grâce à une meilleure expérience produit.
• Direction UX du portage web-to-mobile (iOS/Android) avec nouvelles fonctionnalités natives.
  • Analyse des opportunités offertes par le format mobile et intégration de nouvelles fonctionnalités (géolocalisation, inscription simplifiée, Apple Pay / Google Pay...)
  • Conception de maquettes Figma adaptées aux usages mobiles
  • Assurance de la cohérence visuelle et fonctionnelle entre les versions web et app
  • Coordination avec l’équipe mobile (2 développeurs) pour garantir une implémentation fidèle

  Cette supervision a permis de tirer parti des spécificités mobiles tout en maintenant une expérience utilisateur homogène entre le web et les applications.
• Conception d'une interface de création de sites web simplifiée pour démocratiser l'affiliation auprès de profils non-techniques.
  • Recueil des besoins auprès des responsables de la plateforme d'affiliation et entretiens utilisateurs avec les affiliés existants pour identifier les freins à l'adoption.
  • Définition des éléments personnalisables de la marque blanche en s'appuyant sur le design system existant, avec mise en place de garde-fous techniques pour éviter les erreurs de contraste et maintenir la cohérence visuelle.
  • Conception de wireframes et maquettes haute-fidélité pour une interface no-code permettant aux affiliés de personnaliser facilement leur site sans compétences techniques.
  • Collaboration avec les équipes de développement pour l'intégration frontend.

  La création de cette interface simplifiée a permis d'augmenter significativement le nombre d'affiliés. La baisse du niveau technique requis a ouvert l'affiliation à des profils très compétents en acquisition de trafic mais peu expérimentés techniquement.
• Conception d'une interface métier de modération optimisée clavier (10 secondes VS plusieurs minutes)
  • Analyse des besoins utilisateurs en collaboration avec les équipes de modération
  • Création de wireframes et maquettes haute fidélité optimisées pour la navigation 100% clavier
  • Collaboration avec l'équipe de développement pour l'intégration de l'interface et l'implémentation des fonctionnalités de navigation clavier

  Le traitement est passé de plusieurs minutes à moins de 10 secondes, avec une ergonomie optimisée qui a réduit le nombre d’onglets de 10 à 1 et supprimé définitivement les allers-retours entre clavier et souris.

• Created dozens of landing pages in compliance with accessibility standards (WCAG) and performance benchmarks (Lighthouse), optimized for sign-up conversion rates.
  • Conducted competitive research and analyzed existing landing page performance to identify optimization opportunities
  • Created high-fidelity mockups including animations, interactions, and micro-interactions to maximize user engagement
  • A/B tested different design variants to optimize conversion funnels and identify top-performing elements
  • Created graphic assets and detailed technical documentation to facilitate development integration
  • Collaborated closely with marketing teams to align design objectives with business KPIs and advertising campaigns

  This conversion-focused design process significantly optimized commercial performance while ensuring an accessible and seamless user experience across all devices.
• Complete design system overhaul and workflow automation
  • Comprehensive audit of existing systems and rebuilt the entire platform from scratch in Figma to eliminate design inconsistencies
  • Harmonized all UI components to create visual consistency across the entire platform
  • Implemented automated Figma-to-Slack notifications to alert developers in real-time of component updates once validated

  This design system improved overall platform consistency and optimized collaboration between design and development teams.
• UX/UI optimization for platforms with millions of users
  • Collected navigation data, user behaviors, and feedback to identify friction points
  • Analyzed conversion metrics (sign-up, first login, retention) to identify UX/UI optimization opportunities
  • Designed wireframes and high-fidelity mockups based on data insights
  • Monitored improvements through A/B testing in production, tracking engagement and conversion KPIs

  This methodical data-driven approach significantly optimized conversion rates and user retention while reducing acquisition costs through improved product experience.
• Led UX direction for web-to-mobile migration (iOS/Android) with native feature integration
  • Analyzed mobile-specific opportunities and integrated new native features (geolocation, simplified registration, Apple Pay/Google Pay...)
  • Created Figma mockups adapted to mobile usage patterns
  • Ensured visual and functional consistency between web and app versions
  • Coordinated with mobile development team (2 developers) to guarantee faithful implementation

  This supervision successfully leveraged mobile-specific capabilities while maintaining a consistent user experience between web and mobile applications.
• Designed a simplified website creation interface to democratize affiliate marketing for non-technical users
  • Gathered requirements from affiliate platform managers and conducted user interviews with existing affiliates to identify adoption barriers
  • Defined customizable white-label elements based on existing design system, implementing technical safeguards to prevent contrast errors and maintain visual consistency
  • Created wireframes and high-fidelity mockups for a no-code interface enabling affiliates to easily customize their sites without technical skills
  • Collaborated with development teams for frontend integration

  This simplified interface creation significantly increased affiliate numbers. Lowering technical requirements opened affiliate marketing to profiles highly skilled in traffic acquisition but with limited technical experience.
• Designed keyboard-optimized moderation interface (10 seconds vs. several minutes)
  • Analyzed user requirements in collaboration with moderation teams
  • Created wireframes and high-fidelity mockups optimized for 100% keyboard navigation
  • Collaborated with development team for interface integration and keyboard navigation functionality implementation

  Processing time dropped from several minutes to under 10 seconds, with optimized ergonomics that reduced tab count from 10 to 1 and permanently eliminated keyboard-to-mouse switching.

Création de l'identité visuelle et des supports de communication pour une chaîne de 23 fleuristeries. Conception de supports publicitaires multi-formats (PLV, habillages véhicules, publicité urbaine, presse locale) et développement d'outils de communication interne (journal hebdomadaire, templates organisationnels) pour harmoniser la présence de marque et optimiser la coordination entre magasins.

Visual identity creation and communication materials for a 23-store flower shop chain. Multi-format advertising design (POS materials, vehicle wrapping, urban advertising, local press) and internal communication tools development (weekly newsletter, organizational templates) to harmonize brand presence and optimize inter-store coordination.

• Création de contenus publicitaires pour l'enseigne Fleurs Ô Naturel
  • Publicités sur le lieu de vente : banderoles, kakemonos, catalogues, flyers.
  • Habillages de véhicules d'entreprise
  • Publicités urbaines : Abris de bus, panneaux 4*3, habillages de transports publics.
  • Publicités parutions dans la presse locale : Journaux, magasines, télévisions locales

  Ces supports ont renforcé la visibilité locale de la marque et contribué à une identité visuelle homogène sur tous les points de contact.
• Création de supports de communication interne à destination des 23 magasins
  • Journal interne hebdomadaire
  • Templates organisationnels pour plannings, livraisons et événements clés du calendrier floral

  Ces supports ont amélioré la coordination entre les magasins tout en consolidant ma maîtrise du print et la création de documents fonctionnels et esthétiques.

• Created advertising content for the Fleurs Ô Naturel brand
  • Point-of-sale advertising: banners, roll-up displays, catalogs, flyers
  • Company vehicle wrapping
  • Urban advertising: bus shelters, 4x3 billboards, public transport wrapping
  • Local press advertising: newspapers, magazines, local television

  These materials strengthened the brand's local visibility and contributed to a consistent visual identity across all touchpoints.
• Created internal communication materials for the 23 stores
  • Weekly internal newsletter
  • Organizational templates for schedules, deliveries and key floral calendar events

  These materials improved coordination between stores while strengthening my print design expertise and ability to create functional yet aesthetic documents.

Conception et déploiement de stratégies marketing multicanales pour site e-commerce : création de contenus web optimisés SEA et visuels produits, mise en place de campagnes d'email marketing automatisées avec trigger comportemental atteignant 30% de conversion sur abandon panier, évolution du système d'information (Sage X3) pour enrichir les scénarios marketing, développement de supports événementiels pour sponsoring sportif, et lancement des réseaux sociaux de l'enseigne générant 1 000 abonnés et renforçant la visibilité en ligne.

Design and deployment of multichannel marketing strategies for e-commerce platform: creation of SEA-optimized web content and product visuals, implementation of automated email marketing campaigns with behavioral triggers achieving 30% conversion on cart abandonment, evolution of information system (Sage X3) to enrich marketing scenarios, development of event materials for sports sponsorship, and launch of brand social media generating 1,000 followers and strengthening online visibility.

• Création de contenus web pour le site marchand lardesports.com
  • Visuels publicitaires à destination du SEA.
  • Bannières promotionnelles.
  • Visuels pour fiches produits.

  Ces créations ont contribué à améliorer l’attractivité du site et la performance des campagnes SEA.
• Mise en place de campagnes d'email marketing automatisées (trigger marketing)
  • Exploration des actions et comportements déclencheurs.
  • Rédaction des scenarios et segmentation des cibles.
  • Design des emails et optimisation responsive.
  • Intégration des emails.
  • Analyse des performances et A/B testing pour amélioration continue.

  Ces campagnes ont permis d’augmenter l’engagement client grâce à une communication personnalisée et automatisée. Les emails déclenchés à la suite d'un abandon de panier présentaient un taux de conversion de près de 30%.
• Évolution du système d'information (Sage X3) pour optimiser les campagnes marketing
  • Identification des données manquantes nécessaires aux scénarios de trigger marketing
  • Rédaction des besoins fonctionnels et transmission à l’équipe de développement
  • Suivi de l’évolution du système d’information et validation des livrables
  • Exploitation des nouvelles données pour enrichir les campagnes d’emailing

  Cette collaboration a permis d’élargir considérablement les scénarios disponibles et d’augmenter la pertinence des campagnes comportementales.
• Création de contenus prints à destination d'événements sportifs sponsorisés
  • Définition de la charte graphique des stands
  • Création de supports (Roll-ups, banderoles, flyers) spécifiques aux événements

  Contribution directe à la visibilité et à la cohérence de l’image de marque lors d’événements sportifs, avec une expérience pratique des contraintes du print grand format et événementiel.
• Développement de l'image de marque sur Instagram et Facebook
  • Création et lancement des pages Instagram & Facebook
  • Production régulière de contenus visuels mettant en avant les nouveautés produits
  • Valorisation de la présence de l’enseigne lors d’événements sportifs majeurs

  Cette stratégie de communication a permis d’atteindre les 1 000 premiers abonnés et d’accroître la visibilité de l’enseigne en ligne, renforçant ainsi sa notoriété auprès d’une communauté ciblée et engagée.

• Created web content for lardesports.com e-commerce platform
  • Advertising visuals for SEA campaigns
  • Promotional banners
  • Product page visuals

  These creations contributed to improving site attractiveness and SEA campaign performance.
• Implemented automated email marketing campaigns (trigger marketing)
  • Explored triggering actions and behavioral patterns
  • Wrote scenarios and segmented target audiences
  • Designed emails and optimized responsive layouts
  • Integrated email templates
  • Analyzed performance metrics and conducted A/B testing for continuous improvement

  These campaigns increased customer engagement through personalized and automated communication. Cart abandonment emails achieved nearly 30% conversion rates.
• Enhanced information system (Sage X3) to optimize marketing campaigns
  • Identified missing data required for trigger marketing scenarios
  • Wrote functional requirements and communicated with development team
  • Monitored information system evolution and validated deliverables
  • Leveraged new data to enrich email campaigns

  This collaboration significantly expanded available scenarios and increased the relevance of behavioral campaigns.
• Created print materials for sponsored sporting events
  • Defined visual identity guidelines for exhibition booths
  • Created event-specific materials (roll-ups, banners, flyers)

  Directly contributed to brand visibility and consistency at sporting events, gaining practical experience with large-format and event printing constraints.
• Developed brand presence on Instagram and Facebook
  • Created and launched Instagram & Facebook pages
  • Regularly produced visual content showcasing new products
  • Promoted brand presence at major sporting events

  This communication strategy achieved the first 1,000 followers and increased online brand visibility, strengthening brand awareness within a targeted and engaged community.

Création de contenus marketing et développement d'outils B2B pour sites e-commerce de confiserie : conception de visuels web et newsletters segmentées selon les historiques d'achat, et automatisation complète de la production d'un catalogue B2B de plus de 200 pages via l'intégration de données InDesign/InData, optimisant la prise de commande professionnelle.

Marketing content creation and B2B tool development for confectionery e-commerce sites: design of web visuals and segmented newsletters based on purchase history, and complete automation of 200+ page B2B catalog production through InDesign/InData integration, optimizing professional order processing.

• Création de contenus web pour les sites marchands bonbon-foliz.com & top-bonbon.com
  • Bannières promotionnelles.
  • Visuels pour fiches produits.
• Création et envoi de newsletters promotionnelles
  • Segmentation de la base de données clients en fonction de leurs achats précédents.
  • Design des emails et optimisation responsive.
  • Intégration des emails.
• Création d'un catalogue B2B
  • Export des produits concernés depuis la base de données
  • Création de fiches produit templates avec InDesign
  • Insertion automatisée des données dans InDesign avec le plugin InData

  Cette méthode a permis la création d'un catalogue interactif de plus de 200 pages à destination du B2B, avec une mise à jour entièrement automatisée grâce à l’intégration des données via InData, facilitant ainsi la prise de commande par les professionnels.

• Created web content for bonbon-foliz.com & top-bonbon.com e-commerce sites
  • Promotional banners
  • Product page visuals
• Created and sent promotional newsletters
  • Segmented customer database based on previous purchases
  • Designed emails and optimized responsive layouts
  • Integrated email templates
• Created B2B catalog
  • Exported relevant products from database
  • Created product sheet templates with InDesign
  • Automated data insertion in InDesign using InData plugin

  This method enabled the creation of an interactive 200+ page B2B catalog with fully automated updates through InData integration, streamlining professional order processing.