DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

2018

El lloc web d’una empresa cultural

Montserrat Peñarroya

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

2

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Tipus de lloc web

• Com ha de ser un lloc web a nivell tècnic.

• Com ha de ser un lloc web a nivell de màrketing.

Què veurem en aquesta sessió

3

TIPUS DE LLOC WEB

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

El lloc web corporatiu

5

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

El lloc web catàleg

6

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

El lloc web portafoli

7

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

El blog

8

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

El Comerç Electrònic

9

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

El diari online

10

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Comunitats

11

QUÈ NECESSITEM A NIVELL TÈCNIC

12

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Què necessitem per a crear un bon lloc web• Hauria de gaudir d’un bon domini fàcil de

recordar.• Ha d’estar allotjat al país on hi ha el nostre

públic objectiu.• Ha de disposar d’un gestor de continguts.• Creat amb una plantilla professional.• Hauria de ser transaccional (si s’escau).

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• El nom es compra en concessió per 1, 2 ó 5 anys.

• Com més semblant al nom de l’establiment millor.

• Sobre l’extensió del domini .cat, .com, .net, .es, etc. a nivell de marketing només importa de cara al públic objectiu que tinguem.

• Facilita el SEO que tinguem la paraula clau dins del domini: LlibreriaMontse.com o GaleriaMontse.com

El nom de domini

14

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

15

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Hi ha moltes empreses que ofereixen serveis d’allotjament (hosting).

• Aquest tipus d’empresa s’anomenen “proveïdors de serveis d’Internet” o ISP (Internet services provider)

• Cal sol·licitar espai suficient per la web, un determinat ample de banda i nombre il·limitat de bústies d’email, entre altres coses.

• El hosting ha de ser al país on tinguem el públic objectiu.

L’allotjament

17

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

18

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

19

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Al mercat hi ha molts gestors de continguts que ens permeten crear webs per a empreses, sense pràcticament cap cost i en molt poc temps.

• Els més utilitzats són el Joomla, el Drupal i el Wordpress.

• Si el volem és un comerç electrònic, els més utilitzats són el Prestashop, el Magento i el Woocommerce.

Els gestors de contingut open source

20

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Els gestors funcionen amb plantilles.

• Per a tots ells hi ha plantilles que s’adapten a qualsevol tipus d’empresa.

• Veure: www.themeforest.net el mercat més gran de plantilles per a tots els gestors.

• Una plantilla ben configurada ens garanteix bona usabilitat i un disseny professional.

Les plantilles

21

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

22

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Són petits programes que ens ajuden a incloure noves funcionalitats al lloc web.

• Per exemple:

– Un nou idioma.

– Un formulari de contacte.

– Una connexió amb twitter.

– Un motor de reserves.

– Un comerç electrònic.

– Etc.

Els Plugin’s

23

A NIVELL DE MÀRQUETING

24

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Què necessitem per a crear un bon lloc web• Hauria d’estar orientat a client.

• Ha d’incloure un llistat de recursos i serveis ben classificats.

• El “qui som” i el “què fem” han d’estar ben treballats.

• A totes les pàgines cal que hi hagi les dades de contacte o el formulari de contacte.

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Com és la nostra marca (logo, colors, fonts,etc.)

• Quin és el nostre to.

• Quins són els nostres valors.

Cal ser consistents amb l’estratègia offline.

Cal tenir clara l’estratègia de marca

27

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Exemple d’estratègia gràfica de marca

www.montsepenarroya.com

www.instagram.com/mpenarroya

www.facebook.com/montsepenarroya

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Per què el nostre establiment? Quina és la nostra proposa de valor?

• Perquè som únics.

• Perquè som seriosos/divertits/especialistes...

• Perquè tenim molta experiència.

• Perquè donem un servei integral.

• Perquè som a prop/a un lloc determinat...

• ....

29

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Quina és la teva proposta de valor?

30

...FEM AQUEST EXERCICI

COM MOSTRAR LA PROPOSTA

31

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Cal recordar que no venem productes si no l’experiència de gaudir del nostre producte.

Això és el que hem de transmetre al lloc web.

Quant la proposta és el producte...

32

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

33https://www.moma.org/

EL PÚBLIC OBJECTIU DEL LLOC WEB

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Els clients.

• Els proveïdors.

• Els accionistes.

• Els empleats.

• La premsa.

Molts públics diferents

35

• Professionals

• Aficionats

• Autors

• Lectors/oients

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• (....no serveix dir “tothom”)

Qui és el teu públic objectiu?

37

...FEM AQUEST EXERCICI

LA ORIENTACIÓ AL CLIENT

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Orientació al client

