développement web / liège
sites next.js et webflow pour PME wallonnes, livrés en 4 à 8 semaines, code dans votre repo dès le jour 1.
Le tissu PME liégeois a hérité d'une décennie de sites Drupal et WordPress mal maintenus, livrés par des agences locales qui ont fermé entre 2018 et 2024. La région a besoin de sites rapides, accessibles WCAG 2.1 AA, conformes RGPD, qui passent un audit Lighthouse à 95+, et qui vivent dix ans sans casser. Je livre cette discipline pour les PME, fiduciaires, fintechs, industriels, courtiers et professions libérales de la Cité Ardente, de Verviers, Huy, Seraing, Eupen et la province entière.
réserver un scoping01 . le service
Trois stacks couvrent 95% des besoins web d'une PME wallonne. Next.js quand le site héberge des fonctionnalités custom (calculateurs, portails clients, intégrations ERP, formulaires complexes connectés à HubSpot ou Teamleader). Webflow quand l'équipe marketing veut éditer le contenu sans toucher au code, avec un design system propre derrière. Framer pour les sites brochure rapides, animés, lancés en deux semaines.
Je travaille sur les trois. Le choix dépend de votre équipe interne, pas de mon préférence d'agence. Si vous avez un développeur en interne, Next.js est défendable. Si vous avez un responsable marketing qui veut piloter le site lui-même, Webflow est le bon choix. Si vous lancez un produit en septembre et qu'il faut un site live début août, Framer est plus rapide.
Pour Liège et la Wallonie, trois contraintes spécifiques: trilingue FR-NL-EN géré proprement (pas une simple traduction Google, des hreflang corrects, des URL localisées, une routing logique), RGPD strict avec consent banner conforme CNIL et APD, et hébergement EU par défaut (Cloudflare Pages ou Vercel zone Europe). Je appliquons ces trois contraintes sur tous les builds wallons, sans surcoût.
Le livrable inclut: code dans votre repo GitHub dès la première commit, Lighthouse 95+ sur les pages clés, WCAG 2.1 AA validé, hreflang et sitemap multilingues corrects, analytics et pixels configurés, consent banner conforme RGPD, et une session de handover de 90 minutes pour votre équipe.
02 . pour qui
archétype 01
Activité réglementée FSMA, calculateurs custom, intégration HubSpot, site bilingue FR-NL. Stack Next.js, déploiement Vercel, repo GitHub. Le site sert d'outil commercial actif, pas une brochure statique.
archétype 02
Site Webflow piloté en interne par le responsable marketing. CMS Collections pour les produits, blog client, FAQ produit. Calculateurs externalisés sur Next.js et intégrés via embed. Le marketing veut publier seul, sans toucher au code.
archétype 03
Site bilingue FR-EN, catalogue produit synchronisé via API sur SAP. Stack Next.js avec ISR (incremental static regeneration) pour rester rapide même avec 800 fiches produits. Webflow rejected: trop limité pour la sync ERP.
03 . livrables
01
Discovery et architecture. Audit du site existant si applicable, definition de la sitemap, choix du stack (Next.js, Webflow ou Framer) avec justification écrite, et planning de livraison.
02
Design system. Tokens (couleurs, typographies, espacements), composants Figma, état error et empty inclus. Pas de musée de maquettes: chaque composant Figma est lié à son équivalent code.
03
Build trilingue. FR primaire, NL et EN actifs dès le jour 1 si demandé. Hreflang corrects, sitemap multilingue, URL localisées (par exemple /produits/ vs /producten/). Routing logique pour les visiteurs et les moteurs de recherche.
04
Intégrations. HubSpot, Mailchimp, Teamleader, Calendly, Plausible ou GA4, Sentry pour le monitoring, Stripe ou Mollie pour les paiements si applicable. Consent banner conforme RGPD livré par défaut.
05
Performance et accessibilité. Lighthouse 95+ sur les pages clés (mobile et desktop), WCAG 2.1 AA validé par audit interne, Core Web Vitals au vert sur PageSpeed Insights, optimisation images et fonts incluse.
06
Hébergement et déploiement. Cloudflare Pages ou Vercel zone Europe. CI/CD via GitHub Actions. Domaines configurés, SSL automatique, redirections legacy gérées si migration depuis un ancien site.
07
Documentation et handover. README technique dans le repo, session de handover 90 minutes pour votre équipe interne (développeur ou responsable marketing selon le stack), accès admin transférés.
04 . phases
phase 0
5 à 10 jours ouvrés
Audit du site existant, choix du stack, design system kickoff, sitemap, planning de livraison. Document signé avant le démarrage de la phase 1.
phase 1
semaine 2 à 3
Tokens, composants Figma, états error et empty, navigation, header, footer, page d'accueil en haute fidélité. Validation client avant le passage en code.
phase 2
semaine 3 à 6
Construction des templates, intégrations (HubSpot, Mailchimp, Teamleader, Calendly), CMS si Webflow, contenu migré ou rédigé, hreflang configuré, consent banner RGPD installé.
phase 3
semaine 6 à 8
QA cross-browser, audit Lighthouse, audit WCAG 2.1 AA, redirections legacy, session handover 90 minutes, transfert des accès admin, monitoring activé.
05 . ancrage local
Liège est le deuxième hub tech wallon après Charleroi-Sud Wallonie, avec une concentration de startups autour du Hub Créatif de la Grand Poste, du VentureLab ULiège, et de la zone NRB-Aéroport Liège. La région compte plus de 1.200 PME actives sur des marchés tech, fintech, industrie 4.0 et logistique (DHL hub européen). Les agences web locales (Arthis Web, ICI Solutions, Mon Agence, Layout, Crealinkweb, Clixeo) ciblent surtout le segment EUR 3.000 à 15.000 sur WordPress et Webflow basique. Le segment qui demande Next.js custom, intégration ERP, trilingue propre et conformité RGPD stricte reste sous-couvert. Je opérons sur ce segment avec un track record de 60+ plateformes livrées (Jobfin pour le SPF Finances, Enky pour la fintech, BEHVA pour l'assurance, Hottlet Foods pour l'agroalimentaire IFS).
06 . preuves
case study
Rebrand primé et site reconstruit. Templates réutilisables pour que l'équipe Enky monte des pages en interne. Marie pilote la production de contenu en français côté Enky. Retainer continu depuis la livraison.
case study
Belgian Historic Vehicle Association, courtier en assurances spécialisé. Minisite FR/NL avec calculateur Next.js, routing claims par langue, entité juridique correcte par locale. Stack Framer plus Next.js calculator.
07 . questions
01
Next.js, Webflow ou Framer? Comment vous choisissez?
Le choix dépend de votre équipe et du contenu. Webflow quand un responsable marketing veut piloter le site seul. Next.js quand il y a des fonctionnalités custom (calculateurs, portails, intégrations ERP). Framer quand le délai est court (deux semaines) et que le site reste brochure. Je justifions le choix par écrit en phase 0, avec les tradeoffs explicites.
02
Vous gérez la migration depuis WordPress ou Drupal?
Oui. Migration contenu (textes, images, médias), redirections legacy 301 sur toutes les URLs anciennes pour préserver le SEO, audit des backlinks pour identifier les pages à conserver. La migration s'intègre dans la phase 2.
03
Trilingue FR-NL-EN, comment garantissez-vous la qualité linguistique?
Le FR est livré nativement (Wil est belge francophone). NL et EN passent par mon processus de relecture par locuteurs natifs (NL Anvers ou Gand, EN UK ou US selon votre marché). Pour le DE de la région germanophone, je travaille avec un partenaire eupenois. Aucune traduction automatique n'est livrée sans relecture humaine.
04
Hébergement, vous imposez Vercel?
Non. Cloudflare Pages et Vercel sont mes deux defaults. Cloudflare est gratuit jusqu'à 500 builds par mois et reste suffisant pour 80% des PME. Vercel devient pertinent si vous avez besoin d'ISR (incremental static regeneration) ou de fonctions serverless avancées. Je justifions le choix en phase 0. L'hébergement EU est garanti par défaut.
05
RGPD, vous livrez un consent banner conforme?
Oui. Le consent banner est livré par défaut, conforme aux exigences de l'APD belge et de la CNIL française. Catégories de cookies, opt-in granulaire, journal des consentements, possibilité de retrait. Je travaille avec Cookiebot ou une implémentation custom selon la complexité de votre stack analytics.
06
Et l'accessibilité WCAG, c'est inclus?
WCAG 2.1 AA est la baseline sur tous mes builds, pas une option payante. Audit interne réalisé avant le lancement: contraste, navigation clavier, labels ARIA, sémantique HTML, alt texts générés, focus visible. Pour les sites publics ou gouvernementaux, je fournis aussi une déclaration d'accessibilité conforme AnySurfer.
08 . plus loin
prêt à démarrer?
Demandez le discovery. Audit du site existant, choix du stack justifié, sitemap, design system kickoff, planning de livraison. Document signé avant la phase 1.