Juan Pablo Riano

• Conçu et livré 25+ pages UI responsives bilingues (FR/EN) en 6 semaines, réduisant les cycles de révision de design de ~35% grâce à un alignement précoce sur les standards de composants.
• Traduit des maquettes Figma en HTML/CSS responsive pixel-parfait, maintenant la cohérence visuelle sur tous les points de rupture, appareils et sous-marques.
• Appliqué les normes d'accessibilité WCAG 2.1 (Web Content Accessibility Guidelines) tout au long de l'implémentation UI, améliorant l'inclusivité et résolvant les défauts d'utilisabilité sur l'ensemble de l'expérience, réduisant les défauts d'accessibilité signalés sur l'ensemble de l'expérience.
• Établi des patrons de composants réutilisables et des standards frontend, permettant une livraison UI cohérente et réduisant le travail de reprise et accélérant la livraison au sein de l'équipe.
• Collaboré avec les parties prenantes produit et design dans un environnement Agile, participant aux revues et adaptant les livrables selon les cycles de rétroaction.

Compétences : Figma · Design UI/UX · Design responsive · HTML5 · CSS3 · SASS · WCAG 2.1 (Web Content Accessibility Guidelines) · Accessibilité · Systèmes de design · Bibliothèques de composants · JavaScript · GitHub · Jira · Confluence

• Conçu et livré 10+ sites marketing et pages d'atterrissage, atteignant des scores Lighthouse moyens supérieurs à 90 et réduisant les cycles de révision clients grâce à des revues de design Figma-first.
• Implémenté l'UI responsive en React/Gatsby (HTML5, CSS, Tailwind), traduisant les designs Figma en code prêt pour la production avec une fidélité pixel-parfaite sur tous les points de rupture - sans friction de passation.
• Créé et maintenu du contenu multilingue (FR/EN/ES) en tenant compte de la voix de marque, de la hiérarchie visuelle et de la clarté UX - améliorant les parcours utilisateurs et le temps passé sur la page.
• Développé des bibliothèques de composants Figma et des patrons UI réutilisables, fluidifiant la passation design-développement et réduisant les cycles de révision en limitant l'ambiguïté de design lors de la passation.
• Appliqué une structure sémantique favorable au SEO et des considérations d'accessibilité WCAG 2.1 (Web Content Accessibility Guidelines) à tous les livrables web, favorisant la visibilité organique et le design inclusif.
• Coordonné les revues de design et les approbations des parties prenantes, en gérant les échéanciers et les listes de contrôle pour des lancements fluides et dans les délais.

Compétences : Figma · Design UI/UX · Design visuel · Design responsive · GatsbyJS · React · HTML5 · CSS3 · Tailwind CSS · JavaScript · Systèmes de design · Passation design · SEO · Google Analytics

• Conçu et livré des fonctionnalités UI pour un produit SaaS, au sein d'une équipe interfonctionnelle de 20 personnes (designers, frontend, backend), afin de maintenir des patrons visuels cohérents entre les modules livrés indépendamment.
• Développé et maintenu une bibliothèque de composants React réutilisables (Tailwind CSS) pour assurer la cohérence UI et accélérer la passation design-développement sur toutes les surfaces.
• Validé la responsivité, l'accessibilité et le comportement cross-navigateur sur tous les livrables UI, assurant une expérience cohérente sur web et mobile.
• Collaboré avec les designers pour interpréter les spécifications Figma et traduire les patrons d'interaction en code UI maintenable et évolutif, aligné sur les objectifs produit.

Compétences : Figma · React.js · Next.js · Tailwind CSS · Design UI/UX · Bibliothèques de composants · Design responsive · Accessibilité · TypeScript · GitHub · Jira · Confluence

