Frontend Developer · Product e systems thinking

Trasformo requisiti complessi in prodotti web chiari e affidabili.

Costruisco siti responsive, applicazioni frontend e sistemi di contenuto per piccole imprese, team B2B, organizzazioni culturali e istituzioni.

Italia · Collaborazione da remoto

Indice del portfolioRequisiti → sistema → evidenze
  1. 01
    Costruireinterfacce, flussi e sistemi
  2. 02
    Documentaredecisioni, responsabilità e vincoli
  3. 03
    Verificarecomportamento, release e limiti
Lavoro sostenuto da evidenzeImplementazione responsive-firstDecisioni documentateLimiti dichiarati

Progetti selezionati

Problemi diversi. Un unico standard di evidenza.

Lavoro all’intersezione tra implementazione frontend, product thinking e systems thinking, soprattutto quando contenuti, requisiti, dipendenze e responsabilità devono diventare chiari.

01Istituzionale · Frontend editoriale

Via Flaminia Festival

Trasformare un programma culturale distribuito in un’esperienza digitale leggibile, responsive e verificabile.

  • React
  • Vite
  • Sistemi editoriali
  • QA responsive
Leggi i dettagli
Ruolo
Implementazione frontend, struttura dei contenuti e verifica della release.
Contesto
Sette comuni, più sedi, date, biografie, link di prenotazione e responsabilità istituzionali dovevano diventare un’esperienza coerente.
Contributo
Ho modellato eventi e luoghi, implementato l’interfaccia React/Vite, strutturato la navigazione e verificato la release pubblicata.
Evidenze
Progetto online, release v7_v3, verifiche responsive e note di implementazione.
02Applicazione frontend · JavaScript modulare

Personal Finance App

Un’applicazione frontend con stato, costruita in JavaScript modulare con dominio esplicito, routing, persistenza e test automatici.

  • JavaScript
  • ES Modules
  • Ownership dello stato
  • Test unitari e d’integrazione
Leggi i dettagli
Ruolo
Implementazione frontend, architettura, documentazione e verifica automatica.
Contesto
Design visuale, dati iniziali, font e asset provengono da Frontend Mentor; l’implementazione trasforma il brief in un’applicazione senza framework e con confini espliciti.
Contributo
Ho implementato moduli ES nativi, azioni di dominio, selector puri, stato UI, hash routing, persistenza, view e componenti riutilizzabili, integrazione con API valutarie e test automatici.
Evidenze
Applicazione online, repository pubblico, requirement contract, system model, test unitari e test d’integrazione.
03Sistemi digitali · Operations

Sfere di Luce

Costruire da zero un ecosistema digitale-commerciale: offerta, contenuti, funnel, prenotazioni, pagamenti, delivery e misurazione.

  • Flussi operativi
  • Prenotazioni
  • Pagamenti
  • Governance
Leggi i dettagli
Ruolo
Strategia dei sistemi digitali, architettura dell’offerta, coordinamento end-to-end e governance operativa.
Contesto
All’avvio non esisteva una struttura digitale commerciale integrata. Offerta, presenza editoriale, SEO, acquisizione contatti, prenotazioni, pagamenti, delivery, automazioni email e analytics dovevano essere progettati e collegati.
Contributo
Ho costruito il sistema dalle fondamenta: definito offerta e funnel, strutturato la presenza digitale, coordinato il lavoro grafico, collegato booking, pagamenti, delivery e automazioni, poi ricostruito il risultato in un sistema governabile.
Evidenze
Progetto pubblico, case study interno, system map, evidence register, validazione dei flussi e roadmap di remediation.
04Systems engineering · C

AxonLA

Una libreria C17 compatta per l’algebra lineare, dedicata a API design, ownership della memoria, kernel numerici e struttura testabile.

  • C17
  • API design
  • Ownership memoria
  • Test e benchmark
Leggi i dettagli
Ruolo
Autore del progetto di systems engineering.
Contesto
Il progetto estende il lavoro sulle interfacce verso ownership esplicita, allocazione allineata, kernel densi, decomposizioni, solver, test e benchmark.
Contributo
Ho progettato l’API pubblica e la struttura d’implementazione, aggiunto test ed esempi e documentato prestazioni e limiti noti.
Evidenze
Repository pubblico, build locale, suite di test, benchmark e documentazione del progetto.
05Implementazione frontend · Lead capture

FitPages

Una landing page responsive con sezioni strutturate, pricing, flusso di contatto e punti d’interazione orientati alla CTA.

  • HTML
  • CSS
  • JavaScript
  • Form
