Produrre siti web #1

Nello scorso numero abbiamo provato a suddividere i siti web per tipologia¹. Ora proviamo ad analizzare la loro produzione. Uso la parola produrre, invece che realizzare, perché penso sia più efficace a definire questa fase precisa, quella esecutiva. Come in un film, c’è la fase in cui si scrive una storia e poi c’è la fase in cui quella storia viene messa in scena e prodotta.

Per un sito web, c’è prima una fase in cui si fa ricerca e si prova a organizzare un contenuto o un flusso di azioni. C’è poi una fase di produzione vera propria, la fase in cui le idee, l’organizzazione dei contenuti e gli elementi grafici diventano qualcosa di reale e cliccabile.

La fase più esecutiva può cambiare a seconda del tipo di sito che si vuole realizzare. Su FigJam ho provato a fare uno schema (faccio una pausa per farvi cliccare il link)².

Cominciamo dalla prima categoria, informazione/comunicazione, la più ampia (nel prossimo numero analizzeremo le altre). In questa categoria ci sono i siti-brochure, ma anche libri, guide, riviste, documentazioni, portfolio, blog. Sono siti basati sui contenuti. L’obiettivo è organizzare i contenuti per rendere il messaggio più comprensibile e accattivante (l’ambito relativo alla comunicazione visiva).

Nello schema segnalato sopra ci sono due fasi relative all’HTML-CSS, una legata alla fase di prototipo, l’altra a quella più esecutiva (l’HTML-CSS che andrà online). Sono due fasi importanti, che negli ultimi anni si stanno evolvendo e cambiando.

Come mettere online un sito web

Oggi, per produrre e mettere online un sito della categoria informazione/comunicazione ho diverse opzioni.

Potrei scrivere HTML-CSS alla “vecchia maniera”³, potrei farlo con moderni framework JS come React o Vue.

Potrei scaricare Wordpress (ormai il CMS di gran lunga più diffuso⁴), installarlo e caricalo sul mio spazio web. Uno spazio web che dovrebbe essere attrezzato con un database (MySql) e PHP. Forse qui siamo ancora nell’ambito della “vecchia maniera”. Potrei farmi un account su WordPress.com e ottenere quasi lo stesso risultato senza dover installare niente o acquistare uno spazio web. Userei lo spazio messo a disposizione dall’azienda che mantiene e gestisce Wordpress, Automattic.

Potrei scaricare e installare uno tra i tanti CMS nati negli ultimi anni, soprattutto quelli che non prevedono l’uso di un database. CMS che generano file statici, come si faceva in una primissima fase del web.

Potrei non usare nessun CMS e affidarmi a qualche site builder, più o meno avanzato. Ne cito quattro con diverse caratteristiche, tipo di pubblico e tipo di utilizzi: Wix, Webflow, Cargo, Readymag. Quattro site builder che potrebbero essere capofila di quattro categorie, semplificate così: Wix, per tutti, tutte e tutto; Webflow, per web designer (nel senso più ampio del termine); Cargo, per artisti e designer; Readymag, per designer che non hanno mai fatto un sito web. Lo stesso Wordpress, con l’uso di plugin esterni come Elementor e Divi diventa una specie di site builder.

Tutti questi site builder hanno un sistema per attivare un e-commerce, più o meno sofisticato, a ribadire il concetto che i confini di queste categorie non sono netti.

Ci sono servizi per la maggior parte delle necessità⁵. Se devo creare una guida posso usare un template ad hoc di Wordpress o servizi pensati per questo tipo di contenuti, come Gitbook. Posso anche muovermi fuori dagli schemi, adattando alle mie esigenze cose progettate per un altro uso. Penso a prodotti come Notion⁶, spesso usato per documentazione e guide⁷.

Ogni fase di un progetto è determinante per il suo successo, inclusa la produzione. La produzione della serie “close read”⁸ del «New York Times» è un esempio perfetto di quanto possa essere efficace un’ottima produzione. Non solo la produzione editoriale, in questo caso, ma anche quella tecnica, tutta orientata a migliorare l’esperienza di lettura, dallo scorrimento allo zoom, alla fluidità delle interazioni al caricamento delle immagini.