MF Moa Ferrán

Portfolio/Ed. 2026

I design it—and I ship it.

A designer who builds. I take products from first sketch to shipped code — the craft of the interface and the engineering underneath, held by one pair of hands.

Based in
Barcelona, ES GMT+1
Status
Open to work
Experience
0 yrs design + code
Focus
Design systems & interactive web
See selected work↘ Résumé Get in touch
Scroll

01

About

I care about the whole line — from the first pixel to the last commit.

For eight years I've lived in the gap between design and engineering. I'm most useful where the two meet: turning an idea into an interface that feels considered, then building it so it actually works — fast, accessible, and maintainable.

I've shipped design systems, marketing sites, dashboards and full products. I sweat the details others skip — the easing curve, the empty state, the loading moment — because that's where a product earns trust.

Read the full story ↘
0 Projects shipped
0 Years designing + building
0 Happy clients
∞ Cups of coffee
02

Selected work

04 projects
See the full archive ↘
03

Experience

8 years
  1. 2022 — Now · 3 yrs

    Lead Product Designer & Engineer

    OneCommerce · Barcelona

    Own design and front-end for the analytics suite; built the design system and shipped the reporting platform end-to-end.

    • Built the design system from scratch (150+ components)
    • Led a rebuild that cut load time by 62%
  2. 2019 — 2022 · 3 yrs

    Senior Front-end Developer

    Kestrel Studio · Remote

    Built award-shortlisted marketing sites with GSAP & WebGL, bridging design and engineering.

    • 3× FWA / Awwwards recognitions
    • Mentored 4 junior developers
  3. 2017 — 2019 · 2 yrs

    UI Designer & Developer

    Freelance · Europe

    Designed and coded sites and apps for startups and studios across Europe.

    • 20+ projects delivered end-to-end
Figma✦React✦TypeScript✦Next.js✦Node.js✦GSAP✦WebGL✦Postgres✦Vite✦Framer✦
04

Capabilities

Design · Front-end · Full-stack

Design

  • Product & UX design
  • Design systems
  • Interaction & motion
  • Prototyping
  • Figma

Front-end

  • HTML / CSS / JS
  • TypeScript
  • React & Next.js
  • GSAP / WebGL
  • Accessibility

Full-stack

  • Node.js
  • REST & GraphQL APIs
  • Postgres / Prisma
  • Auth & payments
  • CI / CD

Toolkit

  • Vite
  • Git
  • Vercel / Cloudflare
  • Testing
  • Performance
05

How I work

  1. 01

    Understand

    Get to the real problem — users, constraints, goals — before touching a canvas.

  2. 02

    Design

    Explore fast, decide with taste. Systems over screens, motion as meaning.

  3. 03

    Build

    Ship the real thing — accessible, performant, and true to the design.

  4. 04

    Refine

    Measure, polish, and sweat the last 10% that makes it feel finished.

“Moa is the rare person who can design a thing beautifully and then build it better than the engineers expected. A cheat code for any team.”
Elena Ríos VP Product · Northwind
“The most detail-obsessed craftsperson I've worked with. Everything ships polished, accessible and fast.”
Tom García Eng Lead · Atlas
“Gave us a design system and the front-end to match — our velocity doubled.”
Sara Lindqvist Design Director · Lumen
Now

Building a design-systems toolkit & open to select freelance for 2026.

Let's talk ↘

06

Let's build
something worth shipping.

hello@moaferran.com
GitHub ↗ LinkedIn ↗ Dribbble ↗ Résumé ↓