Aller au contenu
WhatsAppDemander un devisDevis

Accueil

Ce que mes projets font, derrière l'écran

Réservation, administration, calendrier, application : chaque projet est développé sur mesure, en direct avec le client. Voici ceux que je peux montrer aujourd'hui, présentés par ce qu'ils permettent, avec leurs fonctionnalités et les technologies employées.

Projet 01 sur 05

Statut : Terminé

Chancy Diving

Pour un yacht de plongée en création

Sur le site tel qu'il a été livré : un grand visuel du yacht à l'ouverture, une navigation en français et en anglais, un bouton de pré-réservation accessible depuis chaque écran, puis des sections qui présentent le bateau, sa suite et les univers de plongée, jusqu'aux questions fréquentes.

Contexte

Avant
Aucune demande n'arrivait avant le site.
Maintenant
Clubs, agences et groupes envoient une pré-réservation et reçoivent une confirmation dans leur langue. Sa propriétaire modifie elle-même textes et photos.

Un yacht de plongée premium, en création d’entreprise : avant ce site, il ne recevait pas de demandes. Il lui fallait un site à la hauteur du bateau, capable de convaincre des professionnels du voyage de plongée (clubs, agences, groupes) plutôt que des particuliers isolés. Le site présente le yacht, ses espaces et les formules, en français et en anglais.

La propriétaire édite elle-même les textes et les photos depuis un espace d’administration dédié, sans intervention technique. Chaque demande de pré-réservation déclenche un e-mail de confirmation automatique.

Le site est en ligne sur chancy-diving.com.

Ce qui a été réalisé

  • Espace d'administration pour éditer textes et photos sans développeur
  • Formulaire de pré-réservation
  • E-mails automatiques de confirmation
  • Site bilingue français/anglais
  • Hébergement et mise en ligne

Fonctionnalités

  • Une administration écrite sur mesure

    255 champs modifiables, rangés en 12 groupes : textes en français et en anglais, images, vidéo d'accueil. Aucun CMS du commerce.

  • Des pages modifiables et lisibles par Google

    Le contenu saisi dans l'administration est inséré dans la page par le serveur, avant qu'elle parte vers le visiteur.

  • Des images préparées dès l'envoi

    Une photo déposée est réduite et convertie en WebP dans le navigateur, puis son format est vérifié par le serveur.

  • La version anglaise générée

    Un script produit la page anglaise à partir de la française : textes, descriptions des images, balises de partage.

  • Un formulaire protégé du spam

    Champ piège, vérification Cloudflare Turnstile et nombre de demandes limité par adresse.

  • Des e-mails dans la langue du prospect

    Confirmation envoyée au prospect en français ou en anglais, et notification à l'équipe, par Brevo.

Technologies

  • HTML, CSS et JavaScriptsans framework
  • Cloudflare Pages et Functionsle serveur
  • Cloudflare KVles contenus et les images
  • Cloudflare TurnstileAPIl'anti-spam
  • BrevoAPIles e-mails
  • Pythonla version anglaise

Témoignage

« Maxence a développé le site B2B de mon activité avec beaucoup de professionnalisme et de rapidité. Sa flexibilité et la fluidité de nos échanges nous ont permis de construire un site parfaitement aligné à mes besoins. Je le recommande très chaleureusement. »

Simone, Chancy Diving

Le site en ligne

Section « Six univers » du site Chancy Diving : les ponts du yacht, du solarium au restaurant, et une photo du pont supérieur
Les ponts du yacht
Section « La suite Chancy » du site : photo de la cabine, titre « Une expérience encore plus exclusive » et quatre cartes d'équipements
Une section intérieure : la suite du yacht
Formulaire « Recevoir une proposition personnalisée » du site Chancy Diving : type de demandeur, coordonnées, taille du groupe, dates envisagées et description du projet
Le formulaire de pré-réservation

Voir le site en ligne (nouvel onglet)

Projet 02 sur 05

Statut : En service

Espace client

Pour mes propres clients

Écrans simulés, avec une cliente fictive : l'accueil (projets en cours, tâches, devis à signer), puis la page des devis et factures, sans aucun montant.

Contexte

Avant
Les demandes arrivaient par e-mail, messagerie de plateforme, WhatsApp et SMS, et mes clients ne savaient pas où en était leur projet.
Maintenant
Demandes, devis, factures et signature sont au même endroit. Mes clients l'utilisent, en service depuis juillet 2026.

Je menais le suivi des projets avec des demandes éparpillées sur plusieurs canaux (e-mails, messagerie de plateforme, WhatsApp, SMS), et le client ne savait pas où en était son projet. J’ai donc conçu cet outil pour normaliser les demandes et centraliser les devis, les factures et la signature. Le client y retrouve au même endroit son devis, ses paiements, ses factures, les versions à valider et ses demandes, et moi tout ce qui reste à faire. Mes clients l’utilisent.

