Construit de
zéro.

DOMOTECH SOLUTIONS est une jeune société luxembourgeoise montée par deux dirigeants qui encadrent leurs techniciens. L'entreprise installe et configure de la domotique, du câblage réseau, des caméras et des alarmes, chez les particuliers comme en entreprise. Le métier était solide ; tout le reste, marque comme présence digitale, était à créer.

Le point de départ était un brouillon HTML monté en interne, encore à l'état de template générique, avec photo d'archive en bandeau et textes de remplissage. De quoi poser une idée, pas de quoi gagner un devis.

L'enjeu était précis : donner à une entreprise toute neuve, sans antériorité ni avis en ligne, un site qui inspire assez confiance pour qu'un propriétaire ou un gérant décroche son téléphone. Le tout sur une base que les fondateurs peuvent garder dans le temps, sans abonnement à un CMS ni dépendance technique.

Le projet a commencé avant le site : il fallait d'abord donner une marque à l'entreprise, puis la décliner. J'ai donc travaillé en deux temps, l'identité d'abord, le site ensuite.

Identité de marque (créée de zéro) :

• conception du logo et déclinaison complète : exports SVG et PNG, versions sur fond clair et fond sombre, format carré pour les réseaux et les favicons,
• un brand guide qui fige les règles de la marque (palette, typographies, usages du logo, ton), le document de référence pour toute communication future,
• une direction artistique "Forest" : fond vert profond et charbon, texte crème, un seul accent laiton, aucune photo d'archive, pour sortir du rendu "entreprise interchangeable",
• une typographie à trois voix : Fraunces pour les titres, Manrope pour le texte, JetBrains Mono pour les libellés techniques,
• des cartes de visite prêtes à l'impression, alignées sur le même système, pour que le contact physique et le site racontent la même chose.

Site vitrine :

• une page unique, livrée sous forme d'un fichier index.html autonome (HTML, CSS, JavaScript, sans framework), hébergée sur Netlify depuis GitHub,
• pas de base de données, pas de serveur à maintenir : le fichier se déploie tout seul à chaque push.

Contenu et parcours :

• quatre services clairement posés : domotique, câblage réseau, caméras, alarmes, avec le matériel pro réellement installé (Daitem, Hikvision, Bosch, Ubiquiti, Philips Hue…),
• une section process en quatre étapes (visite et devis, installation, formation et SAV) pour lever l'incertitude avant le premier contact,
• un formulaire de contact qui s'adapte au type de demande, branché en AJAX via Formspree, doublé d'un accès WhatsApp direct,
• un engagement net affiché partout : devis gratuit sous 48 h.

Sous le capot :

• données structurées JSON-LD, balises Open Graph, sitemap et robots.txt pour le référencement local,
• polices chargées en non-bloquant, image de hero préchargée, contraste validé AA,
• repère sémantique main et structure accessible.

Le vrai débat de ce projet n'était pas technique, il était éditorial.

Ne pas faire passer un installateur pour un éditeur de logiciel. Les premières itérations simulaient une application de maison connectée : faux tableau de bord avec données en temps réel (caméras en ligne, alarme armée, Wi-Fi à 1,2 Gbps), maquette de smartphone avec interrupteurs à bascule "Ma Maison". C'était séduisant, et c'était faux. DOMOTECH installe et configure des systèmes, l'entreprise ne vend pas d'app de pilotage. Garder ces écrans, c'était promettre un produit qui n'existe pas et brouiller le message.

J'ai tout retiré et changé de registre. À la place du faux dashboard, une carte de visite officielle façon fiche d'identité. À la place du smartphone simulé, une carte de couverture du Grand-Duché qui montre la zone d'intervention réelle. On passe du registre "produit logiciel" au registre "artisan établi et joignable".

Asseoir la crédibilité sans inventer de chiffres. Une jeune société n'a ni historique ni statistiques à afficher. La tentation facile aurait été d'habiller le site de métriques flatteuses. J'ai fait l'inverse : supprimer toute donnée non vérifiable plutôt que la fabriquer. La confiance se construit ici sur le concret : services précis, marques installées, process transparent, engagement de délai. Pas sur des nombres décoratifs.

Rester sobre face à l'esthétique générique. Pas de photo d'archive, palette verrouillée, hover réservés aux boutons d'action. Chaque écran devait ressembler à DOMOTECH, pas à un template parmi mille.

Garantir l'autonomie. Un fichier statique, zéro CMS, zéro serveur, zéro mise à jour récurrente imposée. Les fondateurs gardent la main et le site reste léger et rapide dans la durée.

