2018 4 Web Marketing

Web Marketing - Lezione 4
GESTIONE DI CONTENUTI DIGITALI PER I MEDIA,

LE IMPRESE E I PATRIMONI CULTURALI (GECO)
!1 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

SCELTA DELL’HOSTING / COS’È INNANZITUTTO IL SERVIZIO DI HOSTING?
L’hosting (dall’inglese “to host”, ospitare) è un servizio che mette a disposizione

uno spazio, all’interno di un server, raggiungibile dalla Rete.
All’interno di quello spazio, verrà pubblicato il sito web, che sarà così fruibile da
tutti gli utenti che vi accederanno.
HOSTING
Visitatore Internet Web Server Pagina Web

SCELTA DELL’HOSTING / COS’È INNANZITUTTO IL SERVIZIO DI HOSTING?
Il servizio di hosting viene erogato da aziende specializzate con costi annuali

o mensili.
I servizi di hosting si differenziano in base ai servizi offerti, quali ad esempio:
• supporto per determinati linguaggi di programmazione e database

• quantità dello spazio offerto
• banda garantita
• prestazioni del server
• supporto e assistenza
e per servizi accessori, quali ad esempio:

• gestione della registrazione o trasferimento dei domini
• caselle di posta elettronica

SCELTA DELL’HOSTING / QUALE SERVIZIO DI HOSTING SCEGLIERE ?
https://hosting.aruba.it/hosting.aspx

SITO WEB LE FASI DI REALIZZAZIONE
• Scelta e registrazione Dominio

• Progettazione del sito (definizione delle funzionalità e dei contenuti)
• Definizione dell’architettura e delle tecnologie
• Scelta e attivazione dell’Hosting
• Realizzazione della Grafica Web
• Sviluppo del sito
• Realizzazione dei Contenuti
• Pubblicazione del sito
• Promozione del sito

REALIZZAZIONE DELLA GRAFICA WEB
Dopo la fase di progettazione, in cui si è definito l’albero di navigazione e sono

stati realizzati i wireframe delle pagine principali, si passa al visual design.

Diamo una forma e un colore a quando schematizzato nei wire frame.

Il sito web è parte integrante della comunicazione aziendale e in quanto tale,

deve necessariamente essere coordinato anche dal punto di vista visuale, con
le altre forme di comunicazione utilizzate: 
loghi, colori, forme e stili devono essere riportati e declinati in modo coerente.

La grafica deve essere chiara, “pulita”, comprensibile e usabile per gli

utilizzatori finali (i clienti acquisiti e potenziali).

La grafica deve essere chiara, “pulita”, comprensibile e usabile per gli

utilizzatori finali (i clienti acquisiti e potenziali). 
 
In fase di realizzazione valutare sempre il target di riferimento prima di
introdurre scelte di design più o meno creative, in particolare quando
“rompono” gli schemi tradizionali di navigazione e fruizione dei contenuti. 
(B2B o B2C ? Digital Natives o Digital Immigrants?)

Due aspetti fondamentali da non dimenticare:
• La grafica deve sempre essere preceduta dalle fasi di analisi e

progettazione. 
Spesso si parte subito dalla realizzazione della grafica, trascurando
erroneamente tutti i passaggi preliminari che servono invece a definire
l’esatta gerarchia e importanza di tutti gli elementi presenti nelle pagine.

Due aspetti fondamentali da non dimenticare:
• Può essere il sito esteticamente più bello del mondo… ma il banco di prova
finale è “se funziona o non funziona”…  
se genera risultati e se consente di raggiungere o meno gli obiettivi di web
marketing prefissati.

REALIZZAZIONE DELLA GRAFICA WEB / GLI STRUMENTI
http://www.adobe.com/it/products/photoshop.html

REALIZZAZIONE DELLA GRAFICA WEB / GLI STRUMENTI
https://www.sketchapp.com

REALIZZAZIONE DELLA GRAFICA WEB / FIGURE PROFESSIONALI COINVOLTE
Web Content Web Front-end

Designer Manager Marketer Developer



SVILUPPO DEL SITO WEB
Dopo aver progettato il sito web, aver definito le funzionalità e averne

realizzato la grafica, è il momento di passare alla fase di sviluppo.

Front-end Developer
Front-end
Developer
Back-end Developer Server

Back-end
Developer

