Tutti i progetti

Progetti personali e per clienti: web, design, automazioni, integrazioni, consulenza tecnica e molto altro.

• Tecnico Specialista

  2026 · client

  Sito one-page per un tecnico H24 specializzato in elettricità, clima, caldaie e idraulica su Milano e province — pensato per chiamate rapide, WhatsApp e campagne Google Ads.

  Tecnico Specialista serviva una presenza online veloce e credibile per interventi urgenti a Milano, Monza, Varese e Lodi, senza passaggio da call center. Ho progettato e sviluppato un sito one-page in Next.js con hero di brand, quattro servizi, marquee marchi autorizzati, mappa interattiva del territorio, FAQ e contatti multi-canale (telefono, WhatsApp, form). I contenuti stanno in moduli dati tipizzati così il cliente aggiorna numeri, zone e servizi senza toccare la UI. Il rilascio include SEO (metadata, sitemap, robots, JSON-LD LocalBusiness), email Resend sull’API contatti e hosting su Vercel con analytics.

  • Design UI/UX realizzato da zero: brand, layout, tipografia e componenti costruiti sul servizio
  • Campagne Google Ads impostate e gestite per l’intento di ricerca locale di emergenza
  • One-page App Router con code-splitting dinamico delle sezioni
  • Mappe Leaflet (territorio + sede) su tile OpenStreetMap
  • Form contatti con Zod, honeypot e invio via Resend
  • Schema.org LocalBusiness e SEO locale in italiano
  • Barra sticky mobile per chiamata e WhatsApp

  Cliente, Web, Emergenza, Design, Campagne

  Next.js, TypeScript, React, Tailwind CSS, Zod, Leaflet, Resend, Vercel

  Google Maps, Phone, WhatsApp, Contact form, Google Ads, Email

  Homepage di Tecnico Specialista — sito di pronto intervento tecnico a Milano

  https://tecnicospecialista.com

• Studio Traccanella

  2026 · client

  Sito vetrina one-page per uno studio di dottori commercialisti a Milano dal 1959: hero a schermo intero, storia, griglia servizi, mappa interattiva e contatto diretto telefono/email.

  Studio Traccanella è un'associazione di dottori commercialisti a Milano, attiva dal 1959. Il sito presenta prestigio, etica e competenza — consulenza fiscale e societaria per imprese e persone fisiche — con una presenza digitale all'altezza della storia dello studio. Serviva un sito istituzionale one-page raffinato, non un template generico: testi approvati, hero a schermo intero, timeline della storia, panoramica servizi, sede a pochi passi dal Duomo e contatto senza attrito via telefono ed email. Ho progettato e sviluppato il sito in Next.js con design token su misura (Literata/Manrope), animazioni reveal allo scroll, mappa Leaflet differita con deep link a Google Maps, icone PWA e SEO completo (Open Graph, JSON-LD, sitemap) online su studiotraccanella.it.

  • Design UI/UX realizzato da zero: brand in ottone su scuro, display serif e palette istituzionale calda
  • Hero a schermo intero con CTA consulenza verso la sezione contatti
  • Timeline della storia e griglia servizi allineate al brief approvato dal cliente
  • Mappa Leaflet differita con fullscreen, ricentra e scorciatoia Google Maps
  • Righe di contatto dirette con chiamata ed email in un tap e copia indirizzo/contatti negli appunti
  • Icone PWA, web manifest e stack SEO (meta, OG, JSON-LD, sitemap, robots)
  • Animazioni reveal allo scroll e layout responsive mobile-first

  Cliente, Web, Istituzionale, Design

  Next.js, React, Leaflet, TypeScript

  Google Maps, PWA, Email, Phone, SEO / JSON-LD

  Screenshot della homepage di Studio Traccanella con hero a schermo intero e marchio in ottone

  https://studiotraccanella.it

