11 ago 2025·8 min
Come creare un portfolio in 30 minuti (senza codice)
Crea un portfolio pulito in circa 30 minuti—senza programmare. Segui una checklist semplice: scegli un template, aggiungi i lavori, collega il dominio e pubblica.
Crea un portfolio pulito in circa 30 minuti—senza programmare. Segui una checklist semplice: scegli un template, aggiungi i lavori, collega il dominio e pubblica.
Alla fine di questa rapida realizzazione avrai un portfolio one-page pulito che fa bene tre cose: mostra i tuoi lavori, spiega chi sei e rende facile contattarti.
Una pagina semplice con:
Questo è intenzionalmente minimale. Un portfolio one-page è più veloce da costruire, più facile da aggiornare e spesso converte meglio di un sito multi-pagina quando qualcuno scorre i tuoi lavori.
Questo approccio è adatto a freelance, studenti, creativi e chi cerca lavoro e ha bisogno di qualcosa di professionale in fretta—specialmente se stai facendo domanda per ruoli, proponendo servizi a clienti o condividendo il tuo lavoro sui social.
Per restare entro i 30 minuti, raccogli prima:
Un build in 30 minuti funziona solo se spendi 3–5 minuti a decidere come è fatto il “fatto”. Altrimenti perderai tempo a provare font, riordinare sezioni e dubitare su cosa includere.
Scegli l'esito principale per il tuo portfolio:
Questo obiettivo determina cosa mettere in evidenza: il tuo ruolo e i risultati per chi assume, la tua offerta e processo per i clienti, o i lavori di nicchia per una specialità.
Decidi se costruire:
Se corri contro il tempo, comincia con una singola pagina—potrai dividerla in pagine dopo.
Scegli una CTA primaria e (opzionalmente) una secondaria. Esempi:
Tutto nella pagina dovrebbe supportare queste azioni.
Prima di toccare un template, scrivi una frase semplice:
Aiuto [chi] con [cosa], così possono [risultato].
Esempio: “Aiuto le startup SaaS a disegnare onboarding che riducono il churn e migliorano l’attivazione.”
Tieni questa frase visibile mentre costruisci—è il filtro per cosa includere o tagliare.
Il builder determina quanto veloce sarà questo progetto “30 minuti”. Scegli qualcosa che ti permetta di pubblicare senza combattere nei menu.
Se vuoi un risultato più personalizzato senza passare da un ciclo di sviluppo tradizionale, Koder.ai è un'altra strada: è una piattaforma vibe-coding dove descrivi il tuo portfolio in chat e generi una vera app React (con Go + PostgreSQL disponibili se poi aggiungi funzionalità backend). Puoi esportare il codice sorgente, distribuire/hostare, collegare un dominio personalizzato e usare snapshot/rollback—utile se vuoi qualcosa di flessibile ma veloce.
Inizia con questi must-have:
Molti strumenti sembrano economici finché non incontri un paywall. Cerca:
Se il prezzo conta, confronta i piani su /pricing e scegli il piano minimo che supporta un dominio personalizzato e le funzionalità sopra. Puoi sempre fare l’upgrade quando il tuo portfolio cresce.
Un buon template deve sembrare un punto di partenza utile, non un puzzle da risolvere prima di poter pubblicare. Quando punti a costruire in 30 minuti, il template sbagliato è il modo più veloce per perdere tempo.
Scegli un template pensato per mostrare lavori: una hero chiara, una griglia per i progetti, un'area About breve e una sezione Contatti evidente. Se parti da un template business o evento, passerai il tempo a cancellare e riordinare invece di pubblicare.
Dai priorità a tipografia leggibile, spaziatura forte e whitespace. Animazioni appariscenti, navigazione insolita e effetti di scorrimento “creativi” possono sembrare impressionanti nei demo—ma spesso rendono i contenuti più difficili da scansionare e più complicati da modificare.
Il tuo portfolio è il prodotto. Il template deve mettersi da parte.
Prima di impegnarti, conferma che il template può gestire queste basi senza hack:
Se il template non include naturalmente queste cose, finirai per forzarle—ed è lì che i builder diventano frustranti.
Apri l’anteprima mobile e controlla tre cose:
Se la vista mobile è già incasinata ora, non si risolverà da sola dopo. Scegli un template più semplice e continua—puoi sempre migliorare l’aspetto dopo che il portfolio è live.
Il tuo portfolio non ha bisogno di una brand guide completa per apparire professionale. Ti servono poche scelte coerenti così ogni elemento sembra appartenere allo stesso progetto.
Se hai già un logo, caricalo e usalo in header e footer solo. Se non ce l'hai, un wordmark pulito (il tuo nome con un buon font) funziona perfettamente—soprattutto per freelance e creativi.
Scegli un colore d'accento che userai per link, bottoni e piccoli elementi (non blocchi di testo grandi). Un modo semplice per sceglierlo: estrai un colore dalla tua immagine di progetto migliore.
Limitati a un font per i titoli e uno per il corpo. Molti template sembrano “disordinati” perché mischiano troppi stili tipografici.
Mantieni la leggibilità:
Se non sei sicuro, mantieni i default del template e cambia solo il colore d'accento.
La coerenza è ciò che fa sembrare un sito no-code personalizzato.
Impostazioni rapide da uniformare:
Questo conta più degli effetti decorativi e rende i template più curati invece che “da template”.
Fai una rapida verifica di 10 secondi: riesci a leggere il testo su ogni sfondo?
Un portfolio mobile-friendly è spesso dove emergono problemi di contrasto, quindi anteprima su mobile prima di procedere.
Non ti serve una sitemap complessa per pubblicare un buon sito no-code. Una pagina chiara di solito è sufficiente—soprattutto quando l'obiettivo è costruire in 30 minuti.
Usa un flusso semplice dall'alto in basso. Queste sezioni coprono ciò che la maggior parte dei visitatori cerca in meno di un minuto:
Se il tuo template inizia con blocchi extra (blog, newsletter, pricing, lunghe griglie di funzionalità), cancellali per ora. Potrai aggiungerli dopo.
La hero è la sezione “perché dovrei interessarmi?”. Usa questa checklist stretta:
Mantieni tutto facilmente scansionabile: frasi brevi, titoli chiari e spazio.
Aggiungi una barra di navigazione solo se la pagina è lunga. Se la pagina entra in poche schermate, salta la nav e lascia che il layout guidi naturalmente.
Usa lo stesso schema per ogni sezione: un titolo, una riga introduttiva breve e poi il contenuto. La coerenza fa sembrare il portfolio intenzionale—anche se costruito in fretta.
I progetti sono il punto centrale del portfolio. Punta a 3–6 pezzi forti che dimostrino ciò che sai fare, invece di riempire la pagina con tutto ciò che hai fatto.
Scegli lavori che corrispondono ai tipi di incarichi che vuoi ottenere. Se sei designer, mostra design; se sei fotografo, guida con la tua miglior serie; se sei generalista, scegli un mix coerente.
Un filtro rapido: elimina tutto ciò che non sapresti spiegare con sicurezza in una breve intervista. Se un progetto richiede troppe precisazioni (“in realtà non ho fatto molto”), indebolisce il sito.
Per ogni progetto includi gli stessi dettagli base così le persone possono scorrere:
Tienilo conciso—2–5 frasi brevi sono spesso sufficienti.
Usa 3–6 immagini per progetto, o un breve video se il lavoro è motion. Metti l'immagine più forte per prima, perché è quella che attira il clic.
Se puoi, aggiungi un’immagine di processo (wireframe, schizzo, prima/dopo, contact sheet) per mostrare come lavori—senza trasformare la pagina in un romanzo di case study.
Usa titoli e etichette chiare (es. “Brand identity”, “Web redesign”, “Servizio editoriale”). Se il progetto ha un link, rendilo ovvio e semplice: “Vedi sito live” o “Guarda la versione finale”.
L'About ha un solo scopo: aiutare qualcuno a decidere rapidamente se sei la persona giusta da contattare.
Usa una headshot amichevole o un'illustrazione pulita. Mantieni lo sfondo semplice e l'illuminazione naturale. Scene affollate, foto di festa e filtri pesanti costringono il visitatore a sforzarsi per conoscerti.
Punta a 4–6 righe totali:
Esempio:
Sono un UI designer freelance focalizzato su landing page pulite e orientate alla conversione per startup SaaS. In precedenza ho aiutato una fintech a lanciare un nuovo onboarding migliorando l'attivazione del 18%. Sto cercando 1–2 nuovi progetti cliente questo mese.
Menziona tool che usi davvero (Figma, Webflow, Notion), settori che conosci (health, fintech, education) e premi/certificazioni solo se pertinenti e veritieri.
Se è coerente con il tuo settore, aggiungi una riga con un PDF chiaramente etichettato:
“Download resume (PDF)”
Mantienilo vicino al bottone di contatto così qualcuno può leggere la tua storia, fidarsi e agire in una sola scrollata.
Un portfolio bello funziona solo se qualcuno può raggiungerti rapidamente. La sezione contatti dovrebbe essere evidente, breve e senza attrito—niente caccia o indovinelli.
Punta a due opzioni, tre al massimo:
Se aggiungi più opzioni le persone esitano. Mantieni semplice e, se hai una nav, chiamala “Contact”.
Una frase può ridurre scambi inutili e attirare richieste migliori. Per esempio:
“Sono disponibile per progetti freelance di branding a partire dal mese prossimo. Tempo medio di risposta: 1–2 giorni lavorativi.”
Dillo solo se è vero. Se non prendi incarichi, indica a cosa sei aperto (collaborazioni, ruoli full-time, speaking, ecc.).
Un link di prenotazione è ottimo per servizi, ma aggiungilo solo se lo mantieni aggiornato e sei tranquillo che le persone prendano slot senza scriverti prima. Se la tua agenda cambia spesso, resta su email + form.
Se lavori con clienti, aggiungi una nota rapida tipo “Basato a Berlino (CET)” o “Lavoro globalmente (UTC-5)”. Aiuta a proporre orari e dà un tono professionale—soprattutto per lavoro remoto.
Ripeti il link di contatto anche nel footer. Le persone scorrono, decidono e cliccano da lì.
Puoi avere un portfolio bello e comunque perdere visitatori se è scomodo su telefono o lento a caricare. Dedica qualche minuto qui e il sito sembrerà rifinito—senza aggiungere pagine.
La maggior parte dei visitatori vede il portfolio su telefono. Apri la vista mobile del builder e scorri rapidamente dall'alto in basso.
Anteprima su più schermi (mobile, tablet, desktop) e cerca:
Le correzioni sono spesso semplici: riduci padding, uniforma spaziatura o passa le colonne multiple a una colonna su mobile.
I siti veloci sembrano più professionali. I principali colpevoli sono immagini sovradimensionate e media di sfondo pesanti.
Comprimere immagini grandi (soprattutto screenshot di progetto). Regola generale: le immagini per portfolio raramente hanno bisogno di essere più larghe di ~2000px. Se il builder ha un toggle “optimize”, attivalo.
Evita video di sfondo pesanti. Se vuoi movimento, un loop leggero o un clip piccolo è spesso sufficiente—il lavoro dovrebbe essere il protagonista, non l'header.
Clicca ogni bottone e link—inclusi icone social, card progetto e il bottone email/contatto.
Controlla che:
Prima di pubblicare, fai un pass veloce per qualità:
Quando il portfolio è mobile-friendly, veloce e privo di piccoli errori, sembra molto più credibile—anche se l'hai costruito in meno di 30 minuti.
Un dominio personalizzato fa sembrare il portfolio definitivo—ed è più facile da condividere su CV, firme email e profili social. Pubblicare è spesso un solo clic. Collegare il dominio richiede qualche minuto in più, ma resta semplice.
Tienilo semplice e professionale:
Se il tuo nome esatto è occupato, prova piccole variazioni leggibili (iniziale di mezzo, “studio” o la tua professione). Evita trattini e frasi lunghe—la gente sbaglia a digitarli.
La maggior parte dei builder ti guida con una checklist.
Collega il dominio nelle impostazioni del builder e segui le istruzioni DNS con attenzione.
Di solito copierai una o due voci DNS (spesso un A record e/o CNAME) nel registrar dove hai comprato il dominio. Ricontrolla spelling, punteggiatura e se il record punta al dominio root (yourname.com) o a “www”.
Dopo le modifiche DNS, concedi tempo. Alcuni domini si collegano in pochi minuti; altri impiegano alcune ore. Quando si risolve, apri il sito sia su yourname.com sia su www.yourname.com (se usi entrambe) e conferma che carica senza avvisi di sicurezza.
Infine, imposta la versione preferita (di solito non-www o www) come dominio primario così condividi sempre un URL pulito.
La SEO sembra tecnica, ma le basi per un portfolio no-code sono campi semplici e testi chiari. Dedica qualche minuto e renderai il sito più comprensibile per persone e motori di ricerca.
Nel pannello SEO del builder, trova i campi per Page Title e Meta Description (spesso sotto “SEO”, “Impostazioni pagina” o “Search preview”).
Mantieni il titolo leggibile e specifico. Un buon formato è:
Tuo Nome — Ruolo | Portfolio
Esempio: Jordan Lee — Product Designer | Portfolio
Per la meta description, scrivi una frase breve che spieghi cosa fai e cosa trova il visitatore.
Esempio: “Product designer specializzato in app mobile e design systems. Vedi progetti selezionati, processo e dettagli di contatto.”
La homepage dovrebbe avere un H1 chiaro—di solito il tuo nome e ruolo. Questo aiuta anche i visitatori a capire subito cosa fai.
Esempi di H1 efficaci:
Poi usa titoli descrittivi per sezioni come “Selected Work”, “About” e “Contact”. Evita etichette vaghe come “Welcome” o “Stuff I’ve Done”. Titoli chiari aiutano sia le persone che gli strumenti di indicizzazione.
I siti portfolio hanno molte immagini, quindi aggiungi alt text dove conta: miniature dei progetti, hero image e qualsiasi immagine che comunica risultati.
L'alt text dovrebbe descrivere ciò che serve sapere, non ogni pixel. Esempi:
Questo migliora l'accessibilità e dà più contesto ai motori di ricerca.
Alcuni builder generano sitemap o permettono di collegare strumenti di ricerca automaticamente. Se il tuo lo supporta, invia il sito lì.
Se no, non bloccare il lancio: pubblica e poi condividi il link direttamente dove hai già visibilità—biografia LinkedIn, profilo Instagram e qualsiasi directory o community in cui sei attivo.
Prima di condividere il portfolio, fai un pass veloce per assicurarti che tutto funzioni e sembri professionale. Un sito pulito e funzionante batte uno appariscente con link rotti.
Usa analytics base per misurare visualizzazioni, clic sui progetti e invii dei contatti. Dopo una settimana evidenzia il progetto con più clic e riscrivi i titoli dei progetti che nessuno clicca.
Sì. Un portfolio one-page è spesso migliore per decisioni rapide perché è facile da scorrere.
Punta per un flusso pulito: Hero → Work → About → Contact. Puoi sempre dividere i progetti in pagine-case study separate più avanti, una volta che il sito è online.
Mantieni il minimo indispensabile così puoi finire:
Se non hai 3 progetti, pubblica con 1–2 pezzi forti e aggiungi gli altri dopo.
Scegli un risultato primario e lascia che guidi le tue scelte:
Se non sei sicuro cosa includere, mantieni solo ciò che supporta quell'obiettivo.
Scegli il builder che riduce l'attrito:
Prima di impegnarti, verifica eventuali paywall su domini personalizzati, form, spazio/traffico, analytics e rimozione del branding (spesso indicati su /pricing).
Scegli un template che già include le sezioni necessarie (hero, griglia progetti, about, contatto). Poi fai una rapida anteprima mobile prima di personalizzare.
Evita template che si basano su animazioni pesanti, navigazioni insolite o layout complessi—perderai tempo a correggere responsività e leggibilità.
Limita il tuo “brand” a poche scelte coerenti:
La coerenza dà l'impressione di “su misura”, anche se hai usato un template.
Usa un formato ripetibile così le persone possono scorrere velocemente:
Mantieni concisi i testi (2–5 frasi) e guida con il visual più forte.
Usa una struttura semplice che risponde a “dovrei contattarti?” rapidamente:
Mantieni la lettura sotto il minuto e metti un passo successivo chiaro vicino (bottone email/contatto, eventuale “Download resume (PDF)”).
Offri 2 opzioni (3 al massimo):
Aggiungi una breve frase con le aspettative (tempo di risposta, disponibilità) e includi posizione/ fuso orario se lavori con clienti remoti. Ripeti il link di contatto nel footer così è facile da trovare dopo lo scroll.
Fai questi controlli rapidi:
Dopo la pubblicazione, condividi il link su LinkedIn, nella firma email e nelle bio social; poi osserva quali progetti ricevono clic e adatta la homepage.