Sessió 2 del Training de Lideratge digital Més informació a http://etsdigital.cat/lideratge-digital auto

1. Granollers Mercat - Ajuntament de Granollers
Núria Lloret - tècnica d’empresa i emprenedoria
Sessió 2
Planificalatevaweb
Training: Reinvenció digital

2. Objectiusdelasessió
1. Conèixer el funcionament d’un projecte emprenedor a
Internet
2. Funcionalitats i requisits tècnics per dissenyar una web
de forma eficient
3. Donar les pautes per subcontractar- ne el
desenvolupament
2

3. Avuiparlarem
de...
#emprenTiC #dissenyweb
#usabilitat #canvas
#estrategiadigital
1. Els projectes emprenedors a
Internet
2. Web (tecnologia i disseny)
3. Usabilitat
4. Continguts
5. Posicionament
6. Promoció de la web
7. Exercici pràctic: Un canvas
per a l’estratègia digital
3

4. 1.
Elsprojectes
emprenedors
aInternet
4

5. 1. ElsprojectesemprenedorsInternet
Laweb,lapuntadel’icebergd’Internet
1. Imatge corporativa,
presència a Internet
2. Vendes, contactes, captar
clients
3. És l’aparador del teu
negoci (client /competència)
4. Oferir informació de
l’empresa, serveis, productes
5

6. 1. ElsprojectesemprenedorsaInternet
El desenvolupament web és
paral·lel a la teva fase del teu
projecte / empresa
Idea de negoci - prototip -
llançament
6

7. 7
1. Els projectes emprenedors a Internet
L’evolució d’Internet
Web 1.0 Web 2.0 Web 3.0
➔ HTML estàtica
➔ Email
➔ Fòrums
➔ Xat
➔ Banda d’ample
baixa
➔ Dispositius i
hardware molt
limitat
➔ HTML Dinamic
➔ RSS (Really Simple
syndication)
➔ Podcasting,
videopodcasts
➔ bloggers i microblogins
➔ Xarxes socials
➔ Video
➔ Banda d’ample alta
➔ Preus baixos del
dispositius
➔ Web
semàntica
➔ Cloud / núvol
➔ Micro xarxes
➔ Etiquetatge
➔ XML
➔ XML Schema
➔ RDF
➔ RDF Schema
➔ OWL

8. 1. ElsprojectesemprenedorsaInternet
La Internet 3.0 o web semàntica
8
1. Creació d’un espai compartit per a l’intercanvi de
dades fortament estructurades
2. La informació ja és semàntica, s’etiqueta de tal
forma que sigui inteligible per a les màquines i les
aplicacions
3. Facilita noves possibilitats de comunicació entre
persones i màquines a través de serveis que
unifiquen múltiples fonts de dades per al tractament,
processament i execució de cerques d’informació

9. 1.2.Weborientadaalclient
Cal tenir una estratègia de comunicació
9
TARGET
/PUBLIC
CANALS DIGITALS
CONTINGUTS
Primer nivell - comunicació i màrqueting
Segon nivell - tecnologia
Objectius, segmentació, orientació,
usabilitat
Arquitectura, disseny,
programació, ubicació

10. 1.2.Weborientadaalclient:Target
Com són els perfils té
el meus clients?
• Sexe
• Edat
• Ingressos
• Educació
• Ètnies
• Nacionalitat
10
Sol·licita hora al servei d’emprenedoria Granollers: nlloret@granollers.cat

11. 1.2.Weborientadaalclient
En cas que no tinguis clients…..
Fes una representació fictícia d’un client ideal basada en dades
reals demogràfiques i de comportament online, amb la recreació de
possibles històries personals, motivacions i preocupacions
11
SEGMENTACIÓ
DEMOGRÀFICA
IDENTIFICACIÓ DE
NECESSITATS
COMPORTAMENT
ONLINE

12. 1.2.Weborientadaalclient
12
Estudi d’usuaris de
supermercat
d’Alcampo
Anàlisi fictici

13. 1.2.Weborientadaalclient
• Quines són els problemes més
importants que estan intentant
resoldre els teus clients?
• Quina informació solen buscar?
• Quines tendències estan influint en
les seves decisions?
• Què desitgen o aspiren? Els seus
somnis...
13
Què és el que més necessiten?

14. 1.2.ProtecciódedadesRGPD
- Política de cookies
- Avís legal
- Política de privacitat
14

