SV

Adrià Julià Lundgren

Design Engineer · UI Systems · Figma · Frontend implementation


Om mig

Jag arbetar vid gränsen mellan design och teknik. Jag designar i Figma med implementering i åtanke, och kodar med känslan från någon med grafisk designbakgrund. Mitt område är Design Systems, design tokens, tillgänglighet och högkvalitativ UI-implementering — från typografibeslut till slutlig komponent i produktion.

Bakgrund i grafisk design (Llotja) och 20+ års erfarenhet av att utveckla digitala produkter. Intensiv praktik i AI-assisterad utveckling: prompt engineering applicerat på hållbar refaktorering, tokengenerering, dokumentation och systematisk granskning.


Vad jag gör

End-to-end Design Systems: från tokens och primitiver i Figma till deras implementering som Web Components eller React-komponenter.

UI Engineering: trogen översättning av mockups till kod utan att förlora nyanser (micro-interactions, typografi, vertikal rytm, övergångar).

Bro mellan discipliner: Jag översätter designvokabulär till tekniska termer och vice versa. Användbar i team där designers och utvecklare arbetar separat.

AI-assisterade arbetsflöden: Jag accelererar produktionen och behåller samstämmighet genom prompt engineering, utan att förlora mänsklig bedömning.


Stack

Design: Figma · Variables · Components · Auto-layout · Design Tokens · Prototyping Frontend: React 19 · TypeScript · Web Components / LitElement · Vite Styles: SCSS/SASS · Tailwind · Modern CSS (custom properties, container queries) · BEM Motion: CSS transitions · declarative animations · page transitions Tillgänglighet: WCAG 2.1 · keyboard navigation · contrast · screen reader testing AI: Claude · Cursor · prompt engineering applicerat på refaktorering och tokengenerering


Framhävd erfarenhet

Zara Web Challenge — Napptilus / Inditex (2026)

SPA fokuserad på visuell detalj: dark mode, konsistenta skeleton loaders, animerade sidövergångar, flerspråkig (ES/CA/EN). Design och utveckling av det kompletta visuella systemet.

Demo

React 19 Styled Components Design tokens Animation

Frontend Developer — Minsait / Fundación BBVA

Web Components och LitElement för OpenWeb-ekosystemet. Arbetar inom BBVA:s företags-Design System (Cells), respekterar befintliga design tokens, primitiver och mönster.

Web Components LitElement Design Systems BBVA Cells

Senior Frontend — Newshore / Vueling Airlines

SCSS för ett storskaligt Design System i en SCRUM-miljö. Återanvändbara komponenter konsistenta med varumärkets visuella identitet.

SCSS Design Systems Angular

Senior Developer — BeeData Analytics

Datavisualiseringskomponenter (D3.js + Web Components) fokuserade på läsbarhet, tillgänglighet och visuell konsistens.

D3.js Web Components Data viz

UI Designer — Infojobs

Omdesign av kandidatportalens UI. Modulära HTML/CSS-strukturer för hela applikationens livscykel.

UI/UX Designer — adamo.es

UI-design och utveckling med SCSS/Less. Integration av komplexa registreringsflöden.


Övriga relevanta projekt

ByteBerry Studio: Flerspråkigt blockbaserat system för ccib.es. Premium UI/UX för bandalux.com.


Utbildning

Postgraduat i multimedieprogrammering · Universitat Pompeu Fabra (UPF) Examen i grafisk design · EAAOA Llotja, Barcelona — stark grund i typografi, färg och komposition.

Nylig fortbildning: Advanced React/Redux Architecture · Agile/SCRUM · High-Performance System Design


Språk

Katalanska och spanska: modersmål · Engelska: Professional Working Proficiency


Design som förstår kod. Kod som respekterar design.