• Implémenté des améliorations visuelles UI et résolu des défauts frontend sur des interfaces fintech basées sur React, améliorant la cohérence et la qualité visuelle des écrans orientés utilisateurs.
• Collaboré avec les designers UX et les partenaires d'ingénierie pour traduire l'intention de design en composants et vues UI maintenables et réutilisables.
• Étendu la couverture UI aux surfaces mobiles React Native, assurant une expérience visuelle cohérente sur les plateformes web et mobile.
• Instrumenté Heap Analytics pour soutenir des décisions UI basées sur les données, reliant les choix de design aux métriques d'utilisation produit.
• Contribué à une base de code React/React Native utilisée par des milliers d'utilisateurs actifs quotidiens sur des surfaces fintech web et mobile.

Compétences : React · React Native · Design UI/UX · Design visuel · TypeScript · HTML5 · Bootstrap · Node.js · Heap Analytics · Collaboration interfonctionnelle

• Développé une UI modulaire et basée sur des composants en React/Next.js pour démontrer des flux de détection par IA, en mettant l'accent sur des patrons d'interaction clairs et un design visuel cohérent pour les parties prenantes.
• Maintenu et étendu une interface AngularJS existante, intégrant de nouveaux composants UI tout en préservant la cohérence visuelle et les standards d'interaction.
• Collaboré avec les clients et les équipes internes pour valider l'UX sur différentes plateformes et s'assurer que les livrables correspondaient aux attentes de design.

Compétences : Design UI · React.js · Next.js · TypeScript · SASS · Design responsive · Bibliothèques de composants · Collaboration interfonctionnelle · AngularJS

• Développé des mises en page UI responsives et mobile-first pour une plateforme de jeux à fort trafic desservant des millions de visiteurs mensuels, maintenant la cohérence visuelle sur 6+ points de rupture d'appareils.
• Converti des documents de design en HTML/SASS codé à la main avec haute fidélité, maintenant un alignement pixel-parfait avec les spécifications de design.
• Implémenté des systèmes de grilles responsives et des composants UI avec Bootstrap 4, soutenant une expérience visuelle cohérente à grande échelle.

Compétences : Design UI · Design responsive · HTML5 · CSS3 · SASS · Bootstrap · Vue.js · Magnolia CMS · Design mobile-first

• Développé des pages UI dynamiques et responsives en HTML5/SASS/TypeScript/Angular, en collaboration avec une équipe Agile interfonctionnelle pour améliorer l'expérience utilisateur d'une plateforme d'imagerie médicale.
• Refactorisé l'architecture de composants SASS pour établir des espacements, une typographie et des helpers UI cohérents et réutilisables dans l'ensemble de l'application.
• Documenté les composants UI et contribué aux standards de design, assurant des patrons cohérents sur toute l'interface.

Compétences : Design UI · HTML5 · CSS3 · SASS · Angular · TypeScript · Design responsive · Agile · Scrum · GitHub

• Collaboré avec les équipes design et ingénierie pour développer des vues UI intuitives et des composants réutilisables pour une application de services financiers, avec accent sur la clarté visuelle et l'utilisabilité.
• Appliqué le balisage sémantique HTML5 et les directives d'accessibilité W3C à tous les livrables UI, soutenant un design inclusif sur l'ensemble de la plateforme.
• Assuré la compatibilité cross-navigateur et mobile par des tests systématiques, maintenant une expérience visuelle cohérente pour tous les utilisateurs.

Compétences : Design UI · HTML5 · CSS3 · SCSS · Angular · Bootstrap · Accessibilité (W3C / WCAG - Web Content Accessibility Guidelines) · Design responsive · Jira · Confluence · Agile

• Traduit des maquettes de design en UI interactive avec AngularJS et Kendo, développant des affichages dynamiques de grilles de données pour une plateforme d'automatisation d'entreprise.
• Assuré le rôle de designer UI/UX en l'absence d'un designer dédié, créant des mises en page conceptuelles et des solutions visuelles pour débloquer la livraison du projet.
• Conçu et produit des cartes SVG personnalisées pour la visualisation de données, des fichiers CAO sources jusqu'aux graphiques web évolutifs et de haute qualité.

Compétences : Design UI · Design visuel · SVG · Visualisation de données · AngularJS · SASS · Design responsive · Umbraco CMS · Agile