15. 2.Web:Tecnologiaidisseny
Quin és el tipus més adequat?
Disseny vs Utilitat
15

16. 2.Web:PlataformesdeGestiódecontinguts
(CMS) ContentManagementSystem
16

17. 2.Web:Gestiódecontingutsalaweb
8 Avantatges dels CMS actuals
1. Són fàcils d’implementar
2. Tenen bon posicionament als indexadors (google)
3. Permet que un mateix es gestioni el contingut
4. Estan desenvolupats per una comunitat de persones
5. S’actualitzen regularment
6. Personalització a través de plantilles, widgets i plugins
7. Utilitzen llenguatges de programació estàrdards: HTML, CSS, Java script
8. Si canvies d’empresa desenvolupadora és més fàcil trobar un altre
professional
17

18. 2. Web:Allojatmentidomini
Com és la nostra adreça web / url?
www.elmeunegoci.com
Extensions
cat
net
ue
es
info
Nom del dominiWorld Wide
Web
Indica que és
un document
d’hipertext
1. posiciona
2. relacionat amb el negoci
3. evitar guions i caràcters
especials
Adreça IP (Internet Protocol), és un
núméro 104.28.13.62 per saber en quin
servidor es troba 18
http:// - protocol de comunicació
https:// - protocol de
transferència de dades
segur

19. 2. Web:Allojatmentidomini
19
https://www.cdmon.com/es/todos-los-dominios

20. 2. Web:DominisiAllojatment
20

21. 2. Web:DominisiAllojatment
Buscant Hosting i servidor d’Allotjament
3 Criteris de
selecció:
- per preu:
- per volum de
dades
- per seguretat
21

22. 2.Web:
Arquitecturadela
informació
slider + part
principal de la
home
peu de pàgina
Menú
submenu
22

23. 2. Web:Arquitecturadelainformació
Criteris a tenir en compte
- Visibilitat i accés als
continguts principals
- Elements de navegació per
la web
- Redacció de específica i
organització dels continguts
- Crida a l’acció (call to
action)
- Formulari de contacte
- Adreça, telèfon
- Mapa web 23

24. 3. Usabilitat-Webresponsive
24

25. 3. Usabilitat-Webresponsive
25
Per usabilitat entenem la forma de
dissenyar i estructurar el contingut
d’una web de manera que els usuaris
trobin el que cerquen i necessiten de la
forma més senzilla possible
Fem una prova?
https://developers.google.com/speed/pagespeed/insights/

26. 3. Usabilitat:Tempsdecàrrega
Com fer un test de velocitat de càrrega de la teva web?
És important que el web carregui el més
ràpid possible
1. Optimitzar el pes de les imatges
2. Utilitzar la compressió dels continguts
Gzip
3. Minimitzar el CSS i JavaSript
Acerca de PageSpeed Insights
6 Test d’usabilitat fonamentals per
assegurar l’experiència d’usuari
26

27. 3. Usabilitat:Elsnavegadors
- Comprova que es vegi bé amb tots els navegadors, almenys
els més utilitzats
- Els navegadors tenen varies versions funcionant al mercat,
dependrà sempre de l’usuari
Safari
27

28. 3. Usabilitat:Apps-leswebsiportalsperamòbils
Apps Natives
Per Android es desenvolupen amb
Java
● Per a iOS es desenvolupen
amb el llenguatge Swift.
● Per a Windows Phone en C++ i
Javascript.
Web Apps
● Utilitza els llenguatges strandards: HTML i
CSS.
● S’executen en el propi navegador del
dispositiu a través de la URL
● La pròpia aplicació s’adapta al dispositiu
que estàs utilitzant
28

29. 4. ContingutsaInternet:buscantlaqualitat
● Rellevants i interessants per l’audiència
● Que aportin valor afegit a la marca i al
consumidor
● Que fomentin la participació
● Útils per a diferents suports, blogs, xarxes
socials, e mail màrqueting
● Idiomes: només els necessaris
http://etsdigital.cat/reinvencio-digital.cat
Twitter: https://twitter.com/etsdigital
Facebook: https://facebook.com/etsdigital 29

30. 4. ContingutsalaInternet:Imatgesivídeos
Vigilar amb:
● Els drets de propietat
● Imatges ben etiquetades (atribut ALT)
● Nom rellevant del fitxer de les imatges
● Pes mínim de les imatges
Recurs: cerca a google o a
banc d’imatges lliures d’autor
30