Chaque arbitrage est revenu à la même question : est-ce que ça rend l'entreprise plus crédible et plus facile à contacter, sans rien promettre qu'elle ne tienne ?

Site et identité livrés en un mois. Première vitrine commerciale d'une société qui n'avait que son métier. Les fondateurs gardent la main : pas de CMS, pas d'abonnement, pas de mise à jour imposée. Le site, les cartes de visite et le brand guide racontent la même histoire. C'est ce qui rend une jeune entreprise crédible avant d'avoir des avis.

De nombreuses créatrices artisanales se retrouvent confrontées au même dilemme : soit dépendre de plateformes sociales éphémères, soit gérer des outils complexes et chronophages.

Les besoins exprimés étaient simples, mais exigeants :

• mettre en valeur les créations sans distraction,
• éviter toute logique commerciale ou marketing intrusive,
• garantir une autonomie totale dans la gestion des contenus,
• disposer d'un site rapide, sécurisé et durable.

L'enjeu n'était donc pas de "faire un site", mais de concevoir un écrin digital discret, respectueux du travail créatif et facile à faire vivre dans le temps.

J'ai conçu un portfolio volontairement minimaliste, tant sur le plan visuel que fonctionnel, tout en m'appuyant sur une stack moderne orientée performance et pérennité.

Côté public :

• une page d'accueil épurée, centrée sur l'essentiel,
• une galerie paginée et structurée, partageable via URL,
• une navigation fluide, pensée pour mobile, tablette et desktop,
• des images optimisées automatiquement pour garantir rapidité et qualité.

Côté administration :

• un panel d'administration sécurisé et sans code,
• une gestion complète des créations (brouillon / publié / mise en avant),
• un système de catégories structurant le contenu,
• une réorganisation manuelle de l'ordre d'affichage,
• un upload d'images simple mais strictement contrôlé,
• une interface entièrement en luxembourgeois, adaptée à l'utilisatrice.

L'objectif n'était pas de multiplier les fonctionnalités, mais de supprimer toute friction inutile, aussi bien pour les visiteurs que pour l'administratrice.

Ce projet a posé plusieurs défis structurants.

Design & intention :

• assumer l'absence de call-to-action classiques,
• créer une esthétique qui s'efface au profit des créations,
• éviter l'effet "site vitrine figé" tout en restant minimal.

Technique :

• garantir des performances élevées malgré une galerie riche en images,
• sécuriser entièrement les accès et les données,
• gérer proprement l'ordre d'affichage et la cohérence des contenus,
• mettre en place une validation stricte des uploads pour éviter toute dérive.

Usage & autonomie :

• concevoir un back-office utilisable sans aucune connaissance technique,
• éviter toute dépendance future (maintenance, serveur, mises à jour),
• offrir un workflow clair et rassurant pour publier du contenu en toute confiance.

Chaque décision a été guidée par une question simple : est-ce que cela rend l'outil plus simple, plus durable et plus autonome ?

Pour la première fois, le site Web de l'ALPD et l'annuaire Motmap sont disponibles en plusieurs langues. J'ai mis en place une intégration fluide de l'anglais en utilisant Weglot pour Webflow et Bolt pour Motmap, rendant l'organisation plus accessible tout en respectant sa structure technique.

L'ALPD fonctionnait uniquement en français, limitant l'accessibilité pour les professionnels, parents ou partenaires non-francophones. L'association souhaitait élargir son audience et faciliter l'accès à ses contenus.

Objectifs principaux :

• Rendre les contenus essentiels du site Web ALPD accessibles en anglais.
• Rendre l'annuaire Motmap bilingue.
• Mettre en place une solution scalable, automatisée et simple à maintenir sans surcharger les processus existants.

J'ai implémenté deux approches complémentaires pour gérer la localisation sur les deux plateformes :

Weglot pour Webflow (site principal) :

• Traduction automatisée en anglais avec possibilité d'ajustements manuels.
• Switch fluide entre les langues, avec une expérience utilisateur homogène.
• Structure SEO-compatible avec des URL propres et adaptées à chaque langue.