Web Server Front End Back End Data Base Contenuti
Lo sviluppo del sito web riguarderà prevalentemente due aspetti:
• Front end: lo sviluppo dell’interfaccia, quella che l’utente visualizza e con la

quale interagisce. In questa fase viene “montata” la grafica (il visual design
viene “scomposto” e ricreato in HTML e CSS) e vengono realizzare le singole
pagine del sito.

Web Server Front End Back End Data Base Contenuti
• Back end: lo sviluppo di tutte le funzionalità e di tutti i processi di gestione

dei contenuti (salvataggio, elaborazione, modifica e pubblicazione).

SVILUPPO DEL SITO WEB / AMBIENTI DI SVILUPPO
LOCAL PRODUCTION

SVILUPPO DEL SITO WEB / AMBIENTI DI SVILUPPO
LOCAL DEV STAGING PRODUCTION



REALIZZAZIONE DEI CONTENUTI
Reperimento, elaborazione e
realizzazione dei contenuti da
presentare nel sito web.

Dieci indicazioni per una scrittura efficace per il web
1. Il testo è parte integrante del design della pagina.

Deve essere quindi pensato e scritto tenendo conto dello
spazio che andrà a occupare all’interno del layout,
valutandone la lunghezza, l’equilibrio tra i paragrafi e la
grandezza del font.

Tutto però si complica con il Responsive Web Design.

2. Il tempo è prezioso… soprattutto online. L’utente si aspetta di trovare subito le

informazioni principali, per poi eventualmente approfondirle, in caso contrario basta
un click per cambiare pagina (o sito…)

2. Il tempo è prezioso… soprattutto online. L’utente si aspetta di trovare subito le

informazioni principali, per poi eventualmente approfondirle, in caso contrario basta
un click per cambiare pagina (o sito…)
Nella scrittura dei contenuti è quindi consigliabile applicare la regola giornalistica

della piramide rovesciata: le informazioni più importanti (chi, come, dove, quando,
perché) vanno presentare il prima possibile, per poi essere riprese e approfondite,
se necessario, nei paragrafi successivi o direttamente in altre pagine
(opportunamente linkate)

+ link di approfondimento 
o argomenti correlati

3. Il tempo è prezioso, ma lo è anche lo spazio.

Meglio utilizzare testi brevi che vadano subito al sodo senza
perdersi in inutili giri di parole.
 
Quando si scrive per il Web, un ottimo esercizio è prendere un
testo appena scritto e cercare di rielaborarlo, togliendo tutto
ciò che non è indispensabile.

4. Sfruttare a pieno il potere dei link.

Un link consente di approfondire e completare le informazioni in una
pagina dedicata o a volte direttamente in un sito esterno.
Un collegamento ipertestuale deve spiccare all’interno di un testo e
deve informare l’utente sulla “pagina di destinazione” che potrà
visitare dopo averlo cliccato, o sull’azione che andrà a compiere.
Anche dal punto di vista SEO, capiremo in seguito perché un link

come questo: clicca qui non risulti né informativo né efficace.

Dieci indicazioni per una

scrittura efficace per il web
5. Curare anche i micro-contenuti

presenti nei testi, come titoli,
sottotitoli e didascalie.
Definiscono rapidamente il contesto
e danno al lettore una rapida
anticipazione degli argomenti che
verranno trattati nella pagina o
all’interno di specifici paragrafi.

6. Utilizzare paragrafi e liste (UL e LI): un testo suddiviso ed

organizzato in blocchi è più ordinato e facilita la lettura e la
comprensione dei contenuti.

7. Evitare errori grammaticali e refusi (… ma dai 😅) ne va della
credibilità dell’azienda ed è in gioco la sua immagine.
Attenzione anche alle traduzioni, conviene affidarsi sempre ad

agenzie specializzate.
Correggere un testo sul web è più veloce e meno costoso rispetto

a dover ristampare una brochure o un intero catalogo prodotti 😉

8. Evitare le frasi fatte “azienda giovane e dinamica” o formule

ripetute e abusate da tutti i competitor “leader del settore” con
“esperienza trentennale” (magari in settori appena nati… 😜)
Sono testi che non danno informazioni utili e non aiutano l’utente a
capire cosa realmente rende unica un’azienda (o un prodotto/
servizio) e cosa realmente la differenzia dalla concorrenza.


