Disponible · Montréal (HE)
FR · EN · ES · 10+ ans · Figma → React

Design UI/UXbilingue &delivery frontend pour équipes

01 · Portrait
Portrait of Juan Pablo Riano
JP · 2026
02 · Stack
Figmadesign
React · TSbuild
Gatsbycontent
WCAGa11y
i18nFR · EN · ES

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é.

Voir le portfolio
Idéal pourAgences · Équipes produit · Entreprises de services bilingues
scroll
§ 01 · Services

Ce que j'aide les équipes à livrer

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é.

  1. 01

    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.

    Figma · Prototypes · Specs
  2. 02

    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.

    Tokens · Library · Docs
  3. 03

    Développement React & Gatsby

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

    React · TS · Gatsby
  4. 04

    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.

    Claude · v0 · Figma AI
  5. 05

    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.

    a11y · Semantic · Keyboard
  6. 06

    Sites multilingues (i18n)

    Structures de traduction propres, hygiène hreflang/canonical et parité de contenu entre les langues.

    i18n · hreflang · SEO
  7. 07

    Optimisation des performances

    Améliorations Core Web Vitals, stratégie images, mise en cache et profilage frontend.

    LCP · INP · CLS
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
§ 02 · Là où

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.

A / Avec

Avec qui je travaille le mieux

  • 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
B / Ce

Ce que les clients cherchent le plus souvent

  • 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
C / Ce

Ce que j'apporte

  • 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
§ 03 · Processus

Processus,
zéro friction.

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.

§ 04 · Aperçu du portfolio

Projets en vedette

4 cas en vedette · 18 Projets en ligne (actifs) · 15 projets archives

Le portfolio complet vit maintenant sur sa propre page, avec des cas de figure en vedette, le reste des projets en ligne et les archives des projets plus anciens hors ligne.

Ouvrir le portfolio complet
§ 05 · À propos du travail

À 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

§ 06 · Démarrer la conversation

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.