WordPress è un CMS dalle infinite possibilità, e se questo da una parte è fantastico, dall’altra può essere paralizzante per chi deve creare un sito.
Poiché osservare come sono costruiti gli altri siti è un buon punto di partenza per capire come vuoi organizzare il tuo, in questa guida vedremo una panoramica di esempi di siti WordPress efficaci da cui prendere spunto.
Prima però vediamo perché ha senso scegliere questo CMS, qualunque tipo di sito tu voglia costruire. L’importante è partire col piede giusto scegliendo un ottimo fornitore di hosting per WordPress.
Indice
Perché creare un sito con WordPress?
Nato come piattaforma per blog personali, WordPress si è trasformato nel tempo in un vero CMS, cioè un sistema di gestione dei contenuti capace di supportare anche siti aziendali complessi.
Uno dei vantaggi principali è che WordPress è open source, per cui è possibile modificarne il codice senza nessun vincolo.
È facile trovare esempi di siti WordPress di tutti i tipi perché questo CMS è incredibilmente flessibile e permette di creare sia blog personali che grossi e-commerce o siti aziendali, portali multilingua e reti multisito.
Per questo WordPress è anche incredibilmente scalabile. Ti dà la possibilità di iniziare in piccolo e adattare il sito nel tempo alle esigenze della tua attività man mano che evolvono.
Per il CMS sono disponibili migliaia di plugin con cui puoi implementare le funzioni di cui hai bisogno senza modificare il codice, e temi professionali che abbattono i costi di sviluppo e consentono di avere il sito online in tempi brevi.
Non a caso, un altro aspetto molto apprezzato di WordPress è la possibilità di personalizzare il sito a un livello elevato anche senza competenze tecniche specifiche. Questo dà molta autonomia ai proprietari del sito, che non sono costretti a ricorrere agli sviluppatori per qualunque intervento.
Sulla piattaforma possono essere gestiti da non-tecnici non solo la pubblicazione dei contenuti ma anche tante modifiche al layout di articoli e pagine, soprattutto da quando sono disponibili Gutenberg e i page builder visivi come Elementor o Oxygen.
Oggi anche le grandi aziende scelgono WordPress perché si integra facilmente con altri strumenti usati quotidianamente come i CRM e le piattaforme per l’automazione del marketing, così come con Google Analytics.
Inoltre il CMS può essere usato in modalità headless, separando frontend e backend in modo da poter gestire i contenuti con WordPress e l’interfaccia con altri sistemi.
Siti WordPress di grandi aziende
Per iniziare vedremo degli esempi di siti WordPress di grandi aziende, o siti corporate, che nascono con l’obiettivo di rappresentarne l’identità istituzionale mantenendo la coerenza visiva con il brand. Devono comunicare in modo chiaro con clienti, investitori, media, potenziali collaboratori, ecc.; per questo uniscono sezioni dedicate alle notizie ufficiali con altre che si occupano di dati economico-finanziari, sostenibilità e opportunità di lavoro al proprio interno.
WordPress è un’ottima scelta in quanto permette di creare architetture delle informazioni complesse ma facili da aggiornare nei contenuti (e persino nel layout) anche per i dipendenti senza competenze tecniche.
The Walt Disney Company
Il sito di The Walt Disney Company è un classico sito corporate istituzionale.
L’hero mostra il quartier generale della società. Il menù principale sovrapposto all’immagine (in trasparenza) rimanda alle pagine dedicate alla presentazione dell’azienda, alle informazioni per gli investitori, alle opportunità di lavoro in azienda, all’impatto ecologico e sociale e alle news. Lo sfondo bianco del menù compare solo andandoci sopra col mouse (hover).
La sezione successiva offre un riepilogo delle ultime notizie dal mondo Disney attraverso card di dimensioni diverse.
Poi un layout alternato con immagine e blocco di testo rimanda alle altre sezioni del sito viste nel menù.
Capgemini
La homepage del sito di Capgemini ha un hero molto simile a quello di Walt Disney, con il menù principale sovrapposto all’immagine in trasparenza.
Qui però è stato implementato un vero e proprio mega menù di WordPress.
Sempre nell’hero, ci sono anche la barra di ricerca di WordPress e altri link utili.
Più in basso troviamo un sezione a griglia che raccoglie i contenuti in evidenza del sito.
Seguono altre sezioni simili ma con layout diversi che contengono le anteprime di articoli e pagine selezionate, con news che riguardano l’azienda, approfondimenti sulle policy e storie di clienti.
Siti WordPress di aziende software e SaaS
Per le aziende software e SaaS il sito è uno strumento per spiegare in modo semplice concetti digitali complessi e guidare l’utente verso la prova gratuita o l’acquisto. Con WordPress si possono costruire rapidamente blog e landing page e integrare documentazione tecnica e supporto clienti. Vedremo due esempi di siti WordPress di aziende software: WooCommerce e Qualtrics.
WooCommerce
Non poteva che essere realizzato con questo CMS il sito di WooCommerce, il noto plugin che serve a trasformare WordPress in un e-commerce.
La homepage di WooCommerce contiene due menù di navigazione orizzontali: quello principale e uno più piccolo in alto e a destra.
Qui abbiamo una sorta di layout diviso, che ospita da una parte un blocco di testo, dall’altra un carosello di immagini con scorrimento automatico.
Questa parte è dedicata a esprimere i valori dell’azienda e a mostrare storie di successo dei clienti.
Segue una sezione con tre blocchi di testo affiancati che visualizza una serie di numeri importanti per il plugin.
Più in basso abbiamo una parte dove vengono messe in evidenza tre cose che si possono fare con Woo: venderlo in affiliazione, costruire negozi online e aggiungere funzionalità a un e-commerce esistente.
Nel resto della pagina si alternano video e caroselli a scorrimento manuale e automatico, tutti dedicati a presentare casi d’uso del plugin.
Qualtrics
Sul sito di Qualtrics troviamo un menù principale classico con sfondo bianco e un banner che contiene sulla sinistra i testi e sulla destra una serie di immagini disposte secondo una matrice irregolare.
Più in basso una sezione con tre card dedicate alle tre suite di Qualtrics.
Il resto della home contiene infografiche che visualizzano i numeri chiave per l’azienda e slider che presentano testimonianze di aziende partner o demo di prodotti.
In fondo c’è un modulo di contatto che può essere compilato e inviato direttamente sulla pagina.
Siti WordPress di blogging
WordPress è stato progettato proprio per il blogging e resta la scelta naturale sia per chi vuole aprire un blog a sé stante che per chi vuole integrarlo in un sito più ampio. Con questo CMS diventa facile creare layout puliti per la lettura senza distrazioni e gestire tassonomie complesse garantendo una buona navigazione, così come ottimizzare il blog con i plugin per la SEO.
Vediamo due esempi di siti WordPress usati come blog.
Ted Blog
È stato creato con WordPress anche il blog di TED Talks, il celebre format di conferenze. Qui abbiamo molto spazio bianco rispetto agli esempi già visti, con titolo del sito e menù su livelli diversi, e in alto a destra la barra di ricerca.
Sotto c’è un’immagine in evidenza con un testo in sovrapposizione.
La homepage di questo sito contiene anche l’archivio degli articoli, le cui anteprime sono disposte su una griglia a due colonne.
Sulla destra c’è una barra laterale che contiene le icone social e il pulsante per l’iscrizione alla newsletter.
The Ahrefs Blog
La homepage del blog di Ahrefs – noto strumento per la SEO – è una pagina archivio minimalista con una struttura molto semplice, che non include nessuna immagine e usa una ristrettissima selezione di colori.
La testata contiene una fascia blu che contiene il menù orizzontale, la barra di ricerca e un pulsante per la newsletter, il nome del blog e una frase identificativa del brand (payoff).
Ogni voce del menù apre un menù a tendina che mostra le categorie del sito.
Subito sotto inizia l’archivio, su due colonne, che ha la particolarità di non visualizzare immagini dei post; solo titolo, categoria e tag, breve descrizione, autore e data.
Lo sfondo bianco si estende per tutta homepage, ma lo spazio vuoto è poco perché i titoli degli articoli sono di grandi dimensioni e di un colore diverso rispetto al corpo del testo.
Se vuoi creare anche tu un blog con WordPress, dai un’occhiata alla nostra guida.
Siti WordPress di news e riviste online
Nei siti di news e nelle riviste online WordPress offre una struttura capace di supportare un’enorme mole di contenuti multimediali e grandi volumi di traffico. Anche creare archivi di notizie è facile perché i temi WordPress permettono di creare in poco tempo layout a griglia e card, com’è stato fatto negli esempi di siti WordPress che vedremo.
Freethink
La homepage di Freethink – testata che fa divulgazione su scienza, tecnologia e innovazione – si trova a metà strada tra il layout rivista e una pagina blog. Si apre con un titolo molto grande e alcune card degli articoli. Sulla destra, altri link ai contenuti con miniatura (thumbnail) creano una sorta di menù verticale e permettono di accedere direttamente anche ad alcune categorie.
Manca il menù classico orizzontale di WordPress.
Più in basso ci sono alcune sezioni che servono a mettere in evidenza una categoria e si staccano nettamente dal resto grazie allo sfondo nero.
Tra una e l’altra vengono visualizzati altri archivi di articoli a schede, più o meno grandi a seconda della sezione.
The Harvard Gazette
The Harvard Gazette, la rivista online di una delle più celebri università americane, ha un layout quasi minimalista, con una homepage che ricorda un articolo di WordPress.
Nella fascia superiore della homepage troviamo un menù orizzontale classico che contiene anche un pulsante che apre il mega menù.
Sotto c’è anche un menù orizzontale secondario.
Qui non ci sono immagini in evidenza o hero ma si passa subito all’archivio dei post, che è formato da due parti.
Sulla sinistra troviamo l’anteprima di un post, che occupa due terzi della schermata. L’altro terzo è occupato da card più piccole allineate verticalmente.
Sotto ci sono altri archivi con layout diverso, su due o tre colonne. Alcuni contengono solo i link ai post; altri mostrano in cima un’immagine che rappresenta la categoria a cui appartengono gli articoli elencati.
Siti WordPress di musica
I siti WordPress di musica possono essere riviste, siti legati a piattaforme per lo streaming, portali ufficiali di singoli artisti o che raccolgono informazioni sui concerti. Di solito offrono agli utenti la possibilità di usufruire dei contenuti multimediali e al contempo creano una narrazione attraverso i testi e il design.
For the Record
Il sito di For the Record – portale informativo di Spotify – si apre con un hero che occupa quasi tutta la parte immediatamente visibile della pagina (above the fold). Si tratta di un carosello a scorrimento automatico.
Sopra l’immagine c’è una barra di ricerca e due link che portano a diversi mega menù.
Sotto vengono visualizzate le anteprime dei post attraverso un layout a griglia. La sequenza di immagini e titoli è interrotta da alcuni banner a larghezza piena.
Rolling Stone
Un altro esempio di sito WordPress di musica è Rolling Stone, la cui homepage ricorda la prima pagina di un quotidiano per via del titolo e del menù centrati e del layout simmetrico. Lo sfondo bianco su tutta la pagina e l’uso di pochi colori selezionati per testi e grafiche – principalmente nero e rosso – contribuiscono a mantenere l’ordine nonostante la gran quantità di informazioni.
La homepage alterna sezioni simmetriche e asimmetriche; tutte però sono costruite disponendo a distanza regolare blocchi tutti uguali, a volte su righe, a volte su colonne. La maggior parte di questi blocchi contiene titoli e brevi descrizioni degli articoli, con o senza immagine di anteprima.
Siti WordPress per e-commerce
Il vantaggio di usare WordPress per un sito di e-commerce è la possibilità di unire su un’unica piattaforma il negozio vero e proprio e le pagine che ospitano i contenuti editoriali.
Come saprai, si può creare un e-commerce su WordPress con WooCommerce, un plugin gratuito che permette non solo di configurare i prodotti ma anche di gestire pagamenti e spedizioni.
Se invece stai ancora valutando quale CMS usare per il tuo e-commerce, dai un’occhiata alla nostra guida dedicata.
Taika
Taika è un esempio di sito WordPress per e-commerce coloratissimo. Non ci sono spazi bianchi in questa pagina: ogni sezione si estende da un lato all’altro della schermata e si distacca da quelle circostanti grazie al contrasto cromatico.
La parte immediatamente visibile della homepage è occupata da un hero a schermo intero, che contiene un breve testo. Nella parte superiore della schermata si trovano dei pulsanti per accedere al negozio vero e proprio, al proprio profilo e al carrello.
Alla stessa altezza c’è anche un link che apre un menù di navigazione il cui sfondo ha il bordo inferiore ondulato, proprio come le altre sezioni della pagina.
Holzweiler
La homepage di Holzweiler si apre con un video a schermo intero, su cui è posizionato un link testuale al negozio – in realtà accessibile cliccando su qualunque punto dell’hero. Sopra il video c’è il classico menù orizzontale con sfondo bianco, che si apre in un mega menù, come succede spesso negli e-commerce.
Sotto il video inizia subito la galleria dei prodotti più venduti, con il classico layout a matrice.
Al contrario di Taika, Holzweiler è un esempio di e-commerce WordPress minimalista e in gran parte simmetrico. Qui tutto lo sfondo è bianco compreso il footer, che si distacca dal resto della pagina solo attraverso una sottile riga nera.
Siti WordPress per agenzie
Le agenzie di web marketing si occupano di gestire la comunicazione, le attività promozionali e il branding per i clienti e spesso anche di progettare e realizzare i loro siti. Il sito di una web agency deve quindi mostrare le competenze che questa mette a disposizione, sia attraverso il design e i contenuti del sito che attraverso un portfolio dei lavori realizzati.
Ecco alcuni esempi di siti WordPress di questo tipo.
Be-beau
Come ci si può aspettare da un’agenzia di web design, la homepage di Be-beau è minimalista ma non banale. Grazie allo sfondo bianco che accomuna tutti i componenti della pagina, la testata si fonde con l’immagine a schermo intero sottostante. La sfera contenuta nell’hero è richiamata dal puntatore del mouse, una pallina che si espande quando ci si porta sui link.
L’elemento più vistoso è il payoff del marchio, che campeggia a sinistra dell’area above the fold della pagina.
Tutta la pagina è costruita usando solo il bianco e il nero, eccetto la sezione che ospita le schede dei progetti realizzati, che include copertine colorate in tinta unita.
Digitalists
La homepage di Digitalists contiene un hero a tutto schermo interattivo: usando lo scroll si può rimpicciolire l’immagine centrale e farne comparire intorno altre che mostrano siti internet realizzati dall’agenzia.
Nell’area above the fold in alto a sinistra vediamo un menù flottante leggermente trasparente e “a pillola”; mentre in basso a destra un piccolo banner che ricorda una chat per il servizio clienti rimanda a un più tradizionale modulo di contatto.
Le altre sezioni funzionano in modo simile: con lo scroll si possono sfogliare i caroselli, che contengono link a sezioni del sito dedicate ai vari servizi proposti.
La pagina contiene altre aree interattive che raccolgono i loghi dei clienti importanti, testimonianze positive e schede di siti realizzati.
Siti WordPress personali
Alcuni siti WordPress sono uno strumento di personal branding per consulenti o freelance, che qui possono mettere in luce le proprie competenze e la propria unicità. Sui siti personali vengono promossi i servizi offerti ed eventuali libri e lavori realizzati, anche attraverso testimonianze raccolte con plugin per le recensioni.
Luisa Carrada
Il sito di una delle più note esperte italiane di comunicazione scritta, Luisa Carrada, è incentrato sui testi ma visivamente non banale grazie all’uso di colori accesi e contrastanti, che mantengono alta l’attenzione e creano una continuità tra parole e immagini.
Sotto un menù di navigazione classico, nell’hero troviamo a sinistra il payoff della business writer, a destra una grafica costruita intorno a una sua foto.
Mentre alcuni testi sono posizionati direttamente sullo sfondo panna che caratterizza tutta la pagina, altre sezioni sono definite da riquadri bianchi. Queste aree contengono link ad altre pagine importanti del sito, oppure card di articoli del blog selezionati.
Nicoletta Cinotti
Un altro esempio di sito WordPress personale è quello di Nicoletta Cinotti, nota psicoterapeuta esperta di mindfulness, pensato per trasmettere una sensazione di equilibrio e calma senza cadere nella monotonia.
La homepage si apre con un menù orizzontale doppio. Sulla prima riga ci sono solo link semplici, sulla seconda alcuni testi aprono piccoli menù a discesa con le relative sottocategorie.
Sotto incontriamo anche qui un testo affiancato da una grafica costruita intorno a una foto della psicoterapeuta, con elementi colorati che ricompaiono in altri punti della pagina e del sito: uno schema ripreso in diverse sezioni successive.
L’area immediatamente visibile della pagina è completata da un riquadro che racchiude un testo e un pulsante per approfondire su un’altra pagina del sito. Anche questa struttura ritorna più volte nella pagina
Lo sfondo della home è continuo e bianco. Alcuni testi si appoggiano direttamente lì, mentre altri sono collocati dentro riquadri.
Oltre agli elementi che abbiamo visto ci sono card che presentano i servizi offerti.
Siti WordPress per podcast
I siti di podcast sono progettati per organizzare episodi, stagioni e contenuti di supporto come note, trascrizioni e link di approfondimento.
Come abbiamo visto nella nostra guida ai podcast in WordPress, questo CMS consente di integrare anche i contenuti audio. Nella maggior parte dei casi i file audio vengono inseriti negli articoli del blog correlati oppure in pagine specifiche del sito, dove possono essere organizzati per tipo o argomento e integrati con trascrizioni, note e link.
Ecco due esempi di siti WordPress per podcast.
Tim Ferriss
Questa è la pagina del sito di Tim Ferriss dedicata ai suoi podcast, una sorta di archivio che rinvia alle diverse piattaforme sulle quali li si può ascoltare.
Contiene pulsanti per Apple Podcasts, Spotify e YouTube e link testuali ad altri siti e feed RSS.
Impact Girl by Biz Academy
Sul sito di Biz Academy c’è la pagina dedicata a Impact Girl, podcast della stessa autrice: Cecilia Sardeo.
Nella testata abbiamo diversi pulsanti che rimandano alle piattaforme più note – Spotify, Spreaker, iTunes e Amazon Music – e uno per l’iscrizione alla newsletter.
Dopo alcune sezioni che mostrano i numeri importanti del podcast e i motivi per seguirlo, c’è quella in cui è possibile ascoltare tutte le puntate senza uscire da WordPress. Per impostazione predefinita vengono visualizzate le ultime cinque, delle quali sono visibili data, titolo e descrizione.
Siti WordPress di ristoranti
I siti WordPress di ristoranti puntano tutto sull’impatto visivo, mettendo in primo piano i propri piatti oppure angoli suggestivi del locale. Di solito contengono anche il menù, gli orari, l’indirizzo e la mappa di Google Maps con la posizione.
Timberyard
Il sito di Timberyard – ristorante stellato di Edimburgo – è minimalista, concettuale e poco interattivo.
Nella homepage campeggia una foto a tutto schermo che mostra un tavolo del locale.
Nella testata c’è un menù molto semplice diviso in due parti, una sul lato destro e una sul lato sinistro; mentre il nome del sito si trova al centro.
La pagina è molto scarna, con pochi elementi testuali e visivi molto distanziati che danno un’idea della filosofia e dell’atmosfera del ristorante.
Lo sfondo è bianco nella parte iniziale e finale della pagina, e grigio in quella centrale.
Alcune immagini sono a larghezza piena, altre piccole e centrate, altre ancora sono allineate sul margine destro. Si alternano sezioni a simmetria centrale e sezioni asimmetriche.
Momofuku
Quello della catena di ristoranti Momofuku è un esempio di sito WordPress all’estremo opposto rispetto a Timberyard.
In alto nella home si trova l’hero con un menù e una gran quantità di tasti sovrapposti a un’immagine in evidenza a larghezza piena, che rappresenta un tavolo coperto di portate e bevande.
La sezione successiva raccoglie le card dei ristoranti, che è possibile scorrere usando la freccia, e contiene i tasti per accedere alla pagina dedicata e per prenotare.
L’ultima sezione prima del footer contiene delle schede più grandi dedicate al negozio online, buoni regalo e notizie.
Siti WordPress per no-profit e progetti open source
WordPress è un CMS gratuito e open source ed è particolarmente usato per portare online altri progetti di questo tipo.
Sui siti WordPress possono trovare spazio le pagine dedicate alla comunicazione istituzionale, accanto al blog e alle raccolte fondi. Diversi plugin per i pagamenti permettono anche aggiungere pulsanti specifici per le donazioni.
Ecco alcuni esempi di siti WordPress di enti no-profit o dedicati a progetti open source.
OMG! Ubuntu!
Il sito di OMG! Ubuntu! raccoglie notizie e consigli sul popolare sistema operativo open source, usando una struttura semplice, da blog, e colori ad alto contrasto.
La testata è una fascia rossa che contiene le icone dei social e della barra di ricerca da un lato, e l’icona del menù hamburger dall’altro, insieme al link dei contatti. Sotto compare un menù in stampatello su sfondo nero.
In homepage, sotto la testata si trova un carosello a scorrimento automatico a larghezza piena.
Il resto della home è occupato dall’archivio dei blog post, che mostra tre card per riga ed è interamente navigabile da qui grazie ai numeri di paginazione.
The Asian Legacy Library
The Asian Legacy Library è un’organizzazione no-profit che tutela il patrimonio bibliografico dei paesi orientali.
La homepage inizia con un’immagine evocativa a tutto schermo. Sopra questa c’è un testo in stampatello che occupa buona parte dell’area above the fold e spiega la missione dell’ente.
Questo schema viene ripetuto su tutta la pagina.
Il menù orizzontale è fisso (sticky). È in trasparenza sull’hero ma con l’hover compare uno sfondo dello stesso colore dei testi, che diventano neri.
L’ultima immagine fa da sfondo al footer.
Se anche tu hai un progetto no-profit, con noi puoi ottenere uno sconto sull’hosting.
Siti WordPress di intrattenimento
I siti WordPress di intrattenimento hanno un focus sui video e sono ricchi di contenuti multimediali, che devono poter essere visualizzati senza sacrificare le prestazioni. Anche il layout del sito deve facilitare la navigazione e l’interazione degli utenti.
Tutto ciò è possibile se si applicano gli accorgimenti per misurare e migliorare la velocità del sito, a partire dall’hosting e dall’ottimizzazione di immagini e media.
Vediamo due esempi di siti WordPress di intrattenimento.
Angry Birds
Come si addice al sito di un videogioco mobile di successo, Angry Birds mostra solo un banner a schermo intero che alterna diverse immagini animate.
Ognuna rappresenta un diverso gioco, che è possibile scaricare attraverso un pulsante.
In alto troviamo l’icona ad hamburger. In basso a sinistra, i link per accedere ai diversi episodi.
iOne Digital
iOne Digital è il portfolio digitale un grande canale statunitense di contenuti che hanno come protagonisti gli afroamericani.
L’area above the fold è occupata da una grafica di sfondo a larghezza piena, al centro della quale si susseguono spezzoni di video in formato quadrato.
La testata in overlay contiene solo il logo della compagnia e un menù hamburger, collocati alle estremità opposte della schermata.
Nell’angolo inferiore sinistro si trova invece l’icona che permette di aprire le preferenze dei cookies.
Le altre sezioni sono formate da una diversa grafica di sfondo, sulla quale compaiono a sinistra una scritta molto importante in stampatello e grassetto, sulla destra il riquadro con i video.
C’è anche un pulsante per accedere agli approfondimenti.
Siti WordPress per l’istruzione
I siti WordPress dedicati all’istruzione devono mettere insieme sezioni dedicate alla presentazione dei corsi e alle iscrizioni e sezioni dedicate alle risorse per studenti e docenti; in alcuni casi anche aree WordPress riservate che contengono materiale didattico.
University of Washington
Un esempio di sito WordPress per l’istruzione efficace è il sito della University of Washington. Qui, nella parte superiore della homepage, troviamo due menù orizzontali sovrapposti. Il primo contiene link dedicati a diverse tipologie di utenti, come studenti, genitori ed ex alunni. Il secondo menù di navigazione permette di accedere a diversi tipi di contenuti – relativi all’organizzazione, ai piani di studio, alla modulistica, ecc. – attraverso dei menù a tendina.
L’immagine in evidenza mostra una foto sul lato destro, mentre sulla sinistra fa da sfondo al titolo di una notizia in evidenza, a un breve riassunto e un link all’articolo WordPress che ne parla.
Sotto il banner c’è un ulteriore menù formato da icone, ciascuna delle quali rimanda a una pagina specifica del sito.
Sotto troviamo una sezione con tre schede dedicate alle ultime notizie o a eventi di cui si è scritto sul sito.
Dopo un banner che celebra i successi dell’università, c’è il footer.
Skillcrush
Il sito di Skillcrush si presenta non con un’immagine in evidenza ma con un testo centrale che riporta il payoff dell’organizzazione e un pulsante verde che invita a cominciare gratis un proprio percorso di studi per diventare sviluppatori o web designer.
Dopo un piccolo banner che spiega quali competenze si possono acquisire, troviamo una sezione divisa equamente tra un testo e un video che racconta la storia di un’ex studentessa.
Questo schema si ripete in diverse sezioni successive, che accostano invece testo e immagine.
Più in basso il layout si inverte, e poi cambia ancora per visualizzare le recensioni.
Siti WordPress di artisti e creativi
Per artisti e creativi il sito WordPress rappresenta uno spazio in cui esporre i propri lavori ed eventualmente venderli. La scelta è tra un sito che rifletta il proprio stile o un sito minimalista che concentri tutta l’attenzione sulle opere. In entrambi i casi è particolarmente importante trovare un equilibrio tra estetica e funzionalità.
Ecco due esempi di siti WordPress di artisti e creativi.
Eduardo del Fraile
Sul sito di Eduardo del Fraile, designer, troviamo una carrellata delle opere realizzate, che con la rotella del mouse possiamo far scorrere orizzontalmente sopra uno sfondo nero a larghezza piena.
Ogni singola immagine contiene un link alla pagina di approfondimento. Il nome di ogni creazione compare solo andandoci sopra con il cursore.
Sopra l’hero c’è un menù orizzontale in trasparenza.
Steffie de Leeuw
Il sito di Steffie de Leeuw, un’artista multidisciplinare, è una galleria statica delle sue creazioni.
In alto c’è un hero a schermo pieno che mostra un’opera su sfondo nero, con il titolo Art in sovrapposizione.
Scorrendo continuiamo a vedere il menù fisso, sotto il quale sono disposte le immagini delle creazioni, secondo un layout simmetrico a due colonne.
Cliccando sul titolo di ognuna possiamo accedere alla pagina di dettaglio.
Parte del sito è infatti un catalogo prodotti WordPress senza prezzi nel quale l’utente può richiedere informazioni cliccando su un apposito pulsante.
Conclusioni
Con questa panoramica di esempi di siti WordPress abbiamo confermato che questo CMS può adattarsi alle esigenze più diverse.
Abbiamo esaminato siti di grandi aziende e di no-profit, siti musicali e riviste online, blog e siti di intrattenimento. Abbiamo incontrato layout simmetrici e asimmetrici, densi di contenuti o con ampi spazi bianchi, con una o più colonne; homepage basate su immagini o video oppure sui testi; menù di navigazione fissi o mobili, trasparenti o con un proprio sfondo.
Come vedi, l’aspetto di un sito WordPress può variare tantissimo e così anche l’architettura delle informazioni che contiene. Il nostro tutorial WordPress può esserti d’aiuto per costruirne uno.
A quale modello pensi di ispirarti per il tuo sito e perché? Se ti va, parliamone nei commenti.
Pronto a costruire il tuo sito WordPress?
Prova il nostro servizio gratuitamente per 14 giorni. Nessun impegno, nessuna carta di credito richiesta.
