EnviroGun
Design + Développement frontend · React, Gatsby, TypeScript, i18n
- Structure multilingue
- UI axée sur la performance
- Patrons de composants maintenables
Design UI/UX & développement frontend du concept à l'interface livrée.
Je conçois et construis des expériences numériques claires, accessibles et conçues pour évoluer. De Figma à React, sans friction de passation.
FigmaDesign UI/UXSystèmes de designReactTypeScriptAccessibilitéi18n
Focus
- Du design au code, sans friction de passation
- L'accessibilité comme fondation, pas comme ajout
- Systèmes évolutifs composants, tokens, documentation
Ce que je livre
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.
Accessibilité (approche WCAG)
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, INP et CLS 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
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.
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
Projets en ligne et archives de conceptions antérieures.
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.
Reef Cleaning Company
Design + 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. Je travaille à l'intersection du design et du code ce qui me permet de mener un produit du concept à l'interface livrée sans perdre l'intention en chemin.
- Design dans Figma, développement en React sans friction de passation
- Accessibilité et HTML sémantique comme standards par défaut
- Performance et hygiène SEO intégrées à chaque livraison
Disponibilité
Ouvert aux rôles en agence et en entreprise où le design et le frontend se rejoignent. Basé à Montréal (HE) avec une flexibilité horaire pour les fuseaux nord-américains.
Canada / États-UnisTélétravail / HybrideFR / EN / ES
Concevons et construisons quelque chose d'exceptionnel ensemble.
Partagez vos objectifs, votre calendrier et vos utilisateurs cibles. Je vous répondrai avec les prochaines étapes et un plan clair.