Bolt pour Motmap (l'annuaire) :

• Ajout d'un mode bilingue dans l'interface admin et le frontend.
• Tous les champs (profils, descriptions, navigation) traduits en anglais.
• Workflow simplifié pour maintenir les deux versions sans friction.

• Site ALPD disponible en anglais avec navigation fluide entre français et anglais.
• Annuaire Motmap accessible en deux langues avec portée élargie et meilleur accueil des non-francophones.
• Intégration fluide et sans rupture UX, rien à modifier dans le CMS Webflow ou la base Supabase.
• Préparé pour l'ajout d'autres langues si besoin.

L'ALPD souhaitait un annuaire de psychomotriciens facile à gérer en interne. Le principal enjeu : permettre aux membres de mettre à jour les données sans développeur, sans CMS Webflow, et sans complexité technique.

Défis clés :

• Aucun profil technique en interne pour gérer les modifications
• Autonomie nécessaire sans altérer la structure du site Webflow
• Trop de tâches manuelles, besoin d'un système automatisé et pérenne

J'ai construit un back-office sécurisé et automatisé à l'aide d'outils no-code/low-code et de bases de données en temps réel.

• Interface d'admin (Bolt.new) : permet aux membres de se connecter et modifier les fiches
• Base de données Supabase (PostgreSQL) : données modifiables en temps réel, sans serveur
• Hébergement Netlify : performance et stabilité
• Images Cloudinary : optimisation automatique des photos de profil
• Zéro modification Webflow : le CMS d'origine reste intact

• Un annuaire simple, rapide, et structuré
• Mises à jour en direct sans Webflow ni développeur
• Interface sécurisée pour les membres
• Solution pérenne et facile à maintenir

J'ai accompagné l'ALPD dans la refonte complète de son site web. L'objectif : proposer une plateforme moderne, alignée sur la nouvelle charte graphique de l'association, tout en simplifiant drastiquement la gestion de contenu via un CMS adapté.

L'ALPD disposait d'un site WordPress qui offrait une certaine autonomie, mais souffrait d'un manque de structure, d'un design obsolète, et d'une gestion de contenu peu efficace.

Le besoin était double :

• Mettre à jour le site selon la nouvelle charte graphique.
• Simplifier la gestion du contenu pour permettre une mise à jour rapide sans compétences techniques.

Plutôt qu'un simple relooking, le projet a consisté à refondre le système de gestion de contenu et l'expérience utilisateur, tout en assurant une cohérence graphique forte :

• Migration WordPress vers Webflow pour une meilleure structure et une prise en main plus simple.
• Optimisation du CMS pour permettre à l'équipe ALPD de gérer les pages (formations, annuaire, événements...) de manière fluide.
• Refonte graphique complète alignée à la nouvelle identité visuelle.
• Amélioration des performances SEO pour une meilleure visibilité.
• Flexibilité et évolutivité pour permettre de futures pages ou sections à ajouter sans dépendance technique.

• Un site Webflow moderne, rapide et responsive.
• Une gestion de contenu autonome et structurée, sans plugin complexe ni besoin de développeur.
• Une charte graphique bien intégrée qui renforce la crédibilité de l'association.
• Une plateforme évolutive, facile à mettre à jour au fil du temps.

Paola se lançait dans une nouvelle activité de sophrologie et avait besoin de :

• Créer un site professionnel aligné avec son expertise.
• Gérer seule son nom de domaine et l'hébergement.
• Être trouvée facilement localement (référencement local).
• Automatiser la prise de rendez-vous sans friction technique.

Pour répondre à ces besoins, j'ai mis en place une solution clé-en-main :

• Nom de domaine & hébergement : enregistrement OVH avec gestion simplifiée.
• Design Web intuitif & apaisant : site Webflow multipage, responsive, clair.
• Référencement local optimisé : création de la fiche Google My Business, paramétrage pour appels directs, collecte d'avis, visibilité locale.
• Automatisation des rendez-vous : intégration d'un outil de réservation en ligne, planning de disponibilité + synchronisation email automatique.

• Un site Web scalable, professionnel et autonome
• Une visibilité locale accrue via Google My Business
• Un système de prise de RDV automatisé
• Une gestion indépendante, sans support technique régulier

Impact : Grâce à une stack simple et automatisée, Paola a pu se concentrer sur ses clients tout en maîtrisant sa présence digitale.

L'ALPD organise régulièrement des événements de formation pour les professionnels du secteur. Mais le processus d'inscription et de paiement était :

• Entièrement manuel et chronophage
• Sans système de paiement en ligne intégré
• Impossible à gérer en paiement sur place
• Basé sur des tableurs à remplir à la main
• Sans automatisation ni notifications

Objectif : automatiser complètement le parcours d'inscription et de paiement, en ligne comme sur place.

J'ai mis en place un workflow automatisé combinant plusieurs outils no-code :

Tally Forms + Stripe :

• Formulaires d'inscription personnalisés
• Paiement en ligne instantané via Stripe

Payconiq (QR code) :

• Paiement sur place possible via scan QR
• Compte pro Payconiq connecté aux événements

Zapier :

• Automatisation de l'entrée des données dans Google Sheets
• Emails de confirmation automatiques
• Notifications instantanées pour l'équipe ALPD

Google Sheets (Base de données) :

• Suivi en temps réel des participants et paiements
• Plus aucune saisie manuelle

• 100 % automatisé : inscription + paiement sans effort
• Paiement instantané : en ligne (Stripe) ou sur place (Payconiq)
• Suivi en temps réel : inscriptions et paiements dans Google Sheets
• Temps gagné : zéro tâche manuelle pour l'équipe ALPD
• Meilleure expérience participant : simple, fluide, rapide

Ce projet a permis à ALPD de scaler ses événements tout en réduisant la charge administrative.

Dans le cadre du programme national LTAD (Long-Term Athlete Development), le Ministère des Sports du Luxembourg souhaitait créer un outil pédagogique moderne et pratique pour accompagner les écoles de handball.

Les principaux enjeux identifiés étaient :

• Rendre le contenu théorique plus digeste et applicable pour les coachs, notamment les moins expérimentés.
• Allier théorie et pratique dans un format clair et structuré.
• Assurer une diffusion simple et efficace dans tout le réseau des clubs de handball.

L'objectif : concevoir un document unique, pédagogique et accessible, pour standardiser la formation des jeunes joueurs à l'échelle nationale.

En collaboration avec Nessim Medjoub, j'ai conçu une brochure complète, à la fois attractive sur le plan visuel et pertinente sur le fond.

Les étapes clés du projet :

• Digitalisation de contenu : réécriture et structuration des textes issus de documents Word théoriques.
• Conversion de supports existants : transformation de PowerPoint en PDF accessibles dans l'app LTAD.
• Conception graphique : réalisation avec Adobe InDesign, en mettant l'accent sur la lisibilité et la navigation.
• Ajout d'exercices pratiques : intégration de 38 exercices concrets, classés par objectifs pédagogiques.
• Optimisation pour diffusion : format pensé pour une distribution fluide via app mobile, PDF ou impression.

La brochure LTAD Handball est rapidement devenue une référence dans l'écosystème sportif luxembourgeois :

• Méthodologie clarifiée : le contenu est accessible et directement exploitable sur le terrain.
• Montée en compétence des entraîneurs, grâce à un support guidé et structuré.
• Adoption nationale des principes LTAD dans les clubs et écoles de handball.
• Diffusion optimisée via l'application LTAD (iOS & Android).

Le règlement des jeunes de la FLH n'avait pas été révisé depuis plus de 10 ans. Il ne reflétait plus les principes actuels de développement des jeunes joueurs. Il fallait un document clair, structuré par âge, simple à mettre à jour, et utilisable facilement par tous les acteurs du handball luxembourgeois.

Défis identifiés :

• Contenu obsolète et non aligné avec les réalités terrain.
• Manque de structure par catégorie d'âge.
• Difficulté à maintenir le document à jour.
• Accessibilité limitée pour les entraîneurs et arbitres.

J'ai restructuré et modernisé le règlement pour le rendre lisible, accessible, et adaptable à l'avenir, en m'appuyant sur des outils simples et collaboratifs comme Canva.

Actions clés :

• Structuration par âge (U9 à U17) avec règles adaptées.
• Mise à jour des règles de jeu : durées, ballons, remplacements...
• Clarification des règles d'arbitrage & conduite (cartons, attitudes...).
• Format évolutif : document simple à réviser année après année.
• Design clair et engageant pour une prise en main rapide.

• Un règlement modernisé et aligné avec les standards de développement jeunes.
• Une navigation claire par âge pour les clubs, arbitres et formateurs.
• Un format simple à mettre à jour, sans redémarrer de zéro.
• Une adoption facilitée par un design engageant et compréhensible.

La Fédération Luxembourgeoise de Handball, dans le cadre du programme LTAD, souhaitait rendre son contenu de formation théorique plus accessible aux entraîneurs, notamment ceux ayant peu de qualifications formelles.

Les documents existants, riches mais denses, posaient plusieurs problèmes :

• Trop complexes pour être exploités directement sur le terrain.
• Peu attractifs visuellement, donc peu engageants.
• Inadaptés à un usage mobile ou modulaire.

Les objectifs étaient clairs :

• Simplifier des documents techniques pour créer des présentations structurées et compréhensibles.
• Offrir un contenu actionnable et orienté terrain.
• Intégrer le tout dans l'application mobile LTAD, pour une diffusion à l'échelle nationale.
• Standardiser la formation pour tous les niveaux d'entraîneurs.

Pour répondre à ces enjeux, j'ai travaillé à la restructuration et digitalisation des cours théoriques de handball, en les convertissant en présentations PowerPoint interactives.

Le livrable final : des modules visuellement engageants, exportés en PDF pour intégration fluide dans l'app LTAD.

Le projet comprenait :

• Simplification du contenu : découpage et réécriture de documents denses en leçons digestes.
• Amélioration visuelle : ajouts de schémas, illustrations, et slides structurées pour favoriser la compréhension.
• Orientation terrain : focus sur l'applicabilité directe avec des points-clés et résumés actionnables.
• Approche modulaire : progression par niveaux d'entraînement et thématiques.
• Compatibilité mobile : format optimisé pour accès immédiat depuis l'application LTAD.

Cette transformation a permis de rendre l'éducation théorique au handball plus claire, engageante et accessible, quel que soit le niveau du coach.

Les impacts concrets :

• 20+ leçons théoriques digitalisées dans un format pédagogique structuré.
• Standardisation des supports pour une cohérence dans la formation des entraîneurs.
• Meilleure appropriation des contenus, grâce à un design clair et pratico-pratique.
• Intégration parfaite dans l'app LTAD, avec accès instantané pour tous les utilisateurs.

Le Ministère des Sports du Luxembourg souhaitait moderniser ses supports d'entraînement de handball, en s'appuyant sur les principes du programme LTAD (Long-Term Athlete Development).

Les principaux défis étaient :

• Créer des fiches d'exercices progressives et adaptées aux catégories U11 à U17.
• Aligner chaque exercice avec les objectifs du développement à long terme de l'athlète.
• Proposer une diffusion centralisée via l'app LTAD, accessible à tous les entraîneurs.
• Fournir des instructions claires et visuelles pour une compréhension immédiate.

Pour répondre à ces objectifs, j'ai conçu 38 exercices d'entraînement, organisés par tranche d'âge et par objectifs pédagogiques, puis intégrés dans l'application mobile LTAD.

U11 -- Apprendre à s'entraîner (15 exercices) :

• 6 exercices de récupération de balle
• 3 sur le jeu de transition
• 3 sur les mouvements offensifs & l'évitement
• 3 sur le dribble et les pénétrations

U13 -- S'entraîner pour s'entraîner (12 exercices) :

• 6 exercices sur les duels offensifs
• 6 sur la coordination passeur-tireur-réceptionneur

U15 -- S'entraîner pour la compétition (8 exercices) :

• 3 sur la coordination arrière-ailier
• 5 sur la relation arrière-pivot

U17 -- S'entraîner pour la performance (3 exercices) :

• 3 exercices avancés de coordination tactique des arrières

Tous les exercices ont été :

• Documentés avec des consignes claires
• Accompagnés de schémas visuels
• Formatés pour une utilisation fluide dans l'application LTAD

• 38 exercices conçus et digitalisés pour un usage long terme.
• Un support unifié à l'échelle nationale pour l'entraînement des jeunes.
• Intégration complète dans l'application LTAD, avec accès instantané sur iOS et Android.

L'AS Pagny Handball avait besoin d'un site internet moderne, fonctionnel et accessible pour :

• Améliorer sa visibilité locale et renforcer les liens avec la communauté.
• Vendre ses produits en ligne grâce à un système e-commerce intégré.
• Centraliser sa communication : événements, actualités, formulaires de contact.
• Simplifier la gestion de contenu pour permettre aux membres du club de mettre à jour le site sans compétences techniques.

Pour répondre à ces besoins, j'ai développé un site web scalable et facile à gérer, basé sur WordPress, en intégrant plusieurs fonctionnalités clés :

• Design & développement : création d'un site structuré avec actualités, plannings et formulaires de contact.
• E-commerce : mise en place de WooCommerce pour permettre la vente de produits dérivés.
• Référencement local : enregistrement du club sur Google My Business et Google Maps pour renforcer sa présence dans les recherches locales.
• Optimisation technique : intégration de plugins WordPress pour améliorer la vitesse, la sécurité et l'automatisation des opérations.

• Nouveaux joueurs attirés grâce à une vitrine professionnelle et facile à trouver.
• Ventes de produits facilitées avec une boutique en ligne fluide via WooCommerce.
• Visibilité locale renforcée via Google My Business et les résultats de recherche géolocalisés.
• Communication simplifiée auprès des membres et supporters du club.