Frontend Engineering
Interfacce accessibili, responsive e curate, costruite con tecnologie web moderne e pensate per durare.
React · Next.js · TypeScriptFrontend Engineer × Product & Visual DesignMATTEO ROMANO / PORTFOLIO ’26
I BUILDDIGITALTHINGS.
Una mente creativa, le mani nel codice.
Trasformo idee in interfacce e prodotti digitali che viene voglia di usare.
WITH CURIOSITY & COFFEE
01 / Progetti selezionati2023 — 2026
Problemi reali.
Prodotti digitali.
Prodotti, interfacce ed esperimenti visivi. Dall’idea all’esecuzione, tra design, codice e tutte le decisioni che ci stanno in mezzo.
Moneta OS↗
Un financial OS web e open source che unisce dati, automazioni e agenti AI per rendere la finanza personale finalmente operativa.
Vestly↗
Concept fashion nato come wardrobe management e ristretto in un MVP di virtual try-on, unendo UX research, direzione brand, UI mobile e sviluppo React Native.
Hermes Home Agent↗
Un agente AI personale collegato ai servizi di casa: trasforma richieste naturali in azioni su spesa, finanze e automazioni domestiche.
I primi esperimenti
Tutto l’archivio (7) ↗Sushe · Revita · Mie · Pocketdex M3
Cosa porto in un progettoDESIGN × CODE × CURIOSITY
Un unico processo.
Più prospettive.
Il frontend è il mio centro. Design di prodotto, visual design e AI sono gli strumenti con cui porto più valore dall’idea al rilascio.
Product & UI Design
Flussi, prototipi e interfacce che trasformano un’idea in un prodotto chiaro, utile e piacevole da usare.
UX/UI · Design system · FigmaVisual Design
Identità, contenuti digitali e materiali grafici capaci di dare a un progetto una voce visiva coerente.
Art direction · Photoshop · FigmaAI & Prototyping
Prototipi, agenti e automazioni per esplorare idee più velocemente e rendere i processi più intelligenti.
AI agents · Automation · Rapid prototyping02 / Dietro le interfacceCREATIVES NEED EACH OTHER
Creativo +
tecnico.
Insieme.
Piacere, Matteo ↗Penso alle persone.
Prima delle schermate ci sono le persone che le useranno. Parto dai loro bisogni, dalle domande e da ciò che deve diventare più semplice.
Collego i puntini.
Economia, marketing, design e sviluppo: un percorso poco lineare che oggi mi aiuta a guardare il prodotto da più prospettive.
Costruisco per capire.
Prototipi, codice, feedback. Mi piace rendere le idee concrete, metterle alla prova e migliorare un dettaglio alla volta.
Una prospettiva più vicina a casa. ↗03 / La cassetta degli attrezziALWAYS LEARNING ↗
Idee chiare.
Gli strumenti giusti.
Una panoramica delle tecnologie e delle discipline che uso davvero: dal primo frame in Figma all’ultimo commit, fino al rilascio.
01 / CORE WEB
HTML
CSS
SCSS
JavaScript
TypeScript
React
Next.js
Vue
02 / UI & STATE
Tailwind CSS
Vanilla Extract
Framer / Motion
TanStack Query
Zustand
Pinia
i18n
Zod
03 / PRODUCT & MOBILE
- React Native
Expo- REST APIs
GraphQL
Firebase- Accessibility
- Technical SEO
04 / CMS & PLATFORMS
Payload CMS- Headless CMS
WordPress
Elementor- No-code tools
05 / QUALITY & WORKFLOW
Git
Cypress
Playwright- Design systems
- Responsive design
06 / DESIGN & CREATIVE
- UI/UX Design
Figma
Adobe Photoshop- Visual identity
- Art direction
07 / AI & SYSTEMS
Claude Code
Codex
Gemini- AI agents
- Automation