Web design ed e-commerce

Che cos'è un sito web aziendale?

Quando serve

• Il sito è datato, lento o non si legge bene da telefono.
• Aggiornare un testo o una pagina richiede ogni volta un intervento tecnico.
• Vuoi iniziare a vendere online o riorganizzare un negozio esistente.
• Serve una pagina dedicata a un servizio, un evento o una campagna.

Per chi è

• Organizzazioni senza un sito web aziendale, che vogliono pagine chiare e contatti facili da trovare.
• Chi ha un sito datato o faticoso da aggiornare e deve capire se basta rinnovarne l'aspetto o conviene rivederne la struttura.
• Chi valuta un negozio online, nuovo o già avviato, e deve scegliere la piattaforma in base a prodotti e ordini.
• Chi presenta un servizio nuovo, un evento o una campagna e vuole una pagina autonoma, con un solo obiettivo.

Cosa comprende

• UX/UI design
• Siti aziendali
• Landing page
• WordPress
• Shopify
• Restyling
• Design responsive
• Manutenzione

• UX/UI design

  In concreto

  Progetto di percorsi e interfaccia: schemi delle pagine, gerarchia dei contenuti, pulsanti e aspetto grafico, pensati per i visitatori.

  Cosa rende possibile

  Struttura e aspetto si possono discutere prima dello sviluppo, così chi arriva sulle pagine capisce che cosa può fare.

• Siti aziendali

  In concreto

  Siti istituzionali o vetrina che presentano organizzazione, servizi e contatti in pagine collegate, pensate per chi li cerca e per chi li aggiornerà.

  Cosa rende possibile

  Nel tempo si possono aggiungere nuove pagine e sezioni al sito, mantenendo la stessa impostazione.

• Landing page

  In concreto

  Una pagina dedicata a un obiettivo preciso, con un percorso breve verso un'azione da compiere, per esempio contattare l'organizzazione; la definizione è nel glossario.

  Cosa rende possibile

  Permette di dare a un servizio o a un evento una pagina autonoma, da collegare a una campagna e da tenere distinta dalle altre pagine.

• WordPress

  In concreto

  WordPress è un CMS (spiegato nel glossario): pagine, articoli e immagini si creano e si modificano da un pannello di amministrazione; temi e plugin, cioè componenti aggiuntivi, ne estendono funzioni e aspetto.

  Cosa rende possibile

  Si può affidare a chi lavora nell'organizzazione la modifica di testi e pagine; quando le esigenze cambiano, si possono aggiungere nuove funzioni.

• Shopify

  In concreto

  Piattaforma di e-commerce ospitata, cioè eseguita sui server del fornitore: catalogo prodotti, carrello, ordini e pagamento sono già previsti dal sistema.

  Cosa rende possibile

  Si può aprire un negozio online concentrandosi su prodotti e schede prodotto, e organizzare gli ordini nella piattaforma.

• Restyling

  In concreto

  Rinnovo di un sito esistente: si rivede l'aspetto e, se serve, l'organizzazione delle pagine, mantenendo i contenuti che si decide di tenere; l'intervento può limitarsi alla grafica.

  Cosa rende possibile

  L'immagine online si può aggiornare senza ricominciare da capo, valutando prima quanto basti la grafica e quanto serva rivedere i percorsi.

• Design responsive

  In concreto

  Un sito responsive adatta le pagine a telefono, tablet e computer, per mantenere i testi leggibili e i pulsanti facili da toccare.

  Cosa rende possibile

  Un'unica versione può restare leggibile su schermi di dimensioni diverse e si aggiorna in un solo punto.

• Manutenzione

  In concreto

  Manutenzione del sito dopo la pubblicazione: aggiornamenti, restyling e piccoli interventi, secondo il perimetro che si concorda.

  Cosa rende possibile

  La presenza online può restare allineata alle novità della piattaforma e ai cambiamenti dell'organizzazione, con un unico riferimento.

Web design ed e-commerce: cosa diventa possibile

• Un riferimento online coerente

  Con struttura e contenuti decisi prima della grafica, il sito potrebbe diventare un riferimento coerente a cui rimandare da email, documenti e iniziative, senza dover descrivere ogni volta l'organizzazione e i suoi servizi.

• Contenuti aggiornabili da chi li gestisce

  Se le parti che cambiano spesso sono rese modificabili, diventa possibile far aggiornare testi, pagine e prodotti a chi li conosce, senza un intervento tecnico per ogni modifica.

• Aprire o rinnovare un negozio online

  Con WordPress o Shopify scelti in base a prodotti e ordini, un negozio online potrebbe essere modellato sul modo di lavorare dell'organizzazione. Diventa possibile ampliare il catalogo e cambiare le schede prodotto senza rifare il negozio.

• Rinnovare il sito per gradi

  Con un restyling mirato un sito esistente potrebbe essere ammodernato mantenendo ciò che si sceglie di tenere e poi fatto evolvere per gradi, con aggiornamenti e piccoli interventi.

• Dialogare con gli altri strumenti

  Se gli strumenti già in uso offrono un collegamento adatto, le richieste ricevute dal sito potrebbero arrivare agli altri strumenti senza essere ricopiate a mano; se ne occupa l'area CRM.