9. Utilizzare all’interno dei testi dei termini (parole chiave/keyword) che identifichino
esattamente i prodotti/servizi proposti e che siano comprensibili per gli utenti finali.
Non sempre l’utente finale è un addetto ai lavori, e non sempre utilizza (in fase di
ricerca) e capisce (in fase di lettura) un gergo strettamente tecnico.
L’ “uomo della strada”, cercherà ad esempio: 

un’assicurazione auto per una copertura in caso di incidente…
piuttosto che una polizza auto per una copertura in caso di sinistro.
E all’interno del sito si aspetterà di trovare dei contenuti testuali che utilizzano il suo
stesso linguaggio.
In base al target di riferimento, più o meno esperto e “addetto ai lavori”, sarà a volte
necessario evitare se possibile un gergo troppo aziendale, scrivendo contenuti chiari e
facilmente comprensibili per gli utenti… e per i Motori di Ricerca.

10. Quando possibile, Testare più versioni dello stesso testo per
valutare quale sia più efficace.
Possiamo definire ad esempio:

- due testi per lo stesso box in home page
- due call to action per lo stesso pulsante
- due oggetti per la stessa newsletter
ed analizzare, tramite la Web Analytics, quale delle due versioni ha

generato i risultati migliori.

Dieci Undici indicazioni per una scrittura efficace per il web
11. Incentivare e semplificare la condivisione dei contenuti testuali.
Ottimizzare la presentazione dei contenuti che verranno condivisi.
Ne parleremo più avanti nell’ambito dell’ottimizzazione di una

pagina per i Social Media.

REALIZZAZIONE DEI CONTENUTI / FIGURE PROFESSIONALI COINVOLTE
Content Web
Manager Marketer



PUBBLICAZIONE DEL SITO

PUBBLICAZIONE DEL SITO / MODALITÀ “BASE”…
LOCAL PRODUCTION
Completata la fase di sviluppo ed effettuati tutti i test necessari per

garantire il completo e coretto funzionamento del sito (test delle
funzioni e compatibilità con i diversi browser/device), si procede alla
fase di pubblicazione.
Da questo momento il sito web sarà raggiungibile dall’esterno e tutti i

visitatori potranno accedervi.

PUBBLICAZIONE DEL SITO / MODALITÀ “AVANZATA”
Completata la fase di sviluppo ed effettuati tutti i test necessari per

garantire il completo e coretto funzionamento del sito (test delle
funzioni e compatibilità con i diversi browser/device), si procede alla
fase di pubblicazione.
Da questo momento il sito web sarà raggiungibile dall’esterno e tutti i

visitatori potranno accedervi.

PUBBLICAZIONE DEL SITO / FIGURE PROFESSIONALI COINVOLTE
Front-end Back-end System

Developer Developer Admin



PROMOZIONE DEL SITO / ESEMPI DI ATTIVITÀ
SEARCH
MARKETING
DISPLAY
SOCIAL MEDIA
ADVERTISING E
MARKETING
REMARKETING
DIGITAL Presenza Web E-MAIL

PR MARKETING
WEB ANALYTICS

PROMOZIONE DEL SITO / MODALITÀ DI COMUNICAZIONE
Modalità di comunicazione

La modalità di comunicazione PUSH

“spinge” il messaggio verso l’utente, anche se
questo non lo ha richiesto.

La modalità di comunicazione PUSH

“spinge” il messaggio verso l’utente, anche se
questo non lo ha richiesto.
Un esempio classico di comunicazione online di

tipo PUSH sono i banner pubblicitari che
visualizzate quando accedete ad un quotidiano
online per leggere una notizia.

Altri esempi di comunicazione

online di tipo PUSH?

La modalità di comunicazione PULL

è invece una comunicazione “tirata” dall’utente,
attivata e collegata alla sua attività di navigazione
principale.

La modalità di comunicazione PULL

è invece una comunicazione “tirata” dall’utente,
attivata e collegata alla sua attività di navigazione
principale.
Nel web marketing lo strumento PULL per

eccellenza è il Search Engine Marketing. 
Farsi trovare proprio quando le persone stanno

cercando il nostro marchio o i nostri prodotti/
servizi, attraverso un buon posizionamento nei
Motori di Ricerca.

PROMOZIONE DEL SITO / ESEMPI DI ATTIVITÀ
SEARCH
MARKETING
DISPLAY
SOCIAL MEDIA
ADVERTISING E
MARKETING
REMARKETING
DIGITAL Presenza Web E-MAIL