31. 5. PosicionamentnaturalSEO
Tenir en compte els cercadors i paraules claus
Abans d’introduir els continguts a la web:
- Estructurar-los correctament
- Definir les paraules clau
Indexació en Google Densitat i rellevància Complir le màxim de
criteris de pagerank
31
Programa
EmprènTIC

32. 5. PosicionamentnaturalSEO:laindexació
Eines:
- Spider simulator
- site:www.lamevaempresa.com
Les aranyes dels cercadors tenen
dificultat per indexar si hi ha:
● Java script
● Flash
● Pop Up’s
● Imatges
32

33. 5. PosicionamentnaturalSEO:densitati
prominència
Densitat: Els cercadors miren les
vegades que es repeteix una paraula
en el context de tota la web i les
vegades que es repeteix en una
mateixa pàgina
Prominència: els cercadors donen
més importància a les paraules que
tercers fan servir per enllaçar la
nostra web
Importància per lloc de la pàgina:
- a la URL
- títol de la pàgina
- descripció
- capçalera
- enllaços
- paraules en negreta
Recursos: density analyzer
33

34. 5. PosicionamentnaturalSEO:rànquings
Els cercadors posicionen la web mitjançant algorismes
En base a:
- Núm de visites
- Popularitat (link
building)
- Indexació de la web
- Antiguitat del domini
Recursos: Google Site Maps
34
https://sitemap.mockflow.com/

35. 5.PosicionamentalscercadorsSEO-SEM
SEO (Search Engine Optimization )
● Tràfic de qualitat cap a la teva web i
sense cost
● Els resultats i les posicions varien en
funció de la indexació i les paraules
clau
● Presenta resultats a mig termini
● S’ha d’actualitzar periòdicament a
través del SEO local (Google
Business) i la publicació de
continguts
Diferències
SEM (Search Engine Marketing)
● Tràfic de qualitat amb cost per click
● Apareixen en l’espai preferent de google
● Els resultats i les posicions varien en
funció de la indexació i les paraules
clau
● Resultats a curt termini (campanyes de
publicitat, concursos)
● Monitorització a temps real sobre la
segmentació i la localització
35

36. 36
Continguts per propòsits
comercials o d’estratègia de
negoci
1. Fidelització
2. Atracció
3. Conversió
4. Persuasió
Infografia de Vilma Nuñez
6. Promociódela
web

37. 37
- Fer accions per generar confiança amb el
client, l’usuari
- Prendre decisions sobre serveis i productes
- Generar i millorar les oportunitats de negoci
- Conèixer la competència
6. Promociódelaweb
Avaluacióderesultats
La mètrica serveix per:
Google analytics no pot faltar

38. 7.Exercici
UnCanvasperl’
estratègiadigital
38

39. DIRIGITA:
Projectesemprenedorsde
BaseNo-Tecnològica

40. 7.Objectiusdel’exercici
Aquest exercici t’ajudarà a decidir QUÈ i COM comuniques a Internet
1. Centrar la teva proposta de valor eix
principal de comunicació
2. Conèixer quina és la necessitat del teu
client i com li solucionarem a Internet
3. Trobar la teva diferenciació i traslladar-la
a Internet
4. Buscar les teves etiquetes KEYWORDS
(posicionament)
1.
40
PREU | NOVETAT | COMODITAT
| SIMPLICITAT

41. 7.ElCANVASperal'estratègiadigital
● Guia per definir com comunicar el teu projecte / activitat empresarial
● Integra els punts claus per fer una transformació digital del teu negoci
● Definir l’estructura de la informació de la teva web
● Fer una bona subcontractació del servei de disseny i desenvolupament de
la web
41
La metodologia del Canvas ens serveix per:

42. 7.ExemplesdeCanvasdeprojectes
tecnològics
42

43. 7.ExemplesdeCanvasdeprojectestecnològics
43https://www.youtube.com/watch?v=FAb6mUMRtbg

44. Canvas per a l’ estratègia
de comunicació /Internet
44
Nom de la persona Nom del projecte
Data: --/--/--
Aliances
clau
Activitats clau
Recursos
clau
Estructura de costos
Proposta de
valor
Relacions
amb els
clients
Canals
Estructura d’ingressos
Segments
de clients