Fonctionnalités

  • La signature du devis en ligne

    Un code reçu par e-mail, l'empreinte du document gardée, et la copie signée envoyée au client.

  • Des factures qui se font seules

    Facture d'acompte à l'encaissement, facture de solde et avoirs, avec une numérotation contrôlée.

  • Des maquettes à valider

    Chaque version est figée, les commentaires se posent sur l'écran, et les allers-retours sont comptés.

  • Des demandes chiffrées en heures

    Le client décrit ce qu'il a et ce qu'il souhaite, reçoit le temps nécessaire et l'accepte en un clic.

  • Des documents lus pour en tirer les demandes

    Les pièces envoyées par le client sont analysées pour proposer des demandes, toujours relues par moi.

  • Près de 3 000 tests automatiques

    Ils vérifient le logiciel à chaque modification du code.

Technologies

  • Python et FastAPIle serveur
  • React 19 et TypeScriptles écrans
  • StripeAPIle paiement par carte
  • SQLiteles données
  • WeasyPrintles devis et factures en PDF
  • Annuaire des entreprises et VIESAPIla vérification des entreprises
  • Google Search ConsoleAPIle suivi du référencement
  • Dockerla mise en service

Projet 03 sur 05

Statut : En finition

Lipstick & Fins

Pour un centre de plongée en création

Sur le site en ligne : une photo du yacht en mer à l'ouverture, le titre « La mer Rouge comme vous ne l'avez jamais vécue », deux boutons (réserver sa plongée, voir les expériences), puis dans l'en-tête le menu, le panier et le choix de la langue.

Contexte

Avant
Le centre se lançait et ne prenait pas de réservations.
Maintenant
Ses clients choisissent leur sortie et leur date dans un calendrier, en plusieurs langues, puis l'ajoutent à leur panier.

Un centre de plongée à Hurghada, entreprise en création : avant ce site, il ne prenait pas de réservations. Sur chaque sortie, le client choisit sa date dans un calendrier, puis l’ajoute à son panier. Le paiement par Stripe est fonctionnel, vérifié par des paiements de bout en bout. Le centre n’est pas encore ouvert au public.

Le site présente les expériences (plongée à la journée, baptême, snorkeling, formations PADI), les sites de plongée et le yacht. Il est multilingue, avec un thème et des fonctionnalités codés à la main plutôt qu’un modèle du commerce ; seuls le panier et les commandes s’appuient sur WooCommerce. Les textes et les images se modifient depuis l’administration, sans passer par un développeur.

Le site est en ligne sur lipstickandfins.com.

Ce qui a été réalisé

  • Réservation en ligne : choix de la sortie, puis de la date dans un calendrier
  • Panier
  • Site multilingue
  • Fiches des sorties, des formations PADI et des sites de plongée
  • Pages du yacht, des familles, des tarifs, de la FAQ et du contact
  • Textes et images modifiables depuis l'administration

Fonctionnalités

  • Réservation par créneau

    Une capacité par sortie, des réservations sur plusieurs jours, et un calendrier qui lit les places libres auprès d'une API écrite pour le site.

  • Des prix calculés par le serveur

    Options et tarifs dégressifs sont calculés côté serveur, et un contrôle automatique vérifie les prix avant chaque mise en ligne.

  • Le paiement en ligne, fonctionnel

    Paiement par carte avec Stripe, relié à chaque réservation par un webhook écrit pour le site, et vérifié par des paiements de bout en bout.

  • Un tableau de bord des réservations

    Indicateurs, filtres et export CSV pour l'équipe du centre.

  • Un multilingue fait maison

    Sans extension de traduction : adresses traduites, référencement et e-mails dans la langue du client.

  • Une administration pensée pour la cliente

    Contenu du site, fiches des sorties en onglets et aperçu avant publication, sans passer par un développeur.

Technologies

  • PHP 8thème et fonctionnalités codés à la main
  • WooCommercele panier et les commandes
  • StripeAPIle paiement en ligne
  • MySQLles réservations
  • JavaScriptle calendrier, sans framework
  • BrevoAPIles e-mails et les contacts
  • StormglassAPIla température de l'eau

Le site en ligne

Projet 04 sur 05

Statut : Terminé

Scouts Marins

Pour une association de scoutisme

