Skip to content
UI/UX Developer · Design Engineer

I design and build fast, purposeful digital products.

UI/UX developer with a frontend focus — React and Astro, enough backend to ship end to end — plus AI-assisted workflows in Claude and an Adobe design background behind every interface.

Open to the right roleFreelance projects → EnloLab
Juan Carlos De La Encina, UI/UX developer and design engineer
ROLEUI/UX DEV · DESIGN ENGINEER
STACKREACT · ASTRO · NODE
BASEDSPAIN (CET) · REMOTE
STATUSEU WORK AUTHORISED
UX/UI designFrontend engineeringDesign systemsWeb performanceProduct interfacesAutomation
Stack
REACTASTROTYPESCRIPTNODE
TAILWINDFIGMA-FREE WORKFLOWADOBE CC
CLAUDETURBOREPO · PNPMVERCEL · CLOUDFLARE
Capabilities01 / 05

What I bring to a team.

01

Interfaces that survive real use

Flows, states and edge cases resolved in the browser rather than in a mockup — because I build what I design and find the gaps myself.

UX/UIStates
02

Frontend that stays fast

Astro and React with a bias for shipping less. Core Web Vitals treated as a design constraint, not a report you read afterwards.

AstroReactPerformance
03

Design systems teams actually use

Tokens, components and the documentation around them, so a team ships consistently without rebuilding the basics every sprint.

TokensComponents
04

The designer/developer handoff, removed

Both roles in one head. No translation layer, no spec drift, no "that is not what the mockup said".

Design Engineering
05

AI woven into the workflow

Claude-assisted pipelines that absorb the repetitive work — and my own MCP tooling behind them. The judgement stays human.

ClaudeMCPTooling
06

Let's talk

A role, a project, or just a question about how I work.

PerformanceProductCraft

For theBuildersShaping theWeb.

Building isn't just writing code — it’s turning ideas, flows and constraints into products that perform. Design, execution and results, working together.

Projects shipped60+

Websites, product interfaces and landing systems — built to perform and to last longer than the brief.

Years building the web17+
FrontendPerformanceProductSystemsConversion
Graphic design
BrandingVisual identityTypographyLayoutArt direction
How my work is organised02 / 05

Where the work lives.

About03 / 05

I came to code through design, which is why my interfaces survive contact with real users — and real deadlines.

Trained in graphic design and Adobe tooling, working day to day in React and Astro, with enough backend to wire an API myself. Lately most of my leverage comes from AI-assisted workflows: Claude does the repetitive part, I keep the judgement.

Read the full story →
How I work03 STEPS
01
Frame the problem

One call to agree what success looks like before any pixels.

02
Design in the browser

Real components, real states, reviewed on a real URL.

03
Ship and hand over

Documented, measurable, and yours to maintain.

Notes04 / 05

Working notes on the craft.

Frontend & PerformanceDesign Systems & AIProduct & Craft
Why I no longer use FigmaDesign Systems & AIsaastro-relay: persistent memory for working with AI on real projectsProduct & CraftDesign systems with AI: what changes and what doesn'tDesign Systems & AIUX writing: words are interfaceProduct & Craft
All notes