PR MARKETING
WEB ANALYTICS

Search Marketing
WEB MARKETING
55 COMPARTO WEB SRL - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

SEARCH MARKETING / DEFINIZIONE
Il Search Marketing, o Search Engine Marketing

(SEM), è il ramo del web marketing che si applica ai
motori di ricerca.
Comprende tutte le attività atte a generare traffico

qualificato dai motori di ricerca verso un
determinato sito web.
Lo scopo principale delle attività è quello di

intercettare gli utenti in fase di ricerca di informazioni,
veicolandoli attraverso i motori di ricerca, all’interno
di un sito web i cui contenuti soddisfino la ricerca
effettuata.

MOTORI DI RICERCA
Google e gli altri Motori… quali?

MOTORI DI RICERCA / NON SOLO GOOGLE…
https://en.wikipedia.org/wiki/List_of_search_engines




MOTORI DI RICERCA / NON SOLO GOOGLE… O QUASI
Vediamo un po’ di Market Share a livello globale


Europa

United States

Russia
62% Yandex
South Korea
77% Naver
Cina
52% Baidu

http://returnonnow.com/wp-content/uploads/2015/11/search-market-share-2015-RON1.png

MISSION DI GOOGLE
Mission

MISSION DI GOOGLE
La mission di Google è organizzare le informazioni a livello

mondiale e renderle universalmente accessibili e utili.

HOW SEARCH WORKS?
http://www.google.com/insidesearch/howsearchworks/

HOW SEARCH WORKS?

HOW SEARCH WORKS?
https://www.youtube.com/watch?v=BNHR6IQJGZs

HOW SEARCH WORKS?
https://www.youtube.com/watch?v=avP5d16wEp0

HOW SEARCH WORKS?

HOW SEARCH WORKS?

HOW SEARCH WORKS / IN BREVE…
1. L’utente effettua una ricerca in un Motore di Ricerca

attraverso una query di ricerca, ovvero utilizzando
determinate Key Words (parole chiave);
2. Il motore di ricerca estrapola dai propri indici i

risultati che ritiene pertinenti per quella ricerca;
3. Ordina i risultati in base ai suoi algoritmi di

popolarità;
4. Mostra all’utente i risultati ordinati per rilevanza

all’interno di una pagina.

SEARCH MARKETING / COME FARSI TROVARE ?
Come farsi trovare da chi ci cerca?

SEARCH MARKETING / COME FARSI TROVARE ?
Attraverso una presenza nei Motori di Ricerca

PRESENZA NEI MOTORI DI RICERCA
Chi necessità di una presenza nei motori di ricerca?

Cambiamo la domanda…
Chi NON necessità di una presenza nei motori di

ricerca?

Ricerca “Navigazionale”, di cui parleremo a breve.

SEARCH MARKETING / PRESENZA NEI MOTORI DI RICERCA
😎 💸
Presenza gratuita Presenza a pagamento

😎
Presenza gratuita
La presenza gratuita di un sito all’interno dei Motori di Ricerca, NON

prevede alcun pagamento al Motore di Ricerca stesso per comparire
nei risultati di ricerca.
I risultati sono scelti e ordinati dal motore in base ad una serie di

algoritmi e fattori di posizionamento.

😎
Presenza gratuita
Il sito web viene posizionato all’interno dei risultati naturali (o

organici) dei motori di ricerca.

😎
Presenza gratuita
Il sito web viene posizionato all’interno dei risultati naturali (o

organici) dei motori di ricerca.
Tutte le attività che vengono messe in atto per favorire la presenza del
sito, in una buona posizione tra i risultati naturali, vengono chiamate
attività di Search Engine Optimization (SEO), ovvero attività di
ottimizzazione per i motori di ricerca.

💸
Presenza a pagamento
La presenza a pagamento di un sito all’interno dei Motori di

Ricerca, prevede invece l’utilizzo di un servizio a pagamento,
offerto dai Motori di Ricerca per far comparire un sito nei risultati
di ricerca “sponsorizzati” sotto forma di Annuncio.

💸
Per comparire tra i risultati “sponsorizzati”, l’inserzionista (proprietario del

sito), paga ai Motori di Ricerca una certa somma, ogni volta che un utente,
dopo aver cercato determinate parole chiave, clicca sull’annuncio,
visitando il relativo sito web.
Questa forma di pubblicità online prende il nome di Keyword Advertising

