// SNAF.FOO — MON BAC À SABLE

Portrait de JC

Jean-Christophe Viau alias JC

Spécialiste en intégration IA et développement web

Plus de 25 ans d'expérience en TI et dans le web, aujourd'hui concentré sur le développement web moderne et le codage agentique.

Ma carrière s'est bâtie autour du web : projets de migration, développement CMS, SEO, analytique, données et publicité, dans des secteurs variés comme les médias, la finance et l'assurance. Je me concentre maintenant sur l'intégration de l'IA et le codage agentique, pour aider les entreprises à tirer parti de l'IA dans leurs applications et leurs flux de travail.

Aussi un papa passionné de musique, de camping et de cuisine, pour n'en nommer que quelques-uns. Presque tout dans la vie est une bonne excuse pour aller creuser.

Bâtissons votre transformation IA.

// MA PILE TECHNO

  1. PHP
  2. Python
  3. Node.js
  4. JavaScript
  5. TypeScript
  6. React
  7. Astro
  8. Next.js
  9. CSS
  10. Tailwind
  11. Figma
  12. Claude Code
  13. MCP
  14. OpenAI
  15. Codex
  16. Ollama
  17. LM Studio
  18. Linux
  19. n8n
  20. AudioCraft
  21. ComfyUI
  22. Godot
  23. IA générative
  24. Codage agentique
  25. Orchestration IA
  26. Graphe de connaissances
  27. SQL
  28. BD vectorielle
  29. PostgreSQL
  30. Supabase
  31. Jinja
  32. htmx
  33. Wordpress
  34. Joomla
  35. Drupal

// LE DÉVELOPPEUR AU MILIEU

Je parle marketing, design, infrastructure et code

Front-end et SEO d'abord, full-stack quand le projet l'exige. Ma valeur est surtout dans la salle : transformer ce que veulent les équipes de marketing, de design et de données en quelque chose qui se livre et qui continue de fonctionner.

// AVEC LE MARKETING

Mesurable dès la conception

  • Construire pour atteindre les objectifs de votre campagne, pas seulement pour avoir l'air bien
  • SEO technique et sémantique intégré, pas rafistolé après coup
  • Analyse du parcours et de l'intention des clients; consentement (CMP, Loi 25 / RGPD) bien fait
  • Des années de publicité dans l'écosystème Google : bannières interactives sur mesure, au comportement engageant et conçues pour la performance

// AVEC LE DESIGN

Du concept aux résultats

  • Je lis l'intention du design et la transforme en composantes réutilisables et maintenables
  • Réflexion UI/UX : moins d'étapes, des parcours plus clairs
  • Thèmes, systèmes de design, bibliothèques de composantes et de motifs
  • Figma vers code, responsive, accessible (WCAG), multinavigateur et multiappareil

// AVEC LES DONNÉES

Obtenir les bonnes données et les rendre utiles

  • Tableaux de bord en temps réel : gestion d'état, vues structurées de données complexes
  • Acquisition et visualisation de données pour les clients, pas seulement pour les développeurs
  • Architecture DataLayer, GTM, GA, Segments : un suivi conçu pour répondre à de vraies questions d'affaires

// AVEC L'INFRASTRUCTURE

Grandir selon vos besoins

  • Choisir la bonne pile : vos objectifs ne devraient pas se battre contre la plateforme
  • Conteneurisé, prêt pour le cloud, pipelines CI/CD, déploiements automatisés
  • Surveillance, journalisation, alertes et observabilité pour les systèmes en production

// LE SAUT VERS L'IA

Mon centre de gravité est passé du développement web traditionnel à l'intégration de l'IA et au codage agentique. Avec mon expérience dans plusieurs domaines et ma compréhension approfondie du développement web, je peux relever n'importe quel projet.

// PLATEFORMES SUR LESQUELLES J'AI TRAVAILLÉ

  • Drupal
  • WordPress
  • Joomla
  • Magnolia
  • AEM
  • Salesforce
  • React
  • AngularJS
  • Next.js
  • AWS
  • GCP
  • Webflow
  • Shopify
  • Magento
  • HubSpot

// CE QUE J'APPORTE

Comment je peux aider

Plus de 25 ans en TI et dans le web, maintenant tournés vers l'intégration pratique de l'IA.

Front-end moderne

Interfaces modernes, composantes réutilisables et architectures front-end évolutives (React, TypeScript, Next.js, Astro, HTMX).

Données et visualisation

Acquisition de données complexes : DataLayers structurés, tableaux de bord et vues que les clients peuvent vraiment lire.

Évaluation des besoins en IA

Trouver où l'IA et l'automatisation rapportent vraiment dans votre équipe et vos flux de travail, et où elles ne rapportent pas.

Flux de travail IA sur mesure

Pipelines de génération de contenu, d'images et d'audio, agents et automatisations (n8n, MCP, ComfyUI).

IA dans votre CMS / plateforme

Agents conversationnels, génération de contenu, MCP, personnalisation et AEO ajoutés au site que vous exploitez déjà.

Formation d'équipe

Formation pratique pour que vos gens utilisent les outils d'IA avec confiance et en sécurité.

// QUÊTES SECONDAIRES

Sites, projets et expériences

