Jose Alvarez

Product Designer — UX/UI, design systems, and the behavioral layer that keeps people coming back

↓ Download CV (PDF)

Behavioral designer specializing in gamification systems and mascot UX — the emotional layer that makes users feel rewarded, not judged. Creator of ESA (Emotional State Architecture), a framework for retention design applied across fintech and developer tools. Background in visual systems and motion design. Open to contracts in gamification, game UX, and behavioral product design.

Skills

Product & UX

Product Design UX/UI Design User Flows Information Architecture Wireframing Prototyping Behavioral UX

Research & Strategy

UX Research Product Strategy Usability Testing Competitive Analysis Journey Mapping Metrics Definition

UI & Systems

Figma Design Systems Auto Layout Components & Variants Design Tokens High-fidelity UI Responsive Design Visual Design AI Tools

Tools & Handoff

Design Handoff Notion After Effects Premiere Pro HTML/CSS Basics AI-assisted Workflows Git

Work Experience

Visual & Motion Designer

2020 — 2024

Serudda · Digital Content Platform →

  • Built a Figma component library with reusable elements, variants, and auto-layout workflows for a multi-year content catalog.
  • Defined the visual language: typography, color system, layout grids, and illustration style — applied consistently across all content formats.
  • Designed motion graphics and micro-interactions in After Effects for thumbnails, intros, and branded assets.
  • Iterated on layout and visual hierarchy based on engagement data to improve audience retention.
Figma After Effects Premiere Pro Photoshop Illustration

Product Projects

Product Designer & Builder

2026

Cuak · Emotional Fintech · View Case Study →

  • Designed a reactive fintech mascot system that translates invisible credit health into four clear emotional states — replacing financial anxiety with actionable clarity.
  • Defined the behavioral core: real-time mascot reactions to spending decisions, a credit-level progression system (Apprentice → Master), and advisory moments before risky purchases.
  • Designed for anxiety-prone users who avoid raw numbers — externalizing financial state into a character instead of charts and scores.
  • Validated the concept in prototype testing: 5/5 testers reported feeling more in control of their financial picture.
Figma Behavioral Design Character States Gamification

Product Designer

2026

Duo Git · UI Complete · iOS & Android · View Case Study →

  • Designed a behavioral mobile app and widget system that transforms GitHub contribution data into streak-based emotional feedback, targeting 70%+ Day 30 retention.
  • Conducted competitive analysis across Duolingo, GitHub, and Streaks — identifying an uncontested position at the intersection of high emotional feedback + coding-specific tracking.
  • Defined the information architecture, onboarding logic, dashboard views, league ranking, mascot states, and full widget family for iOS and Android.
  • Created a measurement strategy with behavioral KPIs: streak recovery rate, Day 7 retention, time-to-first-commit, and NPS targets.
Figma GitHub API Data Visualization Motion Design

Product Designer

2025

UX AI Generator · AI Tool · View Case Study →

  • Designed a guided discovery flow that turns a rough product idea into a structured UX brief — cutting documentation time by 60%, from roughly an hour to 24 minutes.
  • Structured 10+ UX deliverables per project: briefs, personas, user flows, problem statements, metrics, assumptions and journey maps.
  • Resolved the core tension between flexibility and consistency by constraining inputs, so outputs stay predictable and shareable across a team.
Figma OpenAI API HTML/CSS Design Systems

Education & Certifications

Technical Degree in Software Development In Progress

TecMD – Fundación Politécnico Minuto de Dios · Jan 2026 – Expected Dec 2027 · Virtual

UI/UX Design Specialization

California Institute of the Arts (CalArts) · Coursera

UX Foundations, Visual Design Systems, Information Architecture, Product Thinking & User-Centered Design.

Motion Graphics Certification

Coderhouse · 2024

Motion principles, visual storytelling, and animation fundamentals applied to interface micro-interactions.