Jak tvořit webové prezentace, které budou

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

2. 2
KVÍZ

3. 3
Kolik co stojí ?

4. 4
LG Plasma 50”

5. 5
LG Plasma 50”

6. 6
Apple iPhone

7. 7
Apple iPhone

8. 8
A dokážete určit
hodnotu webu?

9. 9
www.pagio.cz

10. 10
www.pagio.cz
ü První
neplacené
místo
na
seznam.cz
ü Přes
100
případových
studií
ü Nyní
399
indexovaných
stránek
ü Stovky
zpětných
odkazů

11. 11
www.pagio.cz
?

12. 12
www.pagio.cz

13. 13
1 rok ladění
1 rok
psan
í text
ů
é práce
silovn
rok u
1

14. 14
Ponaučení
- weby na sobě
nemají cenovku ! -

15. 15
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ů

16. 16
Ú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

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

18. 18
Pár příkladů
Firma - Živnostník

19. 19
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ě

20. 20
Ž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

21. 21
Úhel pohledu
Návštěvník webu - Majitel webu
(externí – interní)

22. 22
Pohled návštěvníka
Co rozhoduje o tom,
kde koupíte televizi?

23. 23
Návštěvník webu hledá…
• 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

24. 24
Pohled majitele
Co rozhoduje o tom
jaký bude váš web?

25. 25
Majitel webu…
1 Finance 2 Technologie
– Kolik mi to vydělá? – Je ovládání přehledné a
– Kolik mě to bude stát? jednoduché?
– Kolik mě bude stát provoz? – Bude dobře technicky zpracovaný?
– Vyplatí se to? – 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í?

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

27. 27
Web je majetek
a úspěšný web závazek
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.

28. 28
2. Trendy

29. 29
Trendy
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í”

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

31. 31
Fullscreen – “HDTV web”

32. 32
Chatovací okno

33. 33
Eshop na FaceBooku

34. 34
“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ě

35. 35
Kde tedy hledat inspiraci?
1 V podobných oborech
2 V zahraničí
3 U sebe
– Obchodníci
– Materiály
– Zkušenosti
4 U konkurence – zde velmi opatrně!!!

36. 36
ANO nebo NE
INOVACÍM?
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.

37. 37
3. Postup tvorby webu

38. 38
I. Projektově
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

39. 39
II. Zadání 1/2
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

40. 40
II. Zadání 2/2
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

41. 41
III. Analýzy
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

42. 42

43. 43
III. Realizace 1/2
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

44. 44
III. Realizace 2/2
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

45. 45
IV. Provoz a péče
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

46. 46
V. Propagace
• 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ší

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

48. Za vaši pozornost děkuje
František Vybíral
Avito s.r.o.
48