20xDev — Sito Web
- Anno
- 2026
- Stack
- Next.js, Tailwind, shadcn/ui, Figma
- Online
- 20xdev.vercel.app
20xdev — Sito Marketing (Design & Sviluppo)
Ho progettato e sviluppato il sito marketing di 20xdev, una base SaaS production-ready creata per team AI-native che vogliono rilasciare più in fretta senza ricostruire l'infrastruttura di base.
Il contesto
20xdev aveva bisogno di un sito capace di comunicare con chiarezza un prodotto molto tecnico — uno stack SaaS starter completo — in modo semplice, veloce e immediatamente utile.
La sfida era posizionare un prodotto rivolto agli sviluppatori senza farlo sembrare pesante o troppo tecnico, trasmettendo comunque profondità, credibilità e scalabilità.
L'obiettivo era creare un sito che parlasse ai builder, comunicasse velocità e leva e portasse gli utenti a iniziare a costruire il prima possibile.
Il mio ruolo
Ho guidato il progetto end-to-end, curando sia il design sia lo sviluppo:
Definizione dell'architettura dell'informazione e del funnel di conversione
Design di UI/UX in Figma con forte attenzione a chiarezza e gerarchia
Strutturazione dei messaggi per semplificare un'offerta tecnica complessa
Sviluppo del sito completo, con attenzione a performance, responsività e pulizia del codice
Il focus era creare un'esperienza veloce, essenziale e allineata alla sensibilità degli sviluppatori, come il prodotto stesso.
La soluzione
Il sito è stato costruito intorno a una narrazione chiara e ad alta leva:
Posizionamento forte nell'hero
Value proposition immediata (“Rilascia SaaS B2B in ore, non in mesi”) centrata su velocità e scala
Sezioni orientate ai benefici
Inquadramento chiaro dei risultati: lancio più rapido, costi di setup ridotti, architettura a prova di futuro
Concetto “Built-in from Day One”
Evidenza delle funzionalità già pronte — auth, billing, CMS, blog e predisposizione AI — per rafforzare la completezza
Dettaglio del sistema di funzionalità
Presentazione strutturata di ciò che il prodotto include (multi-tenancy, dashboard, pagamenti, ecc.)
Trasparenza sullo stack
Sezione dedicata allo stack tecnologico completo per costruire fiducia con un pubblico tecnico
Ritmo visivo e modularità
Sezioni pulite, spaziature decise e componenti ripetibili per un'esperienza scansionabile e veloce
Strategia di CTA coerente
Azioni “Start building” ripetute e allineate all'intento dell'utente
Esito
Il sito finale offre un'esperienza focalizzata e performante che:
Comunica un prodotto tecnico complesso in pochi secondi
Parla direttamente a sviluppatori e team AI-native
Rafforza i concetti di velocità, leva e scalabilità
Riduce la frizione dalla scoperta all'azione
Curando sia il design sia lo sviluppo, ho garantito un'esperienza coesa in cui messaggi, visual e performance lavorano insieme a supporto della conversione.
Galleria