Design + Development — Spain

jcenlo .

Disenador grafico de formacion, frontend engineer de oficio. Trabajo en el cruce donde una decision visual es tambien una decision tecnica.

Juan Carlos - Designer and Frontend Engineer
design + code • design + code • design + code •
Click to pause
Diseno lo que implemento. Implemento lo que diseno. / Mas de 5 anos entre Figma y el editor. / React, TypeScript, Astro, Tailwind. / Obsesionado con que cada interfaz sea rapida, coherente y sirva al negocio. / No hay handoff. No hay perdida. / Sistemas, no paginas sueltas. / Diseno lo que implemento. Implemento lo que diseno. / Mas de 5 anos entre Figma y el editor. / React, TypeScript, Astro, Tailwind. / Obsesionado con que cada interfaz sea rapida, coherente y sirva al negocio. / No hay handoff. No hay perdida. / Sistemas, no paginas sueltas. /

Thinking

How I see
this craft

01

Design is structure

Un buen diseno no empieza en lo visual. Empieza en el problema. Lo visual viene despues — y cuando viene, cada decision tiene un porque.

02

The gap is the product

Lo que se disena no es lo que se construye. Vivo en ese hueco. Diseno lo que implemento. No hay handoff, no hay perdida.

03

Systems over pages

No diseno paginas. Diseno sistemas: tokens, componentes, reglas. Si el sistema es solido, las paginas se construyen solas.

Stack

Tools I commit to

Design

  • Figma

Frontend

  • React
  • TypeScript
  • Tailwind
  • shadcn

Web

  • Astro

Data & APIs

  • tRPC
  • Zod

Backend

  • Node
  • Fastify

Si no suma al rendimiento y a la operacion, no entra.

Process

How I
work

01

Alignment

Problema, objetivos, constraints.

02

Structure

Flujos, arquitectura, wireframes.

03

Design

UI, tokens, sistema de componentes.

04

Build + QA

Frontend, testing, performance.

05

Ship

Deploy, analytics, documentacion.

Mi estandar: que cargue rapido, mida bien y sea facil de mantener.

About

The short
version

Soy Juan Carlos. El pivote de diseno a desarrollo no fue un cambio de carrera — fue completar la que ya tenia. Diseno mejor porque se lo que es posible. Desarrollo mejor porque entiendo la intencion.

Contact

Let's talk

Si tienes un proyecto donde diseno y desarrollo van de la mano, probablemente nos entendamos rapido.