Tvorba úspěšných webových stránek

48
František Vybíral, CEO Avito s.r.o. Tvorba úspěšn ý ch internetov ý ch stránek pro Český ins)tut reklamní a marke)ngové komunikace 1

description

Jak tvořit webové prezentace, které budou

Transcript of Tvorba úspěšných webových stránek

Page 1: Tvorba úspěšných webových stránek

František Vybíral, CEO Avito s.r.o.

Tvorba úspěšných internetových stránek pro  Český  ins)tut  reklamní  a  marke)ngové  komunikace

1

Page 2: Tvorba úspěšných webových stránek

KVÍZ

2

Page 3: Tvorba úspěšných webových stránek

Kolik co stojí ?

3

Page 4: Tvorba úspěšných webových stránek

LG Plasma 50”

4

Page 5: Tvorba úspěšných webových stránek

LG Plasma 50”

5

Page 6: Tvorba úspěšných webových stránek

Apple iPhone

6

Page 7: Tvorba úspěšných webových stránek

Apple iPhone

7

Page 8: Tvorba úspěšných webových stránek

A dokážete určit hodnotu webu?

8

Page 9: Tvorba úspěšných webových stránek

www.pagio.cz

9

Page 10: Tvorba úspěšných webových stránek

www.pagio.cz

ü  První  neplacené  místo  na  seznam.cz  

ü  Nyní  399  indexovaných  stránek  

10

ü  Přes  100  případových  studií  ü  Stovky  zpětných  odkazů  

Page 11: Tvorba úspěšných webových stránek

www.pagio.cz

?  

11

Page 12: Tvorba úspěšných webových stránek

www.pagio.cz

12

Page 13: Tvorba úspěšných webových stránek

1 rok psaní textů

13

1 rok ladění

1 rok usilovné práce

Page 14: Tvorba úspěšných webových stránek

Ponaučení - weby na sobě

nemají cenovku ! -

14

Page 15: Tvorba úspěšných webových stránek

Přednášející: František Vybíral

•  Praxe s tvorbou web stránek od roku 1998 •  Vystudoval FI MUNI v Brně •  První web: czechtourism.com •  Vedu a vlastním společnost na tvorbu webů

–  Za prvních 30 měsíců přes 450 webových stránek –  15 zaměstnanců

15

Page 16: Tvorba úspěšných webových stránek

Úspěšný web

1  Jak poznat úspěšný web? 2  Jaké jsou trendy 3  Tvorba zadání (RFP) 4  Jak postupovat u realizace 5  Péče o úspěšný web

16

Page 17: Tvorba úspěšných webových stránek

1. Co je to “úspěšný web” ?

17

Page 18: Tvorba úspěšných webových stránek

Pár příkladů

Firma - Živnostník

18

Page 19: Tvorba úspěšných webových stránek

Firma – výroba oken a dveří

•  Vysoká návštěvnost •  Web kompletně

zásobuje výrobní fabriku •  4500 odbavených

poptávek ročně

19

Page 20: Tvorba úspěšných webových stránek

Živnostník – opravář praček Brno

•  První místa ve vyhledávačích

•  Web zajišťuje kompletně obživu

•  Pár telefonátů každý den

20

Page 21: Tvorba úspěšných webových stránek

Úhel pohledu

Návštěvník webu - Majitel webu (externí – interní)

21

Page 22: Tvorba úspěšných webových stránek

Pohled návštěvníka

Co rozhoduje o tom, kde koupíte televizi?

22

Page 23: Tvorba úspěšných webových stránek

•  Nejlepší cenu •  Kvalitu služeb

–  dodací lhůty –  vyřízení reklamací

•  Informace o výrobku –  recenze na výrobky –  fotky –  zkušenosti ostatních kupujících

•  Důvěru v prodávajícího •  Vše rychle a bez problému

23

Návštěvník webu hledá…

Page 24: Tvorba úspěšných webových stránek

Pohled majitele

Co rozhoduje o tom jaký bude váš web?

24

Page 25: Tvorba úspěšných webových stránek

1  Finance –  Kolik mi to vydělá? –  Kolik mě to bude stát? –  Kolik mě bude stát provoz? –  Vyplatí se to?

25

2  Technologie –  Je ovládání přehledné a

jednoduché? –  Bude dobře technicky zpracovaný? –  Má podporu mobilních zařízení? –  Využívá nejmodernější

technologie?

3  Bezpečnost 4  Reklama –  Kolik mě bude stát? –  Kolik lidí to uvidí? –  Kolik lidí nakoupí?

Majitel webu…

Page 26: Tvorba úspěšných webových stránek

V čem je to jiné než koupě auta?

26

Page 27: Tvorba úspěšných webových stránek

1  Web je majetek, stejně jako auto.

2  Web je obchodní nástroj, stejně jako produktové letáky.

3  Web může být tak úspěšný, jako je úspěšný váš obchod.

27

Web je majetek a úspěšný web závazek

Page 28: Tvorba úspěšných webových stránek

2. Trendy

28

Page 29: Tvorba úspěšných webových stránek

1  Obecně: Trend je směr, kterým se ubírají ti úspěšní 2  Trendem byl “WEB 2.0”. 3  Aktuální trendy

§  Sociální sítě §  HTML5 §  “Být mobilní”

