Jorge Guzmán

Lo que la gente pudo hacer

"Pedí el mercado desde casa por primera vez."

2020

Proyectos

Cosas que resolví.

Mindset continuo

"Diseño desde lo que la gente necesita hacer."

Jobs to be Done

Benchmark

UI Design

Design Systems

AI Engineer

UX Research

Diseñador / Ingeniero / Constructor

Cómo aprendí

Todo esto en el orden que pasó.

2011

2012

2013

2014

2015

2016

2017

2018

2019

2020

2021

2022

2023

2024

2025

2026

Con qué construyo

Diseño y código, en el mismo stack.

▾

ContactCard.tsx

function ContactCard() {
  return (
    <article>
      <Avatar src={photo} alt="Jorge" />
      <h3>Jorge Guzmán</h3>
      <p>Product Designer · Dev</p>
      <a href="mailto:jorge@…">
        Contáctame
      </a>
    </article>
  );
}

Calculator.tsx

function Calculator() {
  const [v, setV] = useState("0");
  const press = (k) =>
    setV((p) =>
      k === "="
        ? String(calc(p))
        : p === "0"
          ? k
          : p + k,
    );
  return <Pad onKey={press} />;
}

Booking.tsx

function Booking() {
  const [sel, setSel] = useState(24);
  const days = range(1, 30);
  return (
    <Grid cols={7}>
      {days.map((d) => (
        <Dot
          key={d}
          active={d === sel}
          onClick={() => setSel(d)}
        >
          {d}
        </Dot>
      ))}
      <Cta>Reservar {sel} jun</Cta>
    </Grid>
  );
}

Código

Product Designer · Dev

Contáctame

Agenda una cita

Agosto ’26

LMXJVSD

Reservar 10 ago

Diseño

FigmaPrincipleProtoPieFramerDesign SystemsTokens

Frontend

ReactNext.jsTypeScriptTailwindFramer MotionCSS

Backend

Node.jsAWSSupabasePostgreSQLREST APIs

Claude APIGPT-4Cursorv0.devReplicateMidjourney

¿Empezamos?

Construye yu producto conmigo.

9:41●●● 5G ▮▮▮

Herramientas

Arrastra las cards al teléfono

Fondo

Tipografía

Bordes

9:41●●● 5G ▮▮▮

Suelta el título

Suelta las cards aquí

Suelta el botón

Trabajemos juntos