Juan Pablo Riano

• Conçu et livré 10+ sites marketing et pages d'atterrissage dans Figma - du wireframe à la maquette haute fidélité - en assurant cohérence visuelle, hiérarchie claire de l'information et mise en page axée sur la conversion.
• 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.
• Appliqué une structure sémantique favorable au SEO et des considérations d'accessibilité WCAG 2.1 à 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é 25+ pages UI responsives bilingues (FR/EN) conformes aux spécifications Figma, aux directives de marque et aux standards du système de design visuel.
• 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 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.
• Établi des patrons de composants réutilisables et des standards frontend, permettant une livraison UI cohérente et réduisant le travail de reprise 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 · Accessibilité · Systèmes de design · Bibliothèques de composants · JavaScript · GitHub · Jira · Confluence

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

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, assurant cohérence visuelle et utilisabilité sur tous les appareils et navigateurs.
• 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) · 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

• Traduit des designs PSD en HTML/SCSS responsive pixel-parfait, faisant le pont entre le design visuel et l'implémentation frontend.
• Développé des mises en page en grille fluide assurant une expérience visuellement soignée et cohérente sur tous les appareils et tailles d'écran.

Compétences : HTML5 · CSS3 · SCSS · Design responsive · Bootstrap · jQuery · Adobe Photoshop · GitHub

• Créé des wireframes UI/UX dans Balsamiq et traduit via Photoshop en prototypes frontend, soutenant un flux de travail design-to-code complet.
• Conçu des gabarits d'e-mails HTML responsives pour des campagnes marketing, optimisant l'attrait visuel et la compatibilité entre les clients de messagerie.
• Géré et mis à jour le contenu web dans Sitecore CMS, maintenant l'exactitude et la cohérence de marque sur la présence numérique de l'organisation.

Compétences : Design UI/UX · Maquettes filaires · Prototypage · Design web responsive · HTML5 · CSS3 · jQuery · Adobe Photoshop · Sitecore CMS · Design d'e-mail

• Traduit des designs PSD en HTML/CSS responsive et cross-navigateur, maintenant la fidélité au design et la qualité visuelle sur tous les appareils.
• Collaboré avec l'équipe design pour aligner l'implémentation frontend avec l'intention de design visuel et les attentes UX.

Compétences : HTML5 · CSS3 · Design responsive · Design adapté au mobile · jQuery · Adobe Photoshop