Ingénierie frontend pour des expériences web modernes, rapides et accessibles.

Je construis des sites et systèmes UI en React qui se livrent proprement, chargent vite et évoluent avec le contenu—sans compromis sur l’UX ni le SEO.

ReactGatsbyTypeScriptAccessibilitéCore Web Vitalsi18n

Focus

  • Livrer une UI propre et maintenable
  • Accessibilité comme base
  • Performance + fondamentaux SEO

Ce que je livre

Développement React & Gatsby

Composants production, pages pilotées par le contenu, architecture frontend scalable.

Optimisation performance

Améliorations Core Web Vitals, stratégie images, cache et profiling frontend.

Accessibilité (approche WCAG)

HTML sémantique, navigation clavier, contrastes et patterns UX inclusifs.

Sites multilingues (i18n)

Structures propres, hreflang/canonical, et parité entre langues.

Design systems & cohérence UI

Librairies UI réutilisables, tokens, documentation et standards d’équipe.

Intégrations CMS / Headless

Modélisation de contenu et intégrations sûres pour l’édition.

Processus

    01

    Comprendre

    Clarifier objectifs, utilisateurs, contraintes et priorités de contenu.

    02

    Planifier

    Définir architecture de l’information, composants réutilisables et jalons.

    03

    Construire

    Implémenter UI propre, responsive, i18n et standards de code maintenables.

    04

    Optimiser

    QA, vérifications accessibilité, tuning performance et fondamentaux SEO.

Portfolio

Projets en ligne et archives de conceptions antérieures.

Projets en ligne (actifs)

Sites web actuels et récents que j’ai réalisés. Cliquez sur chaque carte pour consulter les détails.

Enviro Gun  Logo

EnviroGun

Développement frontend · React, Gatsby, TypeScript, i18n

  • Structure multilingue
  • UI axée sur la performance
  • Patrons de composants maintenables
Reef  Logo

Reef Cleaning Company

Développement frontend · React, Gatsby, TailwindCSS

  • Sections orientées services
  • Formulaires de génération de prospects
  • Mise en page responsive
Code Crafted Logo

Code Crafted Studios

Design + implémentation frontend + maintenance régulière · React, Gatsby, TailwindCSS, i18n

  • Sections axées sur le contenu
  • Blocs UI réutilisables
  • Hygiène SEO et accessibilité
  • Structure multilingue
Riano Logo

Juan Pablo Riano

Design + implémentation frontend + maintenance régulière · React, Gatsby, TailwindCSS, i18n

  • Narration du portfolio
  • Hiérarchie ciblée
  • Mise en page épurée
  • Hygiène SEO et accessibilité
  • Structure multilingue

Développeur frontend de ce site portfolio.

Succulentes Sculpture Logo

Succulente Sculpture

Design + implémentation frontend · React, Gatsby, TailwindCSS, i18n

  • UI axée sur le visuel
  • Mise en page de galerie
  • Navigation adaptée au mobile

Site web pour présenter des sculptures de chocolats succulentes (fleurs)

JN Bright Logo

Jazzy & Bright

Design + implémentation frontend · HTML/CSS/JavaScript

  • Sections orientées services
  • Mise en page responsive

Site web pour présenter des services de nettoyage.

Amusez-vous Logo

Amusez-vous

Design + implémentation frontend · HTML/Bootstrap/JavaScript

  • Sections orientées événements
  • Mise en page responsive
  • Vitrine de galerie

Site web pour la location d’équipements de divertissement pour enfants.

Copygraphos Logo

Copygraphos

Design + implémentation frontend · React, Gatsby, TailwindCSS

  • Narration du portfolio
  • Sections orientées services
  • Mise en page responsive

Site web pour présenter des services d’entretien de machines d’impression.

Gama y Equipos Logo

Gama y Equipos

Design + implémentation frontend · HTML/CSS/JavaScript

  • Mise en page vitrine de produits
  • Design responsive
  • Sections orientées services

SPA

Planchers Renov PC  Logo

Planchers & Renovations PC

Design + implémentation frontend · React, Gatsby, TailwindCSS, Firebase

  • Sections orientées services
  • Formulaires de génération de prospects
  • Mise en page responsive

Site web pour présenter des services de planchers et de rénovation. Site bilingue.

Manual 3 Logo

Manual 3 (Project)

Design + implémentation frontend · HTML/CSS/JavaScript

  • Développement de thème sur mesure
  • Mise en page responsive
  • Narration du portfolio

Site portfolio pour l’agence Aquitecture. https://riano.ca/manual3/

Grupo Somos Logo

Groupe Somos

Design + implémentation frontend · HTML/CSS/JavaScript

  • Design de page d’atterrissage
  • Mise en page responsive
  • Sections axées marketing

Page d’atterrissage pour le processus de sélection. https://somosconstruction.ca & https://groupesomos.ca/main.html

Point Bar Lounge Logo

Point Bar Lounge

Design + implémentation frontend + maintenance régulière · HTML/CSS/JavaScript

  • Sections orientées événements
  • Mise en page responsive
  • Mises à jour régulières
  • Promotions saisonnières

Première version du site, désormais remplacée par une version basée sur React. https://ellounge.ca

E-Lounge Logo

El Lounge

Design + implémentation frontend + maintenance régulière · React, Gatsby, TailwindCSS, firebase

  • Sections orientées événements
  • Formulaires de génération de prospects
  • Mise en page responsive
  • Mises à jour régulières
  • Promotions saisonnières

Site multilingue, mis à jour régulièrement, avec promotions saisonnières, événements et offres.

Somos Construction  Logo

Somos Construction

Design + implémentation frontend · React, Gatsby, TailwindCSS, Firebase

  • Narration du portfolio
  • Sections orientées services
  • Mise en page responsive

Site bilingue

Wash Afita  Logo

Wash A Fita

Design + implémentation frontend · React, Gatsby, TailwindCSS, Firebase

  • Sections orientées services
  • Formulaires de génération de prospects
  • Mise en page responsive

Site bilingue (SPA).

Archives (designs hors ligne)

Anciennes conceptions de sites qui ne sont plus en ligne. Cliquez sur chaque carte pour consulter les détails.

À propos

Je suis développeur frontend, orienté interfaces utilisables, accessibles, performantes et bien architecturées.

  • Sites pilotés par le contenu avec workflows d’édition prévisibles
  • Accessibilité et HTML sémantique par défaut
  • Performance et hygiène SEO intégrées à la livraison

Disponibilité

Ajoutez ici une phrase de disponibilité (contrat / projet / fuseaux horaires), par langue.

Canada / États-UnisRemote / HybrideEN / FR / ES

Construisons quelque chose de propre et scalable.

Partagez vos objectifs, votre échéancier et vos utilisateurs. Je répondrai avec des prochaines étapes claires.