matteo vanzini
EN
Matteo come figurina 3D da collezione, mentre saluta

Product builder, codice e design

MatteoVanzini

Costruisco prodotti digitali dall'idea al rilascio: app mobile, backend e gestionali, progettati come un unico sistema.

Scrivimi
La figurina di Matteo che torna ragazzo, fatta di punti di luce

Ciao, sono Matteo.

Ingegnere informatico di Modena. Scrivo codice, ma ragiono per prodotti.

Torniamo indietro, a dove è cominciato.

Il mio percorso

Continua a scorrere, la storia va di lato.

Da dove sono partito

IIS Fermo Corni, Modena

Da dove sono partito

Superiori all'IIS Fermo Corni, indirizzo informatico. Un vecchio PC, i primi programmi e tanta curiosità: l'università è stata il passo naturale.

Laurea in Informatica

2016-2020

Laurea in Informatica

Università di Modena e Reggio Emilia. In tesi ho costruito una web app per dati di neuroscienze che genera da sola il proprio front end di gestione.

Magistrale, 110 e lode

2020-2022

Magistrale, 110 e lode

Ingegneria Informatica, curriculum Data Engineering and Analytics. Tesi sull'estrazione di testo da patrimoni multilingue e primo premio di laurea in memoria di Davide Rabotti.

Ricerca e AI

2021-2023

Ricerca e AI

In FSCIRE su DigitalMaktaba: AI per catalogare biblioteche multilingue e multi-alfabetiche. Tre pubblicazioni, poi un anno di dottorato prima di passare all'industria.

Disegno e costruisco prodotti

2023-oggi

Disegno e costruisco prodotti

Software developer in OTConsulting, su applicazioni enterprise tra Java, C#, Python, SQL, Angular e Flutter. Dopo la laurea mi sono appassionato anche al design: i miei prodotti ora nascono in Figma, molto prima della prima riga di codice.

Cosa ho costruito

2026Prodotto personale, end-to-end

Fantapredio

Fantacalcio a carte collezionabili, costruito su una vera squadra di calcio a 5.

Il problema
Trasformare un gioco tra amici in un prodotto credibile: carte, buste e punteggi che arrivano dalle partite vere.
Cosa ho costruito
Tre pezzi, tutti su un'unica API Django con autenticazione JWT:
  • Flutter
  • Riverpod
  • Django
  • DRF
  • Angular
  • Astro
  • GSAP
Visita il sitoApp StoreGoogle Play
Fantapredio su smartphone

2026Sito, gestionale e backend

Classified

Un progetto su cui sto lavorando adesso. Lo vedrai quando sarà online.

  • Astro
  • Angular
  • Django
  • Docker
Link in arrivo

Template

Un metodo, tante attività.

