Esempi di Portfolio Web: Fotografi, Designer e Architetti
Esempi annotati di portfolio web ordinati per ciò che un cliente deve fare: esaminare il lavoro, capire il servizio e mettersi in contatto. Include una tabella di confronto e un brief portfolio copiabile.
Un sito portfolio ha un solo obiettivo: aiutare il cliente giusto a decidere di contattarti. Deve quindi consentirgli di svolgere tre attività, nell'ordine: esaminare i lavori, capire cosa offri e inviare una richiesta. Gli esempi qui sotto sono design creati da We.Inc partendo da un prompt di una sola frase. Sono indicati come esempi, non rappresentano studi reali né siti di clienti.
Come abbiamo scelto questi esempi
Abbiamo scelto quattro professioni creative i cui clienti esaminano i lavori in modo diverso: fotografia (lo stile si valuta a colpo d'occhio), graphic design (si vuole vedere il brief e il risultato), architettura (servono il contesto e le dimensioni del progetto) e interior design (si vogliono vedere prima e dopo e capire se il budget è compatibile). Abbiamo valutato ogni esempio rispetto alle tre attività del cliente e al comportamento su smartphone.
Esempi con annotazioni
1. Fotografo (esempio di design: «Brooklyn Light Studio»)
- Esaminare i lavori: immagini in primo piano fin dalla prima schermata, una scelta adatta alla fotografia.
- Da aggiungere prima della pubblicazione: gallerie suddivise per tipo di servizio (matrimoni, ritratti, lavori commerciali), immagini compresse per caricare le gallerie anche con la rete dati mobile e prezzi «a partire da» o un elenco dei pacchetti.
2. Graphic designer (esempio di design: «Austin Design Co.»)
- Capire il servizio: un elenco chiaro dei servizi accanto ai lavori.
- Da aggiungere prima della pubblicazione: brevi casi di studio con il problema, ciò che hai realizzato e il tuo ruolo. Un logo da solo dice poco al cliente.
3. Architetto (esempio di design: «Meridian Architecture»)
- Funziona bene: layout essenziale che lascia spazio alle fotografie dei progetti.
- Da aggiungere prima della pubblicazione: dati per ciascun progetto (tipo, zona, dimensioni, anno e ambito del tuo lavoro) e un'indicazione delle fasi progettuali che accetti.
4. Interior designer (esempio di design: «Catalyst Design Studio»)
- Funziona bene: foto degli ambienti in primo piano, proprio ciò che i clienti vogliono vedere.
- Da aggiungere prima della pubblicazione: immagini del prima e del dopo, tipi di progetti che accetti e un modulo di richiesta che chieda quale ambiente, tempistiche e fascia di budget.
Confronto: cosa mostrare in ciascun portfolio
| Esigenza del cliente | Fotografo | Graphic designer | Architetto | Interior designer |
|---|---|---|---|---|
| Esaminare i lavori | Gallerie per tipo di servizio | Casi di studio | Progetti con dettagli | Prima e dopo |
| Capire il servizio | Pacchetti e prezzi «a partire da» | Elenco dei servizi e processo | Fasi progettuali coperte | Tipi di progetto e compatibilità del budget |
| Inviare una richiesta | Modulo con data e tipo di servizio | Modulo per il brief | Richiesta di progetto | Modulo con ambiente, tempistiche e budget |
| Attenzione su smartphone | Peso delle immagini | Casi di studio lunghi | Planimetrie grandi | Peso delle immagini |
Brief per un portfolio da copiare
Nome: [il tuo nome o quello dello studio], [professione] a [città o «da remoto»]
Cliente ideale: [chi ti incarica e per cosa]
Migliori 6-12 progetti: [elenco; pochi progetti eccellenti sono meglio di molti]
Per ogni progetto: tipo di cliente, cosa hai fatto, una riga sui risultati verificabili
Servizi e prezzi di partenza: [elenco]
Il modulo di richiesta chiede: [nome, email, tipo di progetto, tempistiche, fascia di budget]
Stile: [due o tre parole]Con We.Inc, una frase come «un sito portfolio per un fotografo di matrimoni a Brooklyn» genera un design iniziale; poi puoi sostituire le immagini e i dettagli dei progetti con i tuoi.
Cosa adattare e cosa non copiare
- Adatta: struttura, layout delle pagine dei progetti e formulazione del modulo di richiesta.
- Non copiare: immagini o testi dei casi di studio altrui. Mostra solo lavori che hai svolto o a cui hai contribuito chiaramente e specifica il tuo ruolo.
- Non mostrare loghi o citazioni di clienti senza autorizzazione.
- Comprimi le immagini prima di caricarle: se il portfolio si blocca sullo smartphone, il visitatore se ne va prima ancora di vedere i lavori.
Partire da un template adatto
Consulta i template per siti aziendali e la nostra guida su come creare un sito portfolio, oppure scopri come funziona il website builder We.Inc. Il piano Free include fino a 3 siti basati su template, ospitati su un indirizzo we.inc; la creazione con IA e il dominio personalizzato sono inclusi a partire dal piano Starter, a $20 al mese (prezzi). Controlla il sito completo con il valutatore di siti web e stima i costi con il calcolatore dei costi del sito.
Inizia a creare il sito della tua attività
Domande frequenti
Quanti progetti deve mostrare un portfolio web?
Di solito da 6 a 12 dei tuoi lavori più forti e pertinenti. Un set più piccolo di lavori ben spiegati è più facile da esaminare per un cliente rispetto a una griglia lunga.
Questi sono portfolio reali?
No. Sono design di esempio che We.Inc ha prodotto da un prompt di una frase, con nomi segnaposto, mostrati per illustrare le scelte di layout.
Un sito portfolio deve mostrare i prezzi?
Un prezzo iniziale o un range di pacchetti aiuta i clienti ad auto-selezionarsi e riduce le richieste non adatte. Se ogni lavoro è personalizzato, spiega invece cosa influenza il prezzo.
Inizia gratis · Nessuna carta di credito richiesta
Product
- AI Website Builder: Describe a site in plain English; it's live in minutes
- White Label Platform: Your brand, your domain, your margin
- Enterprise: SSO, custom SLAs, and dedicated support
- Developer API: Embed site generation into your SaaS
Who It's For
- For Agencies: Resell under your brand
- For Freelancers: Your own branded builder
- For Hosting Providers: Add a builder to your stack
- For SaaS Platforms: Embed site creation via API
- For Startups
- For Financial Services
- For Healthcare
Features
- Drag & Drop Editor
- Built-in SEO Tools
- Custom Branding
- Client Dashboard
- Reseller Billing (Stripe Connect)
Resources
- Blog
- Help Center
- Free Business Tools
- Website Templates
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App