29

Trendy

Page 30: Tvorba úspěšných webových stránek

Hra v prohlížeči – HTML5 technologie 30

Page 31: Tvorba úspěšných webových stránek

Fullscreen – “HDTV web” 31

Page 32: Tvorba úspěšných webových stránek

Chatovací okno 32

Page 33: Tvorba úspěšných webových stránek

Eshop na FaceBooku 33

Page 34: Tvorba úspěšných webových stránek

“Mobilní” – průzkum Google •  Uživatelé smartphonů mají v průměru nainstalováno 16 aplikací •  10 % v CEMEA jsou vyhledávání z mobilu (u nás je to méně, ale bude to tu taky) •  Mobil – nejrychleji rostoucí platforma, březnová data 1,7 mil smartphonů v ČR •  Kapacita mobilní sítě v ČR – 100 milionů impresí měsíčně •  79 % klientů nemá optimalizované stránky pro mobil •  Lidé tráví na mobilních aplikacích 80 minut denně •  23 % uživatelů smartphonu v ČR již nakoupilo přes mobil (letošní výzkum) •  24 % používá mobil pro srovnání cen nebo informací při nakupování •  80 % uživatelů smartphonů hledá lokální informace •  11 % uživatelů smartphonů již použilo kupon pro uplatnění slevy v kamenném

obchodě

34

Page 35: Tvorba úspěšných webových stránek

1  V podobných oborech 2  V zahraničí 3  U sebe

–  Obchodníci –  Materiály –  Zkušenosti

4  U konkurence – zde velmi opatrně!!!

35

Kde tedy hledat inspiraci?

Page 36: Tvorba úspěšných webových stránek

1  Potřebujete inovaci? Ptejte se: “Je váš obchod postavený na inovacích?”

2  Užitná hodnota vs. konzervativnost Někdy je lepší použít vyzkoušené a hotové než být průkopníkem a naštvat své klienty.

3  Weby stárnou Nekupujte ojetiny.

36

ANO nebo NE INOVACÍM?

Page 37: Tvorba úspěšných webových stránek

3. Postup tvorby webu

37

Page 38: Tvorba úspěšných webových stránek

1  Sestavte si interní projekt –  Potřeby vs. Cíle –  Vedoucí projektu a jeho tým –  Rozpočet, Harmonogram, Co má vzniknout –  Rizika

2  Vytvořte zadání 3  Vyberte dodavatele

38

I. Projektově

Page 39: Tvorba úspěšných webových stránek

1  Informace o zadavateli 2  Cíle, kterých chcete dosáhnout 3  Popis prostředí –  cílové trhy, jazykové mutace –  charakteristika klientů –  firemní – CI, zvyklosti, slovník –  konkurence

39

II. Zadání 1/2

Page 40: Tvorba úspěšných webových stránek

4  Technologie –  informační systém –  bezpečnostní limity –  požadované technologie

5  Stručná charakteristika díla 6  Požadovaný harmonogram 7  V případě výběrovek

–  hodnotící kritéria –  popis jednotlivých kol –  nechtějte tvořit návrh grafiky, ale hledejte schopného grafika

40

II. Zadání 2/2

Page 41: Tvorba úspěšných webových stránek

1  “SEO analýza” neboli analýzy propagace –  Rozpočet na reklamu

2  Analýza konkurence –  Požadavky na grafiku a funkčnost

3  Drátěný model webu –  Kusovník –  Základní rozpočet na realizaci a provoz

41

III. Analýzy

Page 42: Tvorba úspěšných webových stránek

42

Page 43: Tvorba úspěšných webových stránek

1  Přípravná fáze •  Příprava podkladů •  Grafická idea •  Instalace systému a zaškolení do něj

2  Implementační fáze •  Programování na míru •  Tvorba jednotlivých stran dle wireframe •  Psaní textů – SEO copywriting nebo copyediting

43

III. Realizace 1/2

Page 44: Tvorba úspěšných webových stránek

3  Testovací •  Testujte až po provedení výstupní kontroly •  Na začátku se dohodněte, jak a kdo bude testovat

4  Spuštění •  Přesměrování adres ze starého webu •  Založení testovacího webu - pískoviště

5  Poimplementační fáze 6  Péče o web

44

III. Realizace 2/2

Page 45: Tvorba úspěšných webových stránek

Sestavte si základní pravidla péče •  Jak často a kdo bude obsah aktualizovat •  Napojte web na firemní procesy •  Vydání nového ceníku •  Aktualizace kontaktních údajů

•  Součinnost s grafikem (bannery, fotokoláže) •  Součinnost s obchodem

45

IV. Provoz a péče

Page 46: Tvorba úspěšných webových stránek

•  Vnitrofiremní propagace – velmi důležitá •  Emailem –  Patičky v emailech –  Hromadný emailing na klienty (oznámení v newsletteru)

•  Internetem - SEO, PPC, …

•  Sociálními sítěmi •  a další

46

V. Propagace

Page 47: Tvorba úspěšných webových stránek

1  Trendy 2  Zadání webu 3  Realizace webu 4  Péče o web 5  Propagace

47

Rekapitulace

Page 48: Tvorba úspěšných webových stránek

Za vaši pozornost děkuje

František Vybíral Avito s.r.o.

48