Frontend Engineering
Accessible, responsive and carefully crafted interfaces, built with modern web technologies and made to last.
React · Next.js · TypeScriptFrontend Engineer × Product & Visual DesignMATTEO ROMANO / PORTFOLIO ’26
I BUILDDIGITALTHINGS.
A creative mind, hands in the code.
I turn ideas into interfaces and digital products you want to use.
WITH CURIOSITY & COFFEE
01 / Selected work2023 — 2026
Real problems.
Digital products.
Products, interfaces and visual experiments. From idea to execution, across design, code and all the decisions in between.
Moneta OS↗
An open-source financial OS that combines data, automation, and AI agents to make personal finance operational.
Vestly↗
A fashion app concept that started as wardrobe management and was narrowed into a virtual try-on MVP, combining UX research, brand direction, mobile UI, and React Native development.
Hermes Home Agent↗
A personal AI agent connected to home services, turning natural-language requests into actions across groceries, finance, and home automation.
The early experiments
The full archive (7) ↗Sushe · Revita · Mie · Pocketdex M3
What I bring to a projectDESIGN × CODE × CURIOSITY
One process.
More perspectives.
Frontend is my core. Product design, visual design and AI are the tools I use to bring more value from idea to release.
Product & UI Design
Flows, prototypes and interfaces that turn an idea into a clear, useful and enjoyable product.
UX/UI · Design systems · FigmaVisual Design
Identities, digital content and graphic assets that give each project a clear and consistent visual voice.
Art direction · Photoshop · FigmaAI & Prototyping
Prototypes, agents and automations that help explore ideas faster and make processes smarter.
AI agents · Automation · Rapid prototyping02 / Behind the interfacesCREATIVES NEED EACH OTHER
Creative +
technical.
Together.
Nice to meet you, I’m Matteo ↗People come first.
Before the screens, there are the people who use them. I start with their needs, their questions, and what should become simpler.
I connect the dots.
Economics, marketing, design, and development: a winding path that helps me see a product from more than one perspective.
I build to understand.
Prototypes, code, feedback. I like making ideas tangible, putting them to the test, and improving one detail at a time.
A perspective closer to home. ↗03 / The toolkitALWAYS LEARNING ↗
Clear ideas.
The right tools.
A practical overview of the technologies and disciplines I use: from the first Figma frame to the final commit and release.
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