Sur le site en ligne : la page du projet éducatif, sur un fond papier chaud, avec le titre « Former des citoyens heureux, autonomes, et utiles » et ses quatre principes (vie saine au grand air, équipage avant l'individu, sens pratique, service), sous un menu vers le calendrier, le journal de bord, les chocolats, le soutien et le contact.

Contexte

Avant
Tout passait par des groupes WhatsApp : documents d'inscription oubliés, parents perdus dans les dates.
Maintenant
Calendrier et inscriptions sont au même endroit. La première année du site, les inscriptions ont augmenté de 23 %.

Un groupe de scoutisme marin fondé à Aulnay-sous-Bois. Avant le site, tout passait par des groupes WhatsApp : les informations n’étaient pas centralisées, la gestion des documents était compliquée pour l’association, des documents d’inscription étaient oubliés, les parents perdaient le fil des prochaines dates, et le groupe n’avait aucune présence en ligne.

Le site présente le groupe et ses trois unités, publie le calendrier de l’année (consultable en ligne, en PDF ou dans son propre agenda) et un journal de bord. Les familles y trouvent la marche à suivre pour s’inscrire, une page pour le week-end découverte, un formulaire de contact et une page pour soutenir l’association. Les cotisations se règlent en ligne par HelloAsso.

La première année du site, les inscriptions ont augmenté de 23 %.

Le site est en ligne sur smjc.fr.

Ce qui a été réalisé

  • Présentation du groupe, de ses trois unités et de son équipe
  • Calendrier de l'année, avec abonnement à l'agenda et PDF à télécharger
  • Journal de bord (actualités)
  • Page d'inscription et page week-end découverte avec formulaire
  • Formulaire de contact
  • Page pour soutenir l'association et page de l'opération chocolats

Fonctionnalités

  • Un flux d'agenda écrit à la main

    Les familles s'abonnent une fois au calendrier dans leur propre agenda, et les dates se mettent à jour seules.

  • Le PDF du calendrier, généré

    Le calendrier en A4 paysage est refait automatiquement à chaque modification des dates.

  • Une administration sur mesure

    Calendrier, journal de bord avec brouillons et photos, comptes et rôles des encadrants.

  • Les cotisations reliées au site

    Un webhook écrit pour le site reçoit les paiements de cotisation faits sur HelloAsso, protégé par un secret partagé.

  • Un formulaire de contact protégé

    Champ piège, délai minimal de saisie et nombre d'envois limité par adresse, puis envoi par Brevo.

  • Un référencement préparé dans le code

    Plan du site, données structurées et images de partage générés automatiquement.

Technologies

  • Next.js 15 et React 19les écrans
  • TypeScriptle langage
  • Tailwind CSSla mise en page
  • Cloudflare Workersle serveur
  • Cloudflare D1 et R2les données et les fichiers
  • BrevoAPIles e-mails
  • HelloAssoAPIles cotisations

Le site en ligne

Projet 05 sur 05

Statut : Évolutions livrées

Wholthyj

Pour un créateur de jeu de société

À l'écran : le plateau de jeu et ses cases, le chronomètre de tour en haut à droite, la réserve de pions du joueur et les commandes de la partie.

Contexte

Avant
Le jeu ne pouvait pas être essayé en ligne par un public plus large.
Maintenant
Une version web que ses clients utilisent et apprécient, pensée pour donner envie d'acheter le jeu physique.

EXPLOR est un jeu de plateau de lettres dont les règles sont conçues par le client. Il voulait le faire tester à un public plus large et convertir ces essais en achats du jeu physique. J’ai développé la version web, avec des évolutions ajoutées au fil de ses besoins plutôt qu’un cahier des charges figé au départ : chronomètre de tour, anagrammeur, définitions des mots.

Le jeu est utilisé par ses clients, qui l’apprécient. Il va s’intégrer dans un site web en construction, où l’on pourra tester EXPLOR gratuitement en ligne.

Ce qui a été réalisé

  • Moteur de règles et calcul des scores
  • Chronomètre de tour
  • Anagrammeur et définitions des mots
  • Règles du jeu consultables avec zoom

Fonctionnalités

  • Un moteur de règles complet

    Calcul des scores et des bonus, conquête des espaces, pose de plusieurs mots dans le même tour.

  • Un dictionnaire dans la page

    323 417 mots compressés dans le fichier et décompressés par le navigateur : le jeu tourne sans serveur.

  • Un chronomètre de tour

    Un bonus pour le temps restant, et un chronomètre ouvert ou fermé, au choix des joueurs.

  • Des aides au joueur

    Un anagrammeur, et la définition d'un mot d'un clic sur le plateau.

  • Une interface sans défilement

    Tout le jeu tient dans l'écran d'un ordinateur, avec les règles officielles consultables en zoom.

Technologies

  • HTML, CSS et JavaScriptsans framework ni dépendance
  • Cloudflare Pagesl'hébergement
  • CNRTLAPIles définitions des mots

Le site en ligne

Cette place est libre.

Le prochain projet mis en ligne s'affichera ici. Si c'est le vôtre, tout commence par un échange.

Parler de mon projet

Un projet similaire ? Racontez-moi le vôtre.

Logiciel métier, réservation en ligne ou outils à faire travailler ensemble : chaque projet démarre par un appel de cadrage de 30 minutes, puis un devis précis.

Demander un devis gratuit

Devis gratuit et sans engagement. Maquette validée avant le code, paiement en 3 fois (30 / 40 / 30).