45. Quènecessitenelsteusclients?
● 1. Satisfer la part funcional de
client - facilitar-li la vida
● 2. Satisfer les necessitats
emocionals
● 3. Satisfer la part social
7.CANVASil'estratègiadigital
Quadre 1. Proposta de valor: Què aporta el
meu negoci Internet?
1
45

46. 7.CANVASil'estratègiadigital
Quadre 1. Proposta de valor que et pot aportar internet
Quina part de la teva proposta de
valor pots traslladar al món digital?
Oportunitat derivades de….
● Noves demandes de creació de valor
generades per les xarxes socials
● Canvis tecnològics i econòmics vertiginosos
generen demandes de nous serveis
● Les empreses capaces de respondre a la
reinvenció del seu talent humà estaràn
preparades amb èxit per a sobreviure en la
situació actual i pujar-se a la nova onada de
creixement quan aquesta es produeixi.
1
46

47. B2B
quan el nostre client no és l’usuari final
B2C
Job to be done: el que fa el client en la seva
feina
Comfaràslasegmentació?
7.CANVASil'estratègiadigital
Quadre 2. Segmentació de clients
2
47

48. 7.CANVASil'estratègiadigital
Quadre 3. Canals de distribució
Comlifaigarribarlameva
propostadevaloralsclients?
3
● Internet
● Visites comercials
● Jornades / congressos
● Promocions
● Botiga / seu fiscal
48

49. 7.CANVASil'estratègiadigital
Quadre 3. Canals de distribució
- Com desitja ser contactat el client?
- Com li arriba el producte/ servei al
segment de client?
3
- Quin paper té en el teu projecte
els canals de comunicació i/o
internet?
49

50. 7.CANVASil'estratègiadigital
Quadre 4. Relacions amb els clients
Quin és el nivell de relació amb el teu client?
- per la web
- client VIP (servei 24 h)
- client esporàdic
- client potencial
Segurament tens de més d’un tipus clients, com et
comunicaràs amb cadascú?
Quines accions comercials, campanyes de
màrqueting emprendràs, serveis específics
4
- Les relacions s’han de
construir
50

51. 7.CANVASil'estratègiadigital
Quadre 5. Flux d’ingressos
Com podem augmentar
ingressos a través d’Internet?
● Serveis de pagament
● Venda online
● Subscripcions
5
51

52. 7.CANVASil'estratègiadigital
Quadre 6. Recursos clau humans /
tecnològics
Com fem possible l’oferta de valor?
● Desenvolupament de la web
● Canvi de continguts
● Plataformes /software
● Call center
● Atenció al client via twitter
6
52
Trobar un soci tecnològic o un bon proveïdor és
clau

53. 7.CANVASil'estratègiadigital
Quadre 7. Activitats clau
Algunes activitats clau han
d’externalitzar-se
ELS SERVEIS D’INTERNET són claus?
● Supervisió del Suport informàtic
● Supervisió del continguts/ marca
d’empresa
7
Quines són les teves activitats clau?
53

54. 7.CANVASil'estratègiadigital
Quadre 8. Socis clau/ aliats
Quina és la relació amb els teus
proveïdors?
Quins proveïdors tecnològics tens :
● Amics
● Selecció per preu
● Self service - m’ho faig jo!
● Contractar a un professional de
qualitat
8
54

55. 7.CANVASil'estratègiadigital
Quadre 9. Estructura de costos
Els costos venen dels recursos /
activitats clau / aliats
9
Quins són els elements clau que
generen els costos en el teu negoci?
55

56. 8. RecursosiEines#TIC
Emprenedoria
56

57. 57
Totes les
Presentacions i
documentació dels
tallers del punttic
estan disponibles
sota llicència
8.RecursosiEinesTICperaemprenedors
http://etsdigital.cat/emprenedoria/id
ees-i-recursos/documentacio-puntti
c/

58. http://etsdigital.cat/reinvencio-digital/
https://twitter.com/etsdigital
https://instagram.com/etsdigital
NúriaLloret
Dinamitzadora Digital
938614783 - ext. 2575
https://www.linkedin.com/in/nuriallb/
nlloret@granollers.cat
8.RecursosiEinesTICperaemprenedors

59. ElPuntticMuntanyola
formapartde
● Xarxa Punttic de la
Generalitat
● Xarxa Emprèn de la
Generalitat
● Associació de
dinamitzadors digitals
Catalunya
59