Change Language / Cambiar idioma
Appicua

Juan Orjuela

UX Design Lead / Product Strategist

Granada, Spain


User-centered design with an end-to-end perspective.

  • Understanding
  • Strategy
  • Creativity
  • Technical implementation
Scroll
DESIGN SYSTEMS · UX RESEARCH · NEXT.JS · WCAG 2.2 · FIGMA · PRODUCT STRATEGY · REACT · ACCESSIBILITY · AI · ANGULAR · STORYBOOK · DESIGN TOKENSDESIGN SYSTEMS · UX RESEARCH · NEXT.JS · WCAG 2.2 · FIGMA · PRODUCT STRATEGY · REACT · ACCESSIBILITY · AI · ANGULAR · STORYBOOK · DESIGN TOKENSDESIGN SYSTEMS · UX RESEARCH · NEXT.JS · WCAG 2.2 · FIGMA · PRODUCT STRATEGY · REACT · ACCESSIBILITY · AI · ANGULAR · STORYBOOK · DESIGN TOKENS
About me

About

Juan Orjuela
  • DESIGN SYSTEMS
  • TECH-DRIVEN
  • AI WORKFLOWS
  • DIGITAL ACCESSIBILITY

With more than 12 years designing digital products, I combine UX strategy, design systems and front-end development in React and Next.js. I've led more than 200 projects for organizations in Spain, Colombia and the United States, including UNICEF, the Colombian Stock Exchange and the COMPAZ Foundation, created by Nobel Peace Prize laureate Juan Manuel Santos. I teach in the UX Master's program at Universidad de La Salle (Bogotá). Master's in Multimedia Creation from La Salle – Universitat Ramon Llull (Barcelona).

Stack

Product design

  • Figma
  • Adobe XD
  • Prototyping
  • Wireframing

Frontend

  • React
  • Next.js
  • Angular
  • TypeScript
  • CSS
  • Tailwind
  • Javascript
  • HTML

Design Systems

  • Storybook
  • Design Tokens
  • WCAG 2.2

Data & visualization

  • D3.js
  • Highcharts
  • Three.js

AI & Dev Tools

  • GitHub Copilot
  • Claude
  • Figma AI
What I bring

Areas of impact

UX Design & Research

UX Design & Research

Grounded decisions.

I research, prototype and validate before designing a single screen. User interviews, heuristic evaluations, journey maps and proof of concepts. I design for real people and for business goals at the same time.

  • User interviews
  • Journey maps
  • Heuristic evaluation
  • Usability testing
  • Information architecture
  • Prototyping
Design Systems & Ops

Design Systems & Ops

Infrastructure for consistency and scale.

I build design systems for development teams: tokens, accessible components, Storybook documentation and technical/management portals. Design and code that stay in sync.

  • Design tokens
  • Component libraries
  • Storybook
  • Docusaurus
  • WCAG 2.2
  • Figma
Frontend Implementation

Frontend Implementation

From design to code without handoff friction.

My front-end development background closes the gap between what's designed and what's built. I understand how dev teams work, collaborate with technical judgment from the design phase, and can precisely audit whether the built product respects the original intent — in tokens, spacing, behavior and accessibility.

  • React
  • Next.js
  • Angular
  • TypeScript
  • CSS
  • Vercel
AI-Assisted Workflows

AI-Assisted Workflows

More speed with clear judgment.

My end-to-end perspective lets me pinpoint exactly where AI adds speed without giving up judgment or direction: analyzing and synthesizing user research data, prototyping based on design systems and patterns grounded in user behavior and business goals, technical accessibility audits and linting without skipping human review or user testing. I also integrate design and dev tools — including the Figma MCP — to automate the most operational tasks and spend more time on decisions that actually require judgment.

  • GitHub Copilot
  • Claude
  • Figma AI
  • Prompt engineering
Projects

Case study

Imagen pendiente

Design System Lead · EdTech · 2025–2026

Politécnico Grancolombiano Digital Ecosystem

Transformed the design system of an institution with 50,000 users and more than 500 applications to meet WCAG 2.2 and integrate it with the development stack.

  • Design Systems
  • Angular
  • WCAG 2.2
  • Storybook
  • Docusaurus
  • AI
View case study →

More projects

See more