Prodotti completi per attività reali, costruiti apposta da cima a fondo: ogni volta un settore diverso, un problema diverso, a volte uno stack diverso. Mostrano come lavoro, e sono un punto di partenza se hai una di queste attività.

  • Template Cinema, SitoTemplate Cinema, PrenotazioneTemplate Cinema su un telefono
    01CinemaSito, gestionale, app, API

    01 · Northlight CinemaMarchio e dati demo sono inventati

    Cinema

    Cinema e piccole multisala

    Programmazione, mappe dei posti, pagamenti e biglietti, dal sito fino all'ingresso.

    Cosa dimostra I posti restano bloccati dieci minuti con un vincolo nel database, così due persone non possono mai comprare lo stesso. Pagamenti con Stripe o con un simulatore integrato, biglietti QR controllati all'ingresso.

    Cosa contiene

    1. 01SitoProgramma e schede film, statici e veloci, in Astro.
    2. 02PrenotazioneMappa dei posti dal vivo, con file premium e posti per sedie a rotelle.
    3. 03GestionaleAngular: numeri del giorno, timeline per sala, rimborsi e check-in.
    4. 04AppFlutter: programmazione, scelta dei posti, pagamento e biglietti QR.
    • Django
    • DRF
    • Astro
    • Angular
    • Flutter
    • Stripe
    SitoCodice
  • Template Abbigliamento, SitoTemplate Abbigliamento, Scheda prodottoTemplate Abbigliamento su un telefono
    02AbbigliamentoSito, gestionale, app, API

    02 · HaldenMarchio e dati demo sono inventati

    Abbigliamento

    Negozi di abbigliamento e accessori

    Un negozio editoriale con colori, taglie, magazzino, ordini e resi.

    Cosa dimostra Il magazzino viene riservato per quindici minuti durante il pagamento, così niente viene venduto due volte. Annulli, spedizioni e resi entro 30 giorni con rimborsi parziali, e un gestionale con vendite, più venduti e scorte basse.

    Cosa contiene

    1. 01SitoHome editoriale e catalogo con filtri.
    2. 02Scheda prodottoColori e taglie con disponibilità dal vivo, borsa e pagamento.
    3. 03GestionaleAngular: vendite, ordini da spedire, magazzino e resi.
    4. 04AppFlutter: novità, shop, preferiti, borsa e resi.
    • Django
    • DRF
    • Astro
    • Angular
    • Flutter
    • Stripe
    SitoCodice
  • Template Finanze personali, PanoramicaTemplate Finanze personali, Investimenti
    03Finanze personaliApp desktop

    03 · CofferMarchio e dati demo sono inventati

    Finanze personali

    Chi vuole i propri soldi in un posto solo, in privato

    Conti, budget, patrimonio e investimenti, cifrati sul proprio computer.

    Cosa dimostra Niente server e niente account: un unico file cifrato con AES-256-GCM, chiave derivata con Argon2id, chiave di recupero e blocco automatico. Budget, patrimonio nel tempo e un portafoglio con costo medio, dividendi e allocazione.

    Cosa contiene

    1. 01PanoramicaPatrimonio nel tempo, spese e budget a colpo d'occhio.
    2. 02InvestimentiPosizioni, guadagni, dividendi e allocazione per tipo e area.
    3. 03BudgetLimiti mensili per categoria, confrontati con il ritmo del mese.
    4. 04La cassafortePassword principale, chiave di recupero, niente mai scritto in chiaro.
    • Python
    • SQLite
    • pywebview
    • SvelteKit
    • ECharts
    Codice
  • Template Wiki, SitoTemplate Wiki, Scheda PokémonTemplate Wiki su un telefono
    04WikiSito e app

    04 · FieldbookNon ufficiale, dati da PokéAPI

    Wiki

    Community, siti di appassionati e qualsiasi catalogo grande

    Una guida non ufficiale a tutti i Pokémon, costruita su una grande API pubblica.

    Cosa dimostra PokéAPI trasformata in un riferimento con tutto collegato a tutto: circa 1.000 specie con le loro forme, 900 mosse, 300 abilità, 18 tipi e 30 giochi. Niente backend: il sito legge l'API una volta sola in fase di build e diventa 2.000 pagine statiche, l'app tiene sul telefono quello che legge.

    Cosa contiene

    1. 01SitoUn taccuino da naturalista in Astro, con ricerca istantanea.
    2. 02Scheda PokémonStatistiche, evoluzioni, debolezze, mosse e giochi.
    3. 03Catalogo1.025 specie con filtri per tipo, generazione e statistiche.
    4. 04AppFlutter: gli stessi contenuti, cache offline e Pokémon salvati.
    • Astro
    • Flutter
    • Riverpod
    • GraphQL
    • PokéAPI
    SitoCodice
  • Template Bed & breakfast, SitoTemplate Bed & breakfast, Tour 3DTemplate Bed & breakfast su un telefono
    05Bed & breakfastSito con tour 3D

    05 · Alder HouseMarchio e dati demo sono inventati

    Bed & breakfast

    B&B, affittacamere e case vacanza

    Visitare la casa prima di prenotare: un tour 3D che segue lo scroll, stanza per stanza.

    Cosa dimostra La casa è costruita da uno script Python in Blender e arredata con modelli CC0 e texture PBR; la luce è cotta nelle texture, così il sito la disegna senza luci e gira anche sui telefoni. Il tetto si solleva, la camera entra in ogni stanza e la prenotazione passa dal canale della struttura.

    Cosa contiene

    1. 01SitoPrima di tutto la casa, renderizzata dal vivo nel browser.
    2. 02Tour 3DIl tetto si solleva; pianta e modello sono cliccabili.
    3. 03CamereOgni camera con foto, servizi, prezzo e link per prenotare.
    4. 04Come arrivareUna mappa illustrata con il percorso per ogni modo di arrivare.
    • Astro
    • React Three Fiber
    • Three.js
    • GSAP
    • Blender
    • Python
    SitoCodice

