Trasformo la complessità aziendale in interfacce che funzionano.
Sviluppo gestionali su misura, interfacce HMI/PLC e siti web ad alte prestazioni. Riduco i tempi di formazione del personale e gli errori operativi attraverso un design accessibile e intuitivo.
Progetti pubblicati
4
Anni di esperienza
5+
Lingue gestite
IT · EN
0
Progetti pubblicati
0+
Anni di esperienza
0
Settori coperti
IT · EN
Lingue gestite
Chi sono
Gabriele Bottai
Junior Developer @ Infraservice S.p.A. · Freelance UX/Web Designer
Ciao! Sono Gabriele, sviluppatore e designer nato a Catania e basato a Vedano al Lambro. Dal 2022 lavoro come Junior Developer presso Infraservice S.p.A. nel settore dell'automazione industriale, dove mi occupo di sviluppo backend (Python, .NET, VB), applicazioni web con Flask e progettazione di interfacce HMI/SCADA. Fuori dall'orario lavorativo accetto progetti freelance in UX e web design.
La mia ossessione è rendere sistemi complessi semplici e piacevoli da usare. Che si tratti di un pannello PLC in fabbrica o di un sito web, parto sempre dall'utente finale: chi lo usa, in che contesto, e dove si può sbagliare.
5+
Anni di esperienza
🇮🇹 🇬🇧
ITA nativo · ENG buono
MB
Vedano al Lambro
🔴
Volontario CRI
Il Problema
"È troppo complicato, non lo usa nessuno."
- ✕ Software obsoleti con grafiche anni '90 che scoraggiano il personale.
- ✕ Dati frammentati su Excel e workflow che generano errori costosi.
- ✕ Tempi di formazione lunghi per i nuovi assunti (shadowing infinito).
La Soluzione
Logica guidata, errore zero.
- ✓ Interfacce moderne studiate per le dita dell'operatore o click rapidi.
- ✓ Accessibilità totale: contrasti perfetti per ogni condizione di luce.
- ✓ Design a prova di errore: il sistema guida l'utente nel flusso corretto.
Servizi Core
Soluzioni su misura per l'industria 4.0
Dalla progettazione UX allo sviluppo front-end completo: copro tutto il ciclo di vita del prodotto digitale.
Gestionali Custom Alta Accessibilità
Sviluppo ERP e gestionali interni focalizzati sull'utente, non sulla funzione. Riduzione del carico cognitivo per massima velocità operativa.
UX/UI per Automazione e PLC
Interfacce HMI per macchinari industriali. Progettate per essere utilizzate con guanti, in ambienti rumorosi o con luce scarsa.
Siti Web & Landing Page
Sviluppo siti web performanti, responsive e visivamente curati. Design complessi con animazioni, micro-interazioni e ottimizzazione SEO.
Modernizzazione Software Legacy
Recupero vecchi sistemi e rifacimento totale della logica e dell'estetica, senza interrompere la produzione aziendale.
Design System & UI Kit
Costruzione di librerie di componenti coerenti e scalabili. Garantisce uniformità visiva in tutti i touchpoint aziendali.
Audit UX & Accessibilità
Analisi critica dell'interfaccia esistente con report dettagliato e piano di miglioramento prioritizzato per impatto aziendale.
Il Processo
Come lavoro
Analisi
Analisi del flusso di lavoro attuale sul campo. Identifico colli di bottiglia e punti critici dove l'errore è più frequente.
Progettazione
Architettura dell'informazione centrata sull'utente finale. Wireframe e prototipi cliccabili testati con chi userà il software.
Integrazione
Sviluppo e integrazione con i sistemi esistenti. Monitoraggio post-lancio per garantire la massima adozione interna.
Portfolio
Problemi reali, soluzioni reali
Guida agli Agenti AI — manuale tecnico bilingue con tutor RAG e demo live
Il Problema
Le risorse online sugli agenti AI sono frammentate, quasi tutte in inglese e raramente collegano teoria e pratica. Chi parte da zero si perde tra glossari astratti e snippet di codice senza contesto.
La Soluzione
Manuale tecnico bilingue (IT/EN) di 16 capitoli (~115 pagine PDF) affiancato da un sito interattivo con tre strumenti AI live: tutor di capitolo basato su RAG, playground prompt per esercitarsi e demo agente con tool use funzionante in browser.
16
Capitoli
~115
Pagine PDF
3
Tool AI live
Stack: Python (build statico) · vanilla JS · Anthropic + Gemini API · ReportLab
Beerba — identità visiva, sito vetrina e menu digitale via QR
Il Problema
Il locale aveva un'identità grafica datata e nessuna presenza digitale: menu solo cartaceo, difficile da aggiornare, e nessun canale per comunicare orari, eventi e nuove proposte.
La Soluzione
Restyling completo del marchio (insegna neon-style), sito vetrina con menu digitale mobile-first accessibile via QR sui tavoli, master copy del menu fisico A5, brief fotografico e guida social per gestione interna.
5
Deliverable
QR
Menu sui tavoli
100%
Mobile-first
Stack: HTML5 · Tailwind CSS · vanilla JS · Adobe Illustrator
Fate Voi — sito ristorante con menu interattivo e prenotazione
Il Problema
Ristorante senza presenza online, prenotazioni gestite solo per telefono e nessuna visibilità nelle ricerche locali su Google: difficile da raggiungere per chi cerca cucina lombarda nella zona.
La Soluzione
Sito vetrina elegante con sezioni storia, specialità, menu, galleria e contatti. Click-to-call diretto sul numero, GDPR-compliant, ottimizzato per SEO locale con sitemap e meta tag completi.
SEO
Local-ready
1-tap
Prenotazione
GDPR
Compliant
Stack: HTML5 · Tailwind CSS · vanilla JS · SEO meta + sitemap
Giappone 2026 — guida di viaggio digitale 14 giorni con forum e PDF
Il Problema
Pianificare un viaggio in Giappone vuol dire mettere insieme decine di fonti diverse — itinerario, frasario, budget, esperienze, video — senza un punto unico dove ritrovarle e senza spazio per confrontarsi con altri viaggiatori.
La Soluzione
Sito multipagina con itinerario giorno-per-giorno (Osaka · Kyoto · Tokyo), preparazione documenti, frasario, FAQ, sezioni esperienze e setup video, forum live integrato con Firebase e guida PDF scaricabile da 58 pagine.
14
Giorni di itinerario
58
Pagine PDF
live
Forum Firebase
Stack: HTML5 · Tailwind CSS · vanilla JS · Firebase (Auth + Firestore)
TCG Archive — web app per gestire la collezione di carte con prezzi di mercato live
Il Problema
Chi colleziona carte (Pokémon e altri TCG), prodotti sigillati e carte gradate non ha un modo semplice per sapere cosa possiede e quanto vale davvero: i prezzi cambiano di continuo su più marketplace e i fogli Excel diventano subito ingestibili.
La Soluzione
Web app full-stack che cataloga carte raw, prodotti sigillati e carte gradate, recupera in automatico i prezzi di mercato da Cardmarket, TCGdex e TCGplayer e calcola in tempo reale il saldo complessivo della collezione (costo vs valore). Accesso con email o Google, tema chiaro/scuro e aggiornamento prezzi giornaliero via Netlify Functions.
live
Prezzi di mercato
3
Fonti prezzi
auto
Saldo collezione
Stack: Next.js 16 · TypeScript · Prisma · PostgreSQL (Neon) · Auth.js · Tailwind CSS · Netlify Functions
Strumenti & Competenze
Tech Stack
Dalla progettazione al codice produzione: uso gli strumenti giusti per ogni fase del progetto.
Design & Prototipazione
Web Development
Automazione Industriale
FAQ
Domande frequenti
Tutto quello che vuoi sapere prima di scrivermi.
Contatti
Pronto a semplificare il lavoro della tua azienda?
Ricevi una prima consulenza UX gratuita sul tuo processo produttivo attuale.
Non sei ancora pronto a scrivermi? Dai un'occhiata al CV.
Scarica CV PDF© 2026 Gabriele Bottai