Come lavora EOS360

1. 01

   Struttura e contenuti

   Si parte da chi deve trovare il sito e da cosa deve fare: pagine, percorsi e contenuti vengono definiti prima della grafica.

2. 02

   Design e sviluppo

   Il progetto grafico viene realizzato su misura e responsive, sulla piattaforma più adatta, come WordPress o Shopify.

3. 03

   Pubblicazione e manutenzione

   Dopo la pubblicazione il sito viene seguito con aggiornamenti, restyling e piccoli interventi.

Web design ed e-commerce: come si implementa

1. 01

   Obiettivi e struttura

   Si chiarisce a chi si rivolge il sito e che cosa deve permettere di fare. Si disegnano la mappa delle pagine e i percorsi prima della grafica; se esiste una versione online, si parte da ciò che va mantenuto, compresi gli indirizzi delle pagine.

   ConsegnaMappa delle pagine e dei percorsi, con l'elenco dei contenuti necessari.

2. 02

   Scelta della piattaforma

   Si confrontano le piattaforme adatte, come WordPress o Shopify, rispetto alle funzioni richieste, all'eventuale catalogo e a chi si occuperà degli aggiornamenti. La decisione si prende con l'organizzazione e se ne scrivono i motivi.

   ConsegnaPiattaforma scelta e motivi della decisione, documentati prima dello sviluppo.

3. 03

   Progetto di interfaccia

   Si disegnano gli schemi delle pagine e poi l'aspetto: tipografia, spaziature, pulsanti, disposizione su telefono e su computer. Il progetto si presenta e si discute prima dello sviluppo.

   ConsegnaSchemi e progetto grafico delle pagine principali, per telefono e per computer.

4. 04

   Sviluppo e verifica

   La realizzazione avviene sulla piattaforma scelta, rendendo modificabili le parti da aggiornare di frequente. Si può prevedere una verifica del funzionamento su schermi e browser diversi, con il controllo di link e funzioni principali, secondo il perimetro concordato.

   ConsegnaPagine realizzate, con l'esito delle verifiche concordate (schermi, link e funzioni principali).

5. 05

   Manutenzione e documentazione

   Prima della messa online si concorda il perimetro degli aggiornamenti e dei piccoli interventi. Nella documentazione sono indicate le parti che può modificare chi gestisce i contenuti.

   ConsegnaDocumentazione del sito, con il perimetro concordato per la manutenzione.

Cosa ottieni

• Un sito leggibile su ogni dispositivo.
• Pagine che si aggiornano senza riscrivere il codice.
• Un negozio online progettato attorno al modo in cui gestisci ordini e prodotti.
• Un riferimento per manutenzione ed evoluzioni.

Come si collega agli altri servizi

• MKT

  Web marketing →

  Struttura, titoli e indirizzi delle pagine sono punti di partenza per la SEO (interventi per la visibilità nei motori di ricerca). Un restyling che cambi gli indirizzi delle pagine può essere pianificato insieme all'area web marketing, perché potrebbe incidere sulla visibilità.

• CLD

  Cloud, hosting ed email →

  In genere un sito si appoggia a un dominio, a uno spazio di hosting e a un certificato SSL, che abilita la connessione cifrata (HTTPS). Se gestiti insieme, i loro rinnovi e le copie di sicurezza del sito hanno un unico riferimento.

• CRM

  CRM, software e automazioni →

  Richieste e contatti del sito possono confluire in un CRM, dove contatti, attività e pratiche restano in un archivio condiviso, invece di essere ricopiati a mano. Serve che gli strumenti offrano un collegamento adatto, come un'API, interfaccia con cui due programmi si scambiano dati.

Web design ed e-commerce: parole chiave spiegate

CMS

Sistema di gestione dei contenuti (content management system): software con cui si gestiscono testi, immagini e pagine di un sito da un'interfaccia di amministrazione, senza programmare.

Responsive

Detto di un sito la cui impaginazione si adatta alla larghezza dello schermo: colonne, immagini e menu si riorganizzano su telefono, tablet e computer, senza versioni separate.

UX e UI

UX (user experience) è l'esperienza d'uso: quanto è semplice orientarsi, capire e compiere un'azione. UI (user interface) è l'interfaccia: aspetto, pulsanti, testi e spaziature con cui la persona interagisce.

Pagina di atterraggio

Detta anche landing page: pagina singola, di solito raggiunta da una campagna o da un link, costruita su un unico messaggio e su un'unica azione.

E-commerce

Commercio elettronico (dall'inglese electronic commerce): vendita di prodotti o servizi tramite internet, in cui chi acquista ordina e, di norma, paga online.

Reindirizzamento

Istruzione che manda chi visita un vecchio indirizzo a quello nuovo. Se permanente, come dopo un rifacimento, evita link interrotti e segnala ai motori di ricerca il nuovo indirizzo.

Domande su questo servizio

Servizi collegati

• MKT

  Web marketing

  Presenza online costruita su strategia, contenuti e misurazione.

  Vai al servizio →

• CLD

  Cloud, hosting ed email

  Domini, spazi web e posta professionale configurati e mantenuti nel tempo.

  Vai al servizio →