Hai un cinema, un negozio, uno studio?

Sono punti di partenza, non prodotti finiti: li adatto alla tua attività, al tuo marchio e ai tuoi dati.

Parliamo del tuo

Un prodotto è un sistema, non una somma di schermate.

  1. Capire

    Parto dal problema e da chi lo vive. La tecnologia arriva dopo.

  2. Ridurre

    Taglio fino alla versione più piccola che vale la pena usare.

  3. Disegnare

    Flussi, schermate e dettagli prendono forma prima in Figma. È lì che il prodotto inizia a sembrare vero.

  4. Costruire

    App, API e strumenti interni nascono insieme e parlano la stessa lingua.

  5. Consegnare

    Rilascio presto, documento quello che serve e resto sul prodotto dopo il lancio.

AI nel processo

Costruisco con l'AI ogni giorno. Il giudizio resta mio.

Ho lavorato sull'AI nella ricerca prima che fosse ovunque. Oggi modelli e agenti fanno parte di come consegno: si prendono il lavoro ripetitivo, io tengo le decisioni, le revisioni e la responsabilità.

Cosa uso, e per cosa

  • CostruireClaude CodeIl mio compagno nel terminale: funzionalità tra app e API, refactoring, test e review. Il piano lo decido io, leggo ogni diff e rispondo di quello che va online.
  • RagionareClaudeScelte di architettura, specifiche e compromessi, ragionati prima di scrivere codice.
  • EsplorareChatGPTUno sparring partner veloce per idee, testi e casi limite.
  • RicercareGeminiRicerca e documenti lunghi: documentazione, confronti, ecosistema Google.
  • ImmaginiGoogle FlowGenerazione di immagini e video. La figurina di questo sito è nata lì, partendo da un foglio personaggio.
  • MovimentoHiggsfieldVideo e motion con l'AI per visual di prodotto e contenuti di lancio.

La prova, qui

Questo sito è stato costruito con Claude Code e la sua figurina è stata generata in Google Flow. Ogni riga e ogni immagine sono passate da me.

  1. 01

    Rivedo tutto

    Il codice generato è una bozza finché non l'ho letto, testato e capito.

  2. 02

    Prima il contesto

    Specifiche chiare, passi piccoli e i file giusti: input migliore, risultato migliore.

  3. 03

    Leva, non vetrina

    Uso l'AI dove fa risparmiare tempo vero, non per sembrare moderno.

Gli strumenti che uso ogni giorno

Linguaggi

  • Python
  • Java
  • C#
  • TypeScript
  • Dart
  • SQL

Backend

  • Django
  • Django REST Framework
  • Flask
  • ASP.NET Core
  • Knowledge extraction

Frontend e mobile

  • Flutter
  • Riverpod
  • Angular
  • Astro
  • Tailwind CSS
  • GSAP
  • WebGL

Design

  • Figma
  • UI design
  • Prototyping
  • Motion

Dati

  • PostgreSQL
  • MongoDB
  • Firestore
  • Pandas / NumPy

Cloud

  • Railway
  • Google Cloud
  • Firebase
  • Docker
  • Linux / Nginx
  • Git

Hai un prodotto da costruire?

Raccontami cosa hai in mente. Sono vicino a Modena.

ScrivimiLinkedIn
Matteo come figurina da collezione nella sua scatola, mentre saluta