e il modello di pagamento, a click, prende il nome di Pay per Click.

😉
⌛ 💰 💸
La presenza non è proprio Presenza a pagamento
gratuita…
diciamo che è necessario

“guadagnarsi” una bona presenza.

SEO & KEYWORD ADV
😎 💸
Posizionamento
Naturale
Presenza gratuita
Keyword
Advertising

SEARCH MARKETING
Dopo la ricerca… i risultati.

SERP
Search Engine Results Page

SERP / IN THE PAST

SERP / L’EVOLUZIONE DELLE SERPs
https://www.e-intelligence.in/images/google-search-result-page-history-infographic.jpg

SERP / IN THE PAST
RISULTATI NATURALI RISULTATI

(ORGANICI) SPONSORIZZATI
A SINISTRA A DESTRA

SERP / IN THE PAST

SERP / NOW

SERP / NOW
RISULTATI SPONSORIZZATI
RISULTATI NATURALI
(ORGANICI)

SERP / RISULTATI SPONSORIZZATI, SEMPRE MENO DIFFERENZIATI
RISULTATI SPONSORIZZATI
RISULTATI NATURALI

SERP / L’EVOLUZIONE DEI RISULTATI SPONSORIZZATI
http://edge45.co.uk/blog/google-adwords-evolution-timeline

SERP / SITELINKS
https://support.google.com/webmasters/answer/47334?hl=it

SERP / SITELINKS

SERP / RISULTATI LOCALI

SERP / GOOGLE SHOPPING

SERP / GOOGLE KNOWLEDGE GRAPH

SERP / GOOGLE KNOWLEDGE GRAPH
https://www.google.com/intl/es419/insidesearch/features/search/knowledge.html

SERP / UNIVERSAL SEARCH: NEWS, IMMAGINI, KNOWLEDGE GRAPH

TIPOLOGIE DI RICERCHE
Quali tipologie di ricerche effettuano gli utenti?
1. Informazionali
2. Navigazionali
3. Transazionali

Informazionale
L’utente sta cercando un’informazione specifica, ma

non legata ad un determinato brand o sito web: per
esempio cerca “come fare qualcosa”.

Navigazionale
L’utente cerca un brand o un sito specifico sul quale

andare, o una pagina specifica di un sito già noto.

Transazionale
L’utente cerca un sito sul quale compiere un’azione

o una transazione: per esempio l’acquisto di un
prodotto/servizio, il download di un file o la
registrazione ad un evento.

Si stima che circa l’80% delle ricerche sia di tipo Informazionale,

mentre il restante 20% siano Navigazionali e Transazionali.

Obiettivi di Search Marketing
WEB MARKETING
112 COMPARTO WEB SRL - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

DEFINIZIONE DEGLI OBIETTIVI DI SEARCH MARKETING
Le attività di Search Marketing partono dalla definizione degli

obiettivi di visibilità e di posizionamento (naturale o
sponsorizzato) nei motori di ricerca.

L’obiettivo principale è intercettare, durante la fase di ricerca,

persone interessate ai contenuti presenti nel sito, per generare
traffico qualificato (visite) dai motori di ricerca.
… Come?

Iniziamo a porci delle domande:
• Che cosa… deve essere trovato?

• Chi… deve trovarla?
• Come… la cerca?
• Dove… la cerca?

Che cosa?
Quali sono i brand, i prodotti, i servizi, o più

genericamente le informazioni presenti nel sito
che devono essere trovate nei Motori di Ricerca?
(e quali non deve essere trovate…)

Che cosa?
Quali sono i brand, i prodotti, i servizi, o più

genericamente le informazioni presenti nel sito
che devono essere trovate nei Motori di Ricerca?
Per semplicità, definiamo genericamente “contenuti” i

brand, i prodotti/sevizi, o le informazioni che vogliamo
posizionare nei motori di ricerca, affinché vengano trovate.

Brand  Brand
Prodotti/Servizi Informazioni
PRINCIPALE DEI PRODOTTI/SERVIZI
Il Brand dell’azienda, o I Brand dei prodotti/ Le categorie, le sotto Contenuti

della realtà a cui è servizi trattati. categorie di prodotti/ strategicamente
dedicato il sito. I Brand degli eventuali servizi trattati. rilevanti (per le
produttori di questi I singoli prodotti/servizi ricerche).
prodotti/servizi trattati.
Eventuali servizi
accessori erogati.