• Sole D'oro House

  2025 · client

  Casa vacanze con galleria, calendario disponibilità, mappa interattiva e richieste di prenotazione via email, WhatsApp e mappa — pensata per portare soggiorni diretti senza OTA.

  Sole D'oro House è una casa vacanze a Norsi con vista panoramica sul mare e su Montecristo, a cinque minuti dalla spiaggia. Il sito presenta la struttura, i servizi e le foto per attrarre ospiti e convertire le visite in richieste di prenotazione. L'obiettivo era aumentare le prenotazioni dirette senza dipendere dalle OTA. Ho realizzato un sito Next.js con galleria, calendario disponibilità, form prenotazione, mappa interattiva e canali di contatto diretti (email, WhatsApp). Il percorso di prenotazione integra calendario disponibilità con date occupate e soggiorno minimo, form con selezione date, invio email strutturate via Resend all'host, contatto WhatsApp e guide PDF scaricabili in italiano e inglese — il tutto con gestione cookie e privacy tramite Iubenda.

  • Design UI/UX realizzato da zero: mood ospitalità, layout e percorsi di prenotazione pensati su misura
  • Calendario disponibilità interattivo con date prenotate
  • Form prenotazione con date, validazione e notifiche email via Resend
  • Mappa Leaflet con fullscreen, zoom e apertura diretta su Google Maps
  • Galleria fotografica con carousel e lightbox per valorizzare gli spazi
  • Profilo host con link ad Airbnb e Booking.com
  • Contatto multicanale: email, WhatsApp, form e guide PDF

  Cliente, Web, Ospitalità, Design

  Next.js, React, TypeScript, Tailwind CSS, Leaflet, Resend

  WhatsApp, Google Maps, Bookings, Contact form, Email, Cookie consent

  Screenshot della homepage di Sole D'oro House con hero panoramico e CTA verifica disponibilità

  https://soledorohouse.com

• Automazione fatturazione e-commerce

  2026 · client

  Pipeline Wix → Zapier → fattureincloud.it per metododefinedbody.com: fatture elettroniche a ogni pagamento per l'Agenzia delle Entrate, senza intervento manuale.

  Defined Body by Alebis (metododefinedbody.com) è un e-commerce Wix Studio di trattamenti estetici, gift card e prodotti skincare a Milano. Ho collaborato con il team per risolvere un problema urgente in produzione: ogni ordine richiedeva una fatturazione manuale, con rischio di errori sui dati del cliente e rallentamenti operativi. Servivano fatture elettroniche conformi per l'Agenzia delle Entrate e lo SDI (Sistema di Interscambio), così ho progettato e realizzato una pipeline Wix → Zapier → fattureincloud.it che genera automaticamente la fattura elettronica a ogni pagamento web confermato. La fattura elettronica viene così creata in automatico al momento giusto — solo su pagamenti web andati a buon fine — con la corretta gestione dell'IVA, della quadratura degli importi e dei campi obbligatori per lo SDI. Il risultato è l'eliminazione completa della fatturazione manuale: ogni ordine pagato su metododefinedbody.com genera da sé il documento corrispondente, con i dati sempre coerenti con quanto incassato.

  • Trigger sul corretto evento Wix eCommerce (solo pagamenti web confermati, esclusi ordini manuali)
  • Mappatura dinamica dei dati cliente: distinzione automatica tra privato (codice fiscale) e azienda (P.IVA)
  • Calcolo e quadratura IVA allineati alla logica di fattureincloud.it, per evitare errori sul totale
  • Gestione automatica di spedizione, codici sconto e metodo di pagamento reale (carta, PayPal, ecc.)
  • Creazione di fatture elettroniche con dati SDI corretti (codice destinatario, modalità di pagamento, ecc.)
  • Conto di saldo selezionato dinamicamente in base allo strumento di pagamento usato

  Cliente, Automazione, E-commerce

  Wix Velo, Zapier, fattureincloud.it API v2

  Fatturazione elettronica, Automazione ordini, Webhook pagamenti, Calcolo IVA, Integrazione SDI

  Screenshot della homepage di Defined Body by Alebis — e-commerce Wix per trattamenti, gift card e skincare a Milano

  https://www.metododefinedbody.com