Quelques projets construits sur mon temps. Certains sont pour le plaisir, d’autres sont des expériences, et certains sont en production.

OpenFeeder

MIT · Python · v1.1

Un standard ouvert pour que les sites exposent leur contenu directement aux LLM : un point d'accès JSON propre à /.well-known/openfeeder.json plutôt que 200 Ko de HTML à gratter. Adaptateurs WordPress, Drupal et Joomla, plus un sidecar universel. Charges utiles mesurées ~18× plus petites que le HTML brut.

Sketchy News

Astro · Claude · ComfyUI · n8n

Un fil quotidien de bandes dessinées satiriques où de vrais titres deviennent des dessins pince-sans-rire, entièrement automatisé avec un LLM, un modèle d'image et n8n. Pour le plaisir, et le premier site à utiliser OpenFeeder en production.

Voxyflow

AGPL-3.0 · Python + React · expérience archivée

Un espace de travail IA auto-hébergé que j'ai construit quand les outils ne géraient pas encore la mémoire de projet, l'orchestration et les tâches de fond : graphe de connaissances, kanban, RAG, tâches planifiées. Aujourd'hui ces outils le font nativement, alors je les utilise. Gardé en ligne pour l'histoire et les leçons.

D'autres petites expériences, comme un service local d'embeddings sémantiques pour la recherche en mémoire, sont sur GitHub.

@jcviau81 →

// EXPÉRIENCE

Où j'ai travaillé

De l'administration système au front-end, aux migrations CMS et maintenant à l'intégration de l'IA.

  1. 2025 – 2026

    Développeur web et IA

    WeAreFound

    • Maintenance et développement de sites WordPress, optimisation SEO
    • Migration de blogue de Webflow vers WordPress
    • Pipelines d’IA générative et flux de travail automatisés
    • Codage agentique et orchestration
  2. 2020 – 2025

    Développeur front-end et UX/UI

    Croix-Bleue Québec

    • Pipelines d'IA générative pour l'optimisation du SEO du contenu, la classification du contenu et la génération de métadonnées.
    • Pipelines d’IA générative pour l’optimisation du SEO du contenu, la classification du contenu et la génération de métadonnées.
    • Optimisation des parcours agents/clients Salesforce : champs regroupés, moins d'étapes, acquisition plus rapide.
    • Responsable de l'intégration de la CMP pour la Loi 25 au Québec; formation des équipes et des partenaires sur les contraintes de collecte de données (bagage RGPD).
    • Responsable de la migration Joomla → Magnolia : analyse des écarts fonctionnels et composantes maintenables.
    • Intégration d'un DataLayer complexe (GTM, Analytics, Segments) pour comprendre l'intention et les parcours des clients.
  3. 2018 – 2020

    Développeur front-end

    M32 Connect

    • Bannières interactives sur mesure en JavaScript : moins de dépendance aux plateformes externes et plein contrôle du contenu et des données.
    • Application SPA de tableau de bord (React, hooks, gestion d'état) pour la visualisation de données clients.
    • Développement WordPress : plugiciel de radio en continu avec publicités intégrées et thèmes optimisés pour la monétisation et la performance.
  4. 2017 – 2018

    Développeur Drupal

    R3D / Cogeco

    • Drupal front-end et back-end : comparateur de forfaits, thème complet, interfaces d'édition simplifiées.
  5. 2017

    Responsable — Développement, SEO et gestion de projet (WordPress)

    Combustible

    • Des besoins du client aux solutions livrées; gestion de développeurs, de designers, d'experts SEO et de gestionnaires de campagne.
  6. 2014 – 2017

    Développeur front-end

    TC Média

    • Responsable front-end de la plateforme de circulaires numériques Publisac (HTML5, CSS3, AngularJS).
    • Sites WordPress et AEM pour les journaux locaux du réseau.
  7. 2014

    Consultant en développement

    Mobilogie / C2MTL / TechSolCom

    • Application web mobile pour un musée avec codes QR (PHP, jQuery, Semantic UI); WordPress front-end et back-end.
  8. 1998 – 2013

    Développement web et infrastructure

    TVA Interactif · Nexio Technologies · Desjardins · BDC · clients divers

    • TVA : migration du site de la chaîne Yoopa et modules Drupal (horaires télé, résultats sportifs, résultats olympiques).
    • Desjardins : migration de sites clients finances et assurances (Java, 2 000+ pages).
    • BDC : migration de portails intranet/extranet (.NET, SharePoint, 5 000+ pages).
    • Nexio : sites web, applications web et infrastructure cloud Amazon EC2.
    • Hébergement web : administration de serveurs Windows et Linux et soutien aux utilisateurs (1998–2007).

// RÉALISATIONS CHOISIES

Réalisations passées choisies

Un petit échantillon parmi plus de 100 sites. Certains ont peut-être été mis à jour ou migrés vers d'autres plateformes depuis.

// FORMATION

Soutien informatique et administration réseau

Collège d'administration et du commerce · 1998 – 1999

Formation continue en IA / ML

Autodidacte · 2022 – 2026 · LLM, Stable Diffusion, pipelines génératifs, Claude, OpenAI, codage agentique, Ollama

// CURRICULUM VITAE

Tous les détails dans mon CV, disponible en français et en anglais.