Che cosa?
Qual è l’importanza strategica dei diversi

contenuti e con quale priorità dovranno essere
posizionati nei Motori di Ricerca?

Chi?
Qual è il target di riferimento per ogni tipologia di

contenuto? Quali persone cercano i diversi
contenuti? (B2B o B2C)
Qual’è l’area geografica di riferimento per ogni

contenuto?
Quali sono i principali competitor online per ogni

contenuto? (competitor diretti, portali…)

Come?
Come vengono ricercati i diversi contenuti dai

diversi target di riferimento?
Con quali parole chiave? 

- parole chiave di brand o di prodotto? 
- termini tecnici o di uso comune?
- keyword generiche o keyphrase più mirate? 
(casa VS affitto casa in centro a Desenzano)

Dove?
Dove vengono cercati i contenuti dai diversi

target di riferimento?
In quali Motori di Ricerca orizzontali o verticali

viene effettuata la ricerca?
Da quali device?

POSIZIONAMENTO NATURALE O KEYWORD ADV ?
Quale strada scegliere per raggiungere gli obiettivi?
😎 💸
Posizionamento
Naturale
Presenza gratuita OPPURE

Keyword
Advertising

POSIZIONAMENTO NATURALE O KEYWORD ADV
Entrambe… ma partiamo da posizionamento naturale
Naturale
😎 💸
Posizionamento
Presenza gratuita
Keyword
Advertising

2018 4 Web Marketing

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

2018 4 Web Marketing

Caricato da

Copyright:

Formati disponibili

Web Marketing - Lezione 4

GESTIONE DI CONTENUTI DIGITALI PER I MEDIA,

!1 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

L’hosting (dall’inglese “to host”, ospitare) è un servizio che mette a disposizione

Visitatore Internet Web Server Pagina Web

!2 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Il servizio di hosting viene erogato da aziende specializzate con costi annuali

I servizi di hosting si differenziano in base ai servizi offerti, quali ad esempio:

• supporto per determinati linguaggi di programmazione e database

e per servizi accessori, quali ad esempio:

!3 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

!4 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

• Scelta e registrazione Dominio

!5 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Dopo la fase di progettazione, in cui si è definito l’albero di navigazione e sono

!6 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Diamo una forma e un colore a quando schematizzato nei wire frame.

!7 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Il sito web è parte integrante della comunicazione aziendale e in quanto tale,

!8 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

La grafica deve essere chiara, “pulita”, comprensibile e usabile per gli

!9 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

La grafica deve essere chiara, “pulita”, comprensibile e usabile per gli

!10 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Due aspetti fondamentali da non dimenticare:

• La grafica deve sempre essere preceduta dalle fasi di analisi e

!11 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Due aspetti fondamentali da non dimenticare:

!12 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

!13 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

!14 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Web Content Web Front-end

!15 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

• Scelta e registrazione Dominio

!16 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Dopo aver progettato il sito web, aver definito le funzionalità e averne

!17 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Back-end Developer Server

!18 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Web Server Front End Back End Data Base Contenuti

Lo sviluppo del sito web riguarderà prevalentemente due aspetti:

• Front end: lo sviluppo dell’interfaccia, quella che l’utente visualizza e con la

!19 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Web Server Front End Back End Data Base Contenuti

• Back end: lo sviluppo di tutte le funzionalità e di tutti i processi di gestione

!20 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

!21 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

LOCAL DEV STAGING PRODUCTION

!22 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

• Scelta e registrazione Dominio

!23 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

!24 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Dieci indicazioni per una scrittura eﬃcace per il web

1. Il testo è parte integrante del design della pagina.

!25 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Tutto però si complica con il Responsive Web Design.

!26 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Dieci indicazioni per una scrittura eﬃcace per il web

2. Il tempo è prezioso… soprattutto online. L’utente si aspetta di trovare subito le

!27 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

Dieci indicazioni per una scrittura eﬃcace per il web

2. Il tempo è prezioso… soprattutto online. L’utente si aspetta di trovare subito le

Nella scrittura dei contenuti è quindi consigliabile applicare la regola giornalistica

!28 COMPARTO WEB DI MATTIA RAGNI - WWW.COMPARTOWEB.COM - INFO@COMPARTOWEB.COM

L’ “uomo della strada”, cercherà ad esempio: 