Leggi i dettagli
Ruolo
Implementazione frontend e struttura delle interazioni.
Contesto
Un’interfaccia marketing articolata doveva restare leggibile su ogni dispositivo e rendere esplicita l’azione successiva.
Contributo
Ho implementato layout responsive, sezioni della pagina, percorso del form e punti d’interazione con una struttura frontend semantica.
Evidenze
Deployment online e screenshot del progetto; non vengono rivendicati dati di risultato.

Archivio di pratica frontend

Componenti piccoli ed esercizi mirati restano disponibili come evidenza d’implementazione, ma non vengono presentati come equivalenti ai case study principali.

Esplora l’archivio ↗

Competenze

Utile al confine tra contenuto, interfaccia e sistema.

Il punto non è una lunga lista di tecnologie, ma la capacità di chiarire un requisito reale, costruire il percorso giusto e lasciare evidenze verificabili.

01

Sistemi frontend

Interfacce semantiche e responsive, con struttura chiara, sezioni riutilizzabili e comportamento client-side manutenibile.

  • HTML5
  • CSS
  • JavaScript
  • UI responsive
02

Contenuto e interazione

Gerarchie editoriali, informazioni per eventi, flussi form, stati di validazione e interazioni comprensibili su ogni dispositivo.

  • Modelli di contenuto
  • Form
  • Stati UI
  • Basi di accessibilità
03

Interfacce predisposte alla misurazione

Modelli di evento e percorsi di conversione pratici per rendere osservabili le interazioni importanti senza fare della misurazione il prodotto principale.

  • Modelli di evento
  • Fondamenti dataLayer
  • Mappatura CTA
  • Basi UTM
04

Pensiero sistemico

Dagli ecosistemi commerciali a una libreria C: rendo visibili requisiti, dipendenze, responsabilità e verifiche.

  • Documentazione
  • Debugging
  • Build
  • Prova tecnica

Come posso aiutare

Una competenza centrale, tre contesti.

I servizi sono circoscritti ai problemi dimostrati dai progetti. Un primo confronto serve a chiarire contesto, vincoli e livello d’intervento adeguato.

Per piccole imprese e professionisti

Una presenza web che le persone capiscono e usano.

Siti focalizzati, landing page e flussi di contatto che rendono chiaro il passo successivo senza aggiungere complessità inutile.

  • Struttura del sito o della landing
  • Flussi di contatto e prenotazione
  • Implementazione responsive
  • Basi per la misurazione

Per team B2B

Sistemi frontend che rendono più leggibile il percorso commerciale.

Interfacce, form e flussi pronti per la misurazione, collegando la comunicazione del prodotto a segnali operativi utili.

  • Implementazione frontend
  • Revisione di CTA e flussi form
  • Modello eventi e handoff
  • Raccomandazioni tecniche prioritarie

Per istituzioni e organizzazioni culturali

Esperienze editoriali per programmi complessi e pubblici reali.

Strutture digitali chiare per eventi, luoghi, programmi e contenuti istituzionali, con attenzione alla responsabilità dei dati e all’accesso responsive.

  • Struttura di contenuti ed eventi
  • UI editoriale responsive
  • Luoghi, date e navigazione
  • Documentazione di release e QA

Come lavoro

Chiarezza prima della complessità superficiale.

Un processo piccolo ed esplicito rende più sicura la collaborazione con piccole imprese, team B2B e istituzioni.

01

Chiarire

Trasformare il brief in requisiti, vincoli, responsabilità e una definizione di completamento.

02

Strutturare

Scegliere il modello di contenuto, interfaccia e tecnologia prima di aggiungere complessità visiva.

03

Costruire

Implementare il sistema coerente più piccolo e rendere visibili stati e dipendenze importanti.

04

Verificare

Controllare il risultato su dispositivi, link, form, basi di accessibilità e limiti documentati.

Profilo

Il lavoro tecnico deve rendere visibili le responsabilità.

Lavoro all’intersezione tra implementazione frontend, product thinking e chiarezza operativa. Mi interessano soprattutto i progetti in cui la difficoltà non è solo scrivere codice, ma rendere comprensibili contenuti, vincoli, dipendenze e responsabilità.

  • AmbitoCosa è incluso, cosa non lo è e cosa resta da verificare.
  • ResponsabilitàCosa ho progettato, implementato, corretto o documentato personalmente.
  • EvidenzeLink online, repository, test, note di release o limiti dichiarati.

Contatti

Parliamone

Raccontami cosa vuoi costruire, migliorare o capire. Il form accetta richieste di progetto, collaborazione, lavoro e altro.

Non inserire informazioni riservate o sensibili.