Jose Alvarez

Diseñador UI/UX — interfaces de producto, sistemas de progresión y los design systems que los sostienen

↓ Descargar CV (PDF)

Diseñador UI/UX trabajando en interfaces de producto construidas alrededor del comportamiento — sistemas de progresión, economías de XP, niveles de recompensa, rachas, fail states, y los design systems que las mantienen coherentes una vez publicadas. Construí ESA (Emotional State Architecture), una máquina de cuatro estados aplicada en una app fintech, una herramienta para desarrolladores y un objeto físico con su propia interfaz diegética. Cuatro años definiendo el lenguaje visual de una plataforma de contenido antes de pasar a producto. También construyo lo que diseño: este portfolio está escrito a mano, y la herramienta agéntica de abajo también. Abierto a puestos y contratos de diseño de producto — productos móviles y web, design systems, e interfaces donde lo difícil es el comportamiento.

Habilidades

UI de producto

UI móvil y web Navegación y AI Estados de pantalla Flujos de onboarding Jerarquía de información Legibilidad de un vistazo

Sistemas y progresión

Sistemas de progresión Economías de XP Niveles de recompensa Rankings Rachas y fail states Máquinas de estado de personaje Métricas de retención

Design systems y oficio

Figma Guías de estilo UI Componentes y variantes Design tokens Escalas tipográficas Iconografía Color y señalización Motion y feedback

Herramientas

After Effects Blender Premiere Pro Notion Git HTML/CSS Flujos asistidos por IA

Experiencia

Diseñador visual y de motion

2020 — 2024

Serudda · Plataforma de contenido digital →

  • Construí una librería de componentes en Figma con elementos reutilizables, variantes y flujos de auto-layout para un catálogo de contenido de varios años.
  • Definí el lenguaje visual: tipografía, sistema de color, retículas e ilustración — aplicado de forma consistente en todos los formatos de contenido.
  • Diseñé motion graphics y micro-interacciones en After Effects para miniaturas, intros y piezas de marca.
  • Fui responsable del sistema visual de un catálogo que creció de 0 a 34.5K suscriptores en cuatro años, iterando layout y jerarquía contra datos de engagement.
Figma After Effects Premiere Pro Photoshop Ilustración

Proyectos de producto

Diseñador UI/UX y constructor

2026

Cuak · Emotional Fintech · Ver case study →

  • Diseñé un sistema de personaje reactivo para fintech que traduce la salud crediticia invisible en cuatro estados emocionales claros, cambiando la ansiedad financiera por claridad accionable.
  • Definí el núcleo conductual: reacciones del personaje en tiempo real a las decisiones de gasto, un sistema de progresión por nivel de crédito (Aprendiz → Maestro) y momentos de aviso antes de compras arriesgadas.
  • Diseñado para gente a la que los números le generan ansiedad y los evita: el estado financiero se externaliza en un personaje en lugar de en gráficas y puntajes.
  • Validé el concepto en pruebas de prototipo: 5 de 5 personas dijeron sentir más control sobre su panorama financiero.
Figma Diseño conductual Estados de personaje Gamificación

Diseñador UI/UX

2026

Duo Git · UI Complete · iOS & Android · Ver case study →

  • Diseñé una app móvil conductual y un sistema de widgets que convierte los datos de contribución de GitHub en feedback emocional basado en rachas, con un objetivo de 70%+ de retención a día 30.
  • Hice análisis competitivo de Duolingo, GitHub y Streaks, y encontré una posición sin disputar en el cruce entre feedback emocional alto y seguimiento específico de código.
  • Definí la arquitectura de información, la lógica de onboarding, las vistas de dashboard, el ranking por ligas, los estados de personaje y la familia completa de widgets para iOS y Android.
  • Creé una estrategia de medición con KPIs conductuales: tasa de recuperación de racha, retención a día 7, tiempo hasta el primer commit y objetivos de NPS.
Figma GitHub API Visualización de datos Motion design

Diseñador UI/UX

2025

UX Lab OS · Agentic AI Tool · en producción · Live →

  • Diseñé un flujo de descubrimiento guiado que convierte una idea cruda de producto en un brief de UX estructurado, recortando el tiempo de documentación un 60%: de cerca de una hora a 24 minutos.
  • Estructuré más de 10 entregables de UX por proyecto: briefs, personas, user flows, definición de problema, métricas, supuestos y journey maps.
  • Resolví la tensión entre flexibilidad y consistencia acotando las entradas, para que las salidas sean predecibles y compartibles dentro de un equipo.
Figma OpenAI API HTML/CSS Design Systems

Formación y certificaciones

Técnico en desarrollo de software En curso

TecMD – Fundación Politécnico Minuto de Dios · ene 2026 – dic 2027 (previsto) · Virtual

Especialización en diseño UI/UX

California Institute of the Arts (CalArts) · Coursera

Fundamentos de UX, sistemas de diseño visual, arquitectura de información, product thinking y diseño centrado en el usuario.

Certificación en motion graphics

Coderhouse · 2024

Principios de motion, narrativa visual y fundamentos de animación aplicados a las micro-interacciones de interfaz.

EnglishEN