• Els llocs web s’orienten a client/usuari, no a producte.

• Com es fa?

– Es pensa bé quins són els nostres segments de mercat.

– Es crea una zona per a cada segment on parlem des del seu punt de vista i utilitzant el seu vocabulari.

39

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

41

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Exemple per administració pública

43https://www.iledefrance.ars.sante.fr/

COM CONNECTAR AMB EL NOSTRE PÚBLIC OBJECTIU?

44

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Pensar el següent:

• Abans de que ens contracti:

– Com se sent?

– Com és el seu dia a dia

– Quin tipus d’energia té

• Després de que ens contracti:

– Com se sent?

– Com és el seu dia a dia

– Quin tipus d’energia té

45

...FEM AQUEST EXERCICI

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Explicant el que fas, des del punt de vista del client.

Com ho comunicarem al lloc web?

46

...FEM AQUEST EXERCICI

EL LOGO I ELS MENÚS

47

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Els logos van a l’esquerra (es pot fer una concessió al disseny i posar-lo al centre...)

• Els menús principals es fan horitzontals o verticals a l’esquerra si la web és tipus portafoli... (però cal una versió específica per mòbil)

Normes bàsiques de la usabilitat

48

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Quant hi ha molt contingut podem crear un macro menú

49http://www.cccb.org/en/

MÉS NORMES BÀSIQUES D’USABILITAT

50

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Normes bàsiques (usabilitat heurística) ja les hem vist.

• Test amb eyetracking.

• Test A/B

Testejar la usabilitat

51

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Usabilitat amb un eyetracker

52

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Tests A/B – Google Optimizer

53

LA PÀGINA D’INICI

54

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• El menú principal.

• Un slider o un vídeo amb la proposta de valor.

• Uns destacats.

• Un text amb orientació al client

• Les darreres novetats del blog

• Productes destacats (si hi ha comerç electrònic)

• Informació de contacte

Acostuma a incloure...

55

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Informació de contacte

• Menú amb més informació

• Alguna referència a les xarxes socials

• Frases destacades per SEO

Al peu de pàgina

56

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• És obligatori indicar qui és el propietari del lloc web.

• És obligatori indicar que es fan servir cookiessi se’n fan servir.

Informació legal i llei de Cookies

57

ALTRES PÀGINES

58

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• Aquí explicarem qui som, la nostra història, el nostre equip, etc.

• Ben explicat i amb imatges.

Qui som i què fem

59

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• El 50% de la població activa espanyola ha fet alguna transacció online aquest any... Potser és el moment de començar a vendre.

El catàleg vs comerç electrònic

60

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• És millor si la info de contacte és visible a tot el lloc web.

• A la pàgina en concret és sol incloure un formulari i tota la informació de contacte.

• També un mapa per veure on som

Pàgina de contacte

61

COM ATRAURE VISITES A UN LLOCWEB

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Estratègia del Hub & Spoke

63

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Web i SEO - M. Peñarroya 64

CONTINGUTS

• Ben indexats

• Accessibles

• Amb versions per mòbil o responsive.

• Descàrrega ràpida

• Continguts originals

PARAULES CLAU

• Densitat en una pàgina

• Densitat en tot el lloc web

• Punts de prominència (Title, URL, H1, H2, etc.)

• Anclatges de tercers

LINK BUILDING

• Enllaços de confiança

• Enllaços de llocs web importants

• Enllaços de llocs web relacionats

SEMÀNTICA

• Marcatge de dades

• Dades estructurades

SEO

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Publicitat

65

EL CONTROL DEL LLOC WEB

66

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

• El millor sistema gratuït d’analítica web.

• Cal configurar els objectius.

• Cal crear un quadre de comandaments i enviar-vos el per email cada divendres... O cada dilluns...

• Cal aprendre a partir de les estadístiques i cal prendre decisions.

Google Analytics

67

EN RESUM

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

Què hem de fer?

• Pensar bé l’estratègia

– Qui és el públic objectiu.

– Quin és l’objectiu de la pàgina.

– Quina és la proposta de valor.

• Testejar bé el lloc web (fer servir la vostra mare és una bona idea)

• Mesurar-ne bé els resultats i actuar en conseqüència.

69

DGCEC - ICECSERVEI DE DESENVOLUPAMENT

EMPRESARIAL (SDE)

70

Moltes gràcies

Montserrat Peñarroya

Tel. 935377605

montse@quadrantalfa.com

www.montsepenarroya.com

www.3isic.com

www.facebook.com/Montserrat.Penarroya

www.Twitter.com/montsepenarroya