• Consulenza tecnica Verizon

  2024–2025 · consulting

  Oltre un anno di consulenza tecnica da remoto su un codebase legacy in produzione per Verizon: pair programming in videochiamata e soluzioni mostrate direttamente nel codice.

  Collaborazione di consulenza tecnica di oltre un anno con Adithya Harsha, collega del product team Verizon in India — una delle principali aziende di telecomunicazioni americane. Progetto sotto NDA: i dettagli restano riservati. Si trattava di un'applicazione legacy, complessa e già attiva in produzione. L'ho supportato tramite pair programming in videochiamata: analisi del problema, soluzione live nel codice e spiegazioni passo passo. Supporto continuativo su bug, refactor, pattern di sviluppo e scelte architetturali in un contesto enterprise, con collaborazione remota tra India e Italia.

  • Più di un anno di consulenza tecnica continuativa
  • Pair programming e live coding in videochiamata
  • Supporto su codebase legacy in produzione
  • Collaborazione remota in inglese (India ↔ Italia)
  • Progetto riservato (NDA)

  Cliente, Consulenza Telecomunicazioni, Web

  React, JavaScript

  Codebase legacy, Pair programming

  Screenshot della homepage di Verizon

  https://verizon.com

• SpinoTecnica SNC

  2025 · client

  Sito istituzionale per azienda di sicurezza e tecnologia retail che presenta sette prodotti e converte visitatori in contatti via email, WhatsApp e mappa.

  SpinoTecnica è un'azienda con oltre 20 anni di esperienza in sicurezza per negozi, imprese e privati. Il sito presenta l'offerta commerciale: antitaccheggio, deterrenza, analytics, impianti e altro — e guida i visitatori verso il contatto con il team vendite. Serviva un sito istituzionale chiaro e orientato alla conversione, senza dispersione tra decine di soluzioni diverse. Ho progettato e sviluppato la piattaforma in Next.js con architettura modulare, hero video, catalogo soluzioni, pagine dedicate e percorsi di contatto integrati (form, WhatsApp, mappa). Il percorso di contatto integra form validato con invio email tramite Resend, link WhatsApp, mappa interattiva Leaflet con due sedi (Lombardia e Roma), link Google Maps e gestione cookie/privacy con Iubenda — tutto pensato per ridurre attrito e aumentare le richieste.

  • Design UI/UX realizzato da zero: interfaccia, tipografia e componenti costruiti su misura per il brand
  • Form di contatto con validazione lato client e server e notifiche email via Resend
  • Mappa interattiva a doppia sede con switch Milano/Roma, fullscreen e condivisione posizione
  • 7 landing page soluzioni nel catalogo homepage con contenuti commerciali strutturati
  • Hero video full-screen con CTA diretta verso la sezione contatti
  • Cookie consent e policy privacy/cookie integrate con Iubenda
  • Architettura dati centralizzata (prodotti, sedi, messaggi) per aggiornamenti rapidi

  Cliente, Web, B2B, Design

  Next.js, React, TypeScript, Tailwind CSS, Leaflet, Resend

  WhatsApp, Google Maps, Email, Contact form, Cookie consent

  Screenshot della homepage di SpinoTecnica con hero video e presentazione delle soluzioni di sicurezza

  https://spinotecnica.it

• Petro Dj

  2026 · client

  Sito portfolio per DJ Open Format: hero video, galleria foto e video dinamica, prossime date e prenotazioni via Instagram, TikTok ed email — bilingue IT/EN con aggiornamenti dei contenuti via file.

  Petro Dj è un DJ Open Format attivo tra Ibiza e Roma, che suona Reggaeton, House, Pop, Latin, Tech House e Hip Hop. Il sito è la sua base digitale: presenta il suo sound, la presenza live e i canali di prenotazione per club, beach club, rooftop ed eventi privati. L'obiettivo era un'esperienza one-page d'impatto che sembra una serata — non un template generico da artista. Ho progettato e sviluppato un sito Next.js con hero video a schermo intero in loop, sezioni con reveal allo scroll e un'estetica dark allineata alla cultura club. Galleria, eventi e locali sono dinamici: Petro può aggiungere o rimuovere elementi dalla galleria inserendo file in una cartella, e aggiornare date e location modificando un file dati — senza toccare il codice. Oltre a questo, il sito include sezioni chi sono, mix & set, contatti e localizzazione completa IT/EN.

  • Design UI/UX realizzato da zero: estetica dark club, tipografia e motion costruiti sull'identità del proprietario
  • Hero video a schermo intero in loop con overlay gradient e doppia CTA social
  • Bilingue IT/EN con selettore lingua e route localizzate
  • Galleria dinamica: aggiungi o rimuovi foto e video via cartella — senza modificare il codice
  • Eventi e locali dinamici: aggiorna date e location modificando un file dati
  • Flusso tipo CMS via file per aggiornamenti contenuti senza competenze tecniche
  • Galleria masonry foto e video con lightbox e espansione a schermo intero
  • Sezione Mix & Set predisposta per futuri embed audio
  • Animazioni reveal allo scroll e layout responsive mobile-first

  Cliente, Web, Intrattenimento, Design

  Next.js, React, TypeScript, Tailwind CSS

  Instagram, TikTok, Email, Photo gallery, Events calendar, Multi-language

  Screenshot della homepage di Petro Dj con hero video a schermo intero e tag dei generi Open Format

  https://petrodj.com

• Vinted Analyzer

  2026 · personal

  Web app per generare annunci Vinted ottimizzati con AI: carica foto, ottieni titolo e descrizione SEO, prezzi suggeriti, punteggio vendibilità e copia rapida.

  Vinted Analyzer è un progetto personale che ho creato per aiutare i venditori Vinted a pubblicare annunci più efficaci partendo dalle sole foto del prodotto. Creare titoli, descrizioni e prezzi ottimizzati richiede tempo e competenze che molti venditori non hanno. Ho progettato questa web app per colmare quel gap: analisi AI vision-language, punteggio di vendibilità, traduzione multilingue, copia rapida dei risultati e sviluppo end-to-end in Next.js. Ho costruito l'interfaccia in Next.js 14 con layout mobile-first, traduzione automatica dell'output in IT/EN/ES/FR e un punteggio di vendibilità con breakdown (domanda del brand, condizione, posizionamento prezzo). Ogni campo del risultato è modificabile in linea e copiabile con un tap. L'infrastruttura AI usa Groq come provider primario con fallback su Google Gemini 2.5 Flash. Ho aggiunto recupero dell'ultima analisi in localStorage, modulo di feedback via Resend e donazioni opzionali con Stripe Checkout.

  • Design UI/UX realizzato da zero: interfaccia mobile-first e componenti costruiti ad hoc per il flusso AI
  • Analisi AI da foto: titolo SEO, descrizione, tag e prezzi
  • Doppio provider AI: Groq primario, Gemini come fallback automatico
  • Punteggio di vendibilità con breakdown su brand, condizione e posizionamento prezzo
  • UI multilingua (IT/EN/ES/FR) con traduzione automatica
  • Copia rapida per ogni campo, recupero ultimo risultato e layout responsive
  • Feedback nell'app via Resend e donazioni opzionali con Stripe

  Personale, Web, SaaS, Design

  Next.js, Google Gemini, React, TypeScript, Tailwind CSS, Groq, DeepL / Google Translate, Resend, Stripe

  Donations, Feedback form

  Screenshot dell'interfaccia di Vinted Analyzer con form upload foto e pannello risultati AI

  https://vinted-analyzer.vercel.app