Jorge Guzmán

O que as pessoas puderam fazer

"Pedi as compras de casa pela primeira vez."

2020

Projetos

Coisas que resolvi.

Mentalidade contínua

"Projeto a partir do que as pessoas precisam fazer."

Jobs to be Done

Benchmark

UI Design

Design Systems

AI Engineer

UX Research

Designer / Engenheiro / Construtor

Como aprendi

Tudo isso aconteceu em alguma ordem.

2011

2012

2013

2014

2015

2016

2017

2018

2019

2020

2021

2022

2023

2024

2025

2026

Com o que eu construo?

Design e código, na mesma plataforma.

▾

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

Julio ’26

LMXJVSD

Reservar 29 jul

Design

FigmaPrincipleProtoPieFramerDesign SystemsTokens

Frontend

ReactNext.jsTypeScriptTailwindFramer MotionCSS

Backend

Node.jsAWSSupabasePostgreSQLREST APIs

Claude APIGPT-4Cursorv0.devReplicateMidjourney

Vamos começar?

Construa su produto comigo.

9:41●●● 5G ▮▮▮

Toolbox

Arraste as cards para o celular

Fundo

Tipografia

Bordas

9:41●●● 5G ▮▮▮

Solte o título

Solte as cards aqui

Solte o botão

Vamos trabalhar juntos