Vai al contenuto
matttre°
EN
Parliamone ↗
Cosa faccio / Come pensoFRONTEND ENGINEER, CREATIVE AT HEART.

Progetto.
Sviluppo.
Do carattere.

Tre prospettive, un unico modo di lavorare: collegare ciò che le persone vedono con ciò che possono fare.

Trova il tuo punto di partenza ↓
01 / Frontend developmentLo faccio funzionare.

Il design incontra
il mondo reale.

Una schermata in Figma è un inizio. La trasformo in un’esperienza che risponde, si adatta e funziona davvero: con componenti riutilizzabili, stati chiari e attenzione alle persone che la useranno.

React / Next.js / TypeScript

Hai un design da sviluppare, un prodotto da costruire o un’interfaccia da migliorare?

Parliamone ↗
01 / FROM PIXELS TO INTERACTION
01

Interfacce & componenti

Siti e applicazioni responsive, componenti riutilizzabili e integrazioni con API.

02

Interazioni con un senso

Microinterazioni, transizioni e animazioni al servizio dell’esperienza, non del rumore.

03

Qualità fino ai dettagli

Accessibilità, gestione degli stati, performance e cura tra desktop e mobile.

02 / Web & product designGli do una direzione.

Prima di disegnare,
metto a fuoco.

Parto dal problema, dalle persone e dalle priorità. Disegno flussi e interfacce che rendono il prodotto più leggibile, poi uso il prototipo per mettere alla prova le scelte. Sapere come si sviluppa mi aiuta a progettare con i piedi per terra.

UX/UI / Figma / Prototyping

Hai un’idea da chiarire, un sito da ripensare o un prodotto che deve essere più semplice?

Parliamone ↗
02 / FROM QUESTION TO INTERFACE
01

Direzione & flussi

Struttura dei contenuti, percorsi utente e wireframe prima di entrare nei dettagli visivi.

02

UI & prototipi

Schermate responsive, gerarchie chiare e prototipi interattivi per esplorare il prodotto.

03

Un linguaggio coerente

Componenti, tipografia, colori e stati documentati per passare dal design allo sviluppo.

03 / Graphic designLo faccio notare.

Non basta esserci.
Bisogna farsi sentire.

Immagini, colore e tipografia possono cambiare l’energia di una storia. Lavoro su composizioni e contenuti digitali con un carattere riconoscibile. Oggi la mia selezione nasce dal mondo sport ed esports: è il punto di partenza, non il confine.

Composition / Color / Typography

Hai un evento, un annuncio o una storia a cui dare una presenza visiva?

Parliamone ↗
03 / FROM IMAGE TO IMPACT
01

Poster & contenuti

Visual per eventi, annunci e risultati, con una gerarchia che porta il messaggio in primo piano.

02

Compositing & ritocco

Scontorno, luce, texture e color grading: dalla foto di partenza al visual finale.

03

Serie visive

Grafiche coordinate che mantengono il carattere del progetto tra soggetti e contenuti diversi.

Dal prima al dopo. Entra nel compositing.
04 / Il filo che unisceLESS HANDOFF. MORE CONVERSATION.

Le cose belle
non capitano per caso.

Non un pacchetto rigido, ma un processo condiviso. Posso seguire una parte del progetto o collegare design e sviluppo, lavorando con te o dentro il tuo team.

01

Ascolto.

Obiettivi, persone, contesto. Prima capisco cosa deve cambiare.

02

Metto a fuoco.

Priorità, struttura e direzione. Rendo visibili le scelte.

03

Costruisco.

Design e codice si parlano. Prototipo, sviluppo, curo i dettagli.

04

Rifinisco.

Test, feedback e iterazioni. Il primo tentativo non è l’ultimo.

UNDER THE HOODLa mia cassetta degli attrezzi
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

Il prossimo pezzo
lo costruiamo insieme?