Hey, I'm JP.
I design, build, and automate products
that people actually use.
Colombian UI/UX designer and full-stack engineer. I take products from Figma and Framer prototypes into Vue, React, Node, Python, and AI-assisted workflows that help teams ship faster without losing taste.
A few things I'm proud of.
Each one is a long-scroll case study with the messy middle included — false starts, the prototypes that didn't survive review, the metrics after launch.
Things I've figured out, written down.
A working notebook. Mostly product design and craft, sometimes the engineering side, occasionally cycling.
A proof-driven homepage for engineering roles
A candidate homepage should route recruiters, hiring managers, and engineers toward proof instead of hiding behind vague positioning.
22 min
23 min
22 min
22 min
What I'm actually using.
Design, engineering, automation, and AI tools I use to move from idea to shipped product.
Design
01 / 04Frontend
02 / 04Backend
03 / 04AI + Automation
04 / 04The play folder.
Creative experiments, small public builds, and off-screen interests. The things I make to stay sharp.
Designer, full-stack engineer, and product builder.
I'm Colombian, based in Bogotá, and I work remotely with teams that need someone who can think through the product, design the interface, build the prototype, and ship the thing.
I started in Bogotá working across UI, code, and client work before founding Codesign, a studio that mixed design, development, and marketing. That combination stuck: I like being close to the user, the interface, the data, and the business outcome.
My strongest work sits between disciplines: Figma and Framer prototypes, Vue and React frontends, Node and Python backends, analytics funnels, API integrations, and the AI-assisted workflows that help a small team move faster.
When I'm not at a screen I'm probably on a gravel bike, playing golf, or testing a new tool to see whether it actually improves the way I work.
This week, I'm…
A hybrid profile, on purpose.
The useful part is not just knowing many tools. It is knowing which layer of the product needs attention next.
I start in the product problem, not the file format. That might become a Figma prototype, a Framer flow, a Vue screen, or a small automation that proves the idea faster.
Because I can ship the interface myself, I catch constraints early: API shape, loading states, events, permissions, analytics, and the details that make a handoff real.
AI is part of my daily workflow now: Claude Code for repo work, GPT and Gemini for reasoning, Cursor for implementation, and MCPs to connect agents to real tools.