Jorge Guzmán

What people were able to do

"I ordered groceries from home for the first time."

2020

Projects

Things I solved.

Continuous mindset

"I design from what people need to do."

Jobs to be Done

Benchmark

UI Design

Design Systems

AI Engineer

UX Research

Designer / Engineer / Builder

How I learned

All of this happened in some order.

2011

2012

2013

2014

2015

2016

2017

2018

2019

2020

2021

2022

2023

2024

2025

2026

What do I build with?

Design and code, in the same 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>
  );
}

Code

Product Designer · Dev

Contáctame

Agenda una cita

Julio ’26

LMXJVSD

Reservar 29 jul

Design

FigmaPrincipleProtoPieFramerDesign SystemsTokens

Frontend

ReactNext.jsTypeScriptTailwindFramer MotionCSS

Backend

Node.jsAWSSupabasePostgreSQLREST APIs

Claude APIGPT-4Cursorv0.devReplicateMidjourney

Shall we begin?

Build your product with me.

9:41●●● 5G ▮▮▮

Toolbox

Drag the cards onto the phone

Background

Fonts

Borders

9:41●●● 5G ▮▮▮

Drop the title

Drop the cards here

Drop the button

Let's work together