Portfolio professionale
Obiettivo del progetto
L'obiettivo era costruire un sito capace di orientare il cliente prima del primo contatto: chiarire cosa faccio, per chi ha senso lavorare con me e quali segnali distinguono un progetto serio da una richiesta generica.
React 19 + Vite invece di un CMS
Un portfolio tecnico deve essere controllabile nel dettaglio: struttura dati, routing, performance, bundle e componenti. Un CMS avrebbe introdotto un livello di gestione non necessario per contenuti stabili e fortemente progettati.
Backend PHP custom per il form contatti invece di un servizio terzo
Servizi come EmailJS hanno limiti di piano, controllo ridotto sui template e meno margine sulla gestione del flusso. Con un backend PHP custom ho mantenuto controllo su validazione, template dinamici e doppia email automatica: conferma all'utente e notifica interna.
Design system con dark mode nativa
La dark mode non è stata aggiunta dopo: colori, contrasti, stati UI e variabili CSS sono stati pensati fin dall'inizio per funzionare in entrambe le modalità, senza duplicare stili o creare eccezioni difficili da mantenere.
Sezioni case study strutturate per comunicare metodo
Un cliente qualificato non vuole vedere solo cosa ho fatto, vuole capire come ragiono. La struttura Contesto / Decisioni / Escluso obbliga ogni progetto a mostrare scelte, vincoli e priorità, non solo risultati o funzionalità.
Il blog è gestito tramite inserimenti SQL diretti nel database, senza un pannello di amministrazione dedicato: un CMS headless avrebbe introdotto un'infrastruttura separata da deployare e mantenere. La tabella prezzi in homepage avrebbe spostato l'attenzione sul costo prima del problema, mentre i range economici hanno più senso nelle pagine servizio. La dashboard analytics è informazione interna che non aiuta il visitatore a decidere. Il chatbot AI avrebbe aggiunto complessità senza valore reale per il tipo di contatto che voglio generare.
Funzionalità realizzate
strict_typesImpatto del progetto
Accessibilità misurata
Lighthouse Accessibility 100 su desktop e mobile, a supporto di un'interfaccia più robusta.
Performance verificate
PageSpeed 90 mobile e 100 desktop, con layout stabile e tempi di blocco controllati.
SEO tecnica solida
Lighthouse SEO 100 e audit SEO 97/100, con struttura tecnica leggibile e coerente.
Sistema di prenotazione integrato
Cal.com con più punti di ingresso pensati per ridurre i passaggi prima della conversione.
Architettura modulare
20+ hook personalizzati, configurazioni centrali e pattern riutilizzabili per manutenibilità a lungo termine.
Percorso commerciale più chiaro
Case study, servizi e CTA guidano l'utente verso una richiesta più qualificata, non verso un contatto generico.
Galleria del progetto
Screenshot delle sezioni principali del progetto.
Homepage Portfolio React 19 - Hero Section Responsive
Sistema Accessibilità WCAG 2.1 - Widget Avanzato
Portfolio Progetti - Filtri Real-time e Ricerca
Form Contatti PHP + Cal.com Booking Integration
Cookie Management GDPR-Compliant - Gestione Granulare
Design Responsive - Dark/Light Mode Tailwind CSS v4
Servizio correlato
Siti web professionali
Questo progetto rientra in questo servizio
Tecnologie Utilizzate
Info Progetto
Cliente
Ottavio Tedesco
Anno
2025
Durata
6 mesi
Categoria
Siti webOutput
- Sito React 19 con Vite 7 e Tailwind CSS v4
- Widget accessibilità personalizzato con criteri WCAG 2.1 considerati
- Manifest web app e configurazione installabilità dove supportata
- Sezioni case study con struttura Contesto / Decisioni / Escluso
- Backend PHP type-safe per form contatti con doppia email automatica
- Design system light/dark basato su CSS Custom Properties