EnviroGun
Développement frontend · React, Gatsby, TypeScript, i18n
- Structure multilingue
- UI axée sur la performance
- Patrons de composants maintenables
Design UI/UX bilingue et delivery frontend pour les équipes qui ont besoin que design et code avancent ensemble.
Je travaille avec des agences, des équipes produit et des entreprises de services qui ont besoin d'interfaces plus claires, d'une exécution plus rapide et de moins de friction entre Figma et React. Des landing pages aux systèmes de design, je fais avancer le travail du concept au frontend livré.
FigmaDesign UI/UXSystèmes de designReactTypeScriptAccessibilitéFlux IAi18n
Idéal pour
- Les agences qui ont besoin d'une meilleure exécution design-to-code
- Les équipes produit qui doivent remettre de l'ordre dans une UI incohérente
- Les entreprises de services qui ont besoin d'un site bilingue orienté conversion
Ce que j'aide les équipes à livrer
Design UI/UX
Conception d'interfaces dans Figma maquettes filaires, exploration visuelle, prototypes et spécifications de composants prêts pour la passation ou l'implémentation directe.
Systèmes de design & cohérence UI
Bibliothèques de composants réutilisables, tokens de design et documentation pour que les équipes livrent une UI cohérente à grande échelle.
Développement React & Gatsby
Composants production, pages pilotées par le contenu et architecture frontend évolutive.
Flux de travail assisté par IA
Claude Code, Figma AI/Make et Vercel v0 intégrés au flux quotidien prototypage accéléré, livraison plus rapide et qualité maintenue à grande échelle.
Accessibilité (approche WCAG : Web Content Accessibility Guidelines)
HTML sémantique, navigation clavier, vérification des contrastes et patrons UX inclusifs intégrés dès le départ.
Sites multilingues (i18n)
Structures de traduction propres, hygiène hreflang/canonical et parité de contenu entre les langues.
Optimisation des performances
Améliorations Core Web Vitals, stratégie images, mise en cache et profilage frontend.
Explorer les services
Performance Web & Core Web Vitals
Audit + implémentation pour améliorer LCP (Largest Contentful Paint), INP (Interaction to Next Paint) et CLS (Cumulative Layout Shift) sur les sites React/Gatsby.
Systèmes de design & cohérence UI
Un système pratique de composants, tokens et directives pour une livraison UI évolutive conçu dans Figma et implémenté en React.
Audit d'accessibilité & conformité WCAG (Web Content Accessibility Guidelines)
Audit actionnable pour identifier les écarts d'accessibilité et livrer un plan de remédiation clair.
Optimisation performance & vitesse
Améliorations ciblées pour réduire les temps de chargement et améliorer l'expérience utilisateur sur tous les appareils.
Là où cette collaboration crée le plus de valeur
Tous les projets n'ont pas besoin du même niveau de soutien en design ou en frontend. Voici les contextes où mon implication produit généralement le meilleur retour.
Avec qui je travaille le mieux
Les meilleures collaborations commencent avec des équipes qui savent déjà que vitesse, clarté et cohérence comptent, mais qui ont besoin d'un meilleur pont entre intention design et interface livrée.
- Les agences qui livrent plusieurs sites clients avec des délais serrés
- Les équipes produit qui veulent améliorer la qualité UI sans ralentir les releases
- Les entreprises de services qui ont besoin d'un site bilingue solide et orienté conversion
Ce que les clients cherchent le plus souvent
Les mandats les plus utiles commencent rarement par du brainstorming abstrait. Ils partent d'un besoin d'exécution concret.
- Des maquettes Figma qui doivent devenir un frontend propre et maintenable
- Une UI incohérente qui doit être structurée avant de passer à l'échelle
- Un site existant qui doit gagner en vitesse, accessibilité ou clarté de message
Ce que j'apporte
L'avantage n'est pas seulement le design ou seulement le code. C'est la capacité à naviguer entre les deux sans perte de qualité ni friction de passation.
- Des décisions design prises avec les contraintes d'implémentation en tête
- Un frontend livré sans perdre l'intention visuelle ni le détail UX
- SEO, accessibilité et structure multilingue considérés dès le départ
10+ ans
en agence, SaaS, entreprise et sites de services
FR / EN / ES
pour le contenu bilingue et la collaboration multiéquipes
Figma -> React
dans un seul flux du cadrage à l'interface livrée
SEO + a11y
intégrés au delivery, pas repoussés à plus tard
Processus
01
Comprendre
Clarifier les objectifs, les utilisateurs cibles, les contraintes et les priorités de contenu.
02
Concevoir
Maquettes filaires, exploration visuelle et prototypes Figma validés avant d'écrire la première ligne de code.
03
Construire
Interface propre, responsive et accessible implémentée selon des standards de code maintenables.
04
Affiner
QA, vérifications d'accessibilité, optimisation des performances et fondamentaux SEO.
Portfolio
Une sélection de projets qui montre l'exécution design-to-code, la structure bilingue et une UX orientée services.
Projets en ligne (actifs)
Sites actuels et récents que j'ai conçus et réalisés. Cliquez sur chaque carte pour consulter les détails.
Chester Court
Design + Développement frontend · React, Gatsby, TailwindCSS
- Positionnement immobilier raffiné
- Narration du patrimoine et des commodités
- Navigation des documents et plans d'étage
- Présentation résidentielle premium
Site web pour une coopérative emblématique de l'Upper West Side mettant de l'avant son héritage, ses commodités et une présence numérique plus forte.
Jenny Adventures
Design + Développement frontend · React, Gatsby, TailwindCSS, i18n
- Structure voyage multilingue
- Navigation orientée destinations
- CTAs centrés sur la réservation
- Positionnement autour d'une spécialiste du voyage
Site d'agence de voyages avec itinéraires sur mesure en Europe, au Mexique et au Canada, pensé autour du contact direct, de l'inspiration et de la navigation multilingue.
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 Studios
Design + Développement frontend + Maintenance régulière · React, Gatsby, TailwindCSS, i18n
- Sections axées sur le contenu
- Blocs UI réutilisables
- Hygiène SEO & accessibilité
- Structure multilingue
Juan Pablo Riano
Design + Développement frontend + Maintenance régulière · React, Gatsby, TailwindCSS, i18n
- Narration du portfolio
- Hiérarchie ciblée
- Mise en page épurée
- Hygiène SEO & accessibilité
- Structure multilingue
Design et développement frontend de ce site portfolio.
Succulente Sculpture
Design + Développement 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).
Jazzy & Bright
Design + Développement frontend · HTML/CSS/JavaScript
- Sections orientées services
- Mise en page responsive
Site web pour présenter des services de nettoyage.
Amusez-vous
Design + Développement 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
Design + Développement 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
Design + Développement frontend · HTML/CSS/JavaScript
- Mise en page de vitrine produits
- Design responsive
- Sections orientées services
SPA
Planchers & Renovations PC
Design + Développement 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 rénovations. Site bilingue.
Manual 3 (Projet)
Design + Développement frontend · HTML/CSS/JavaScript
- Développement de thème personnalisé
- Mise en page responsive
- Narration du portfolio
Site portfolio pour l'agence Aquitecture. https://riano.ca/manual3/
Groupe Somos
Design + Développement frontend · HTML/CSS/JavaScript
- Design de page d'atterrissage
- Mise en page responsive
- Sections axées marketing
Page d'atterrissage pour processus de sélection. https://somosconstruction.ca & https://groupesomos.ca/main.html
Point Bar Lounge
Design + Développement 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, remplacée par une version React. https://ellounge.ca
El Lounge
Design + Développement 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
Design + Développement frontend · React, Gatsby, TailwindCSS, Firebase
- Narration du portfolio
- Sections orientées services
- Mise en page responsive
Site bilingue.
Wash A Fita
Design + Développement frontend · React, Gatsby, TailwindCSS, Firebase
- Sections orientées services
- Formulaires de génération de prospects
- Mise en page responsive
SPA bilingue.
Archives (designs hors ligne)
Anciens designs de sites qui ne sont plus en ligne. Cliquez sur chaque carte pour consulter les détails.
À propos
Je suis designer UI/UX et développeur frontend basé à Montréal, à l'endroit où se croisent direction visuelle, implémentation frontend et vitesse d'exécution. J'aide les équipes qui veulent moins de friction de passation, des interfaces plus nettes et un frontend prêt pour la production qui respecte à la fois l'UX et les contraintes techniques.
- Design dans Figma et implémentation en React dans le même flux de delivery
- Flux de production assisté par IA : Claude Code, Figma AI/Make, Vercel v0
- Accessibilité, HTML sémantique et maintenabilité comme niveau de qualité de base
- Performance et hygiène SEO intégrées aux décisions avant la mise en ligne
Disponibilité
Ouvert aux mandats ponctuels et aux collaborations plus longues avec agences, équipes produit et entreprises de services. Basé à Montréal (HE) avec du chevauchement sur les fuseaux nord-américains.
Canada / États-UnisTélétravail / HybrideFR / EN / ES
Besoin d'un designer-développeur capable de mener le projet de Figma au frontend livré ?
Envoyez le site, la portée ou le contexte produit. Je répondrai avec la meilleure prochaine étape, le bon angle de service et un plan concret.
Reponse sous 1 jour ouvrableMontreal (HE) · FR / EN / ESIdeal pour sites de services, audits et projets React/Gatsby