Jedná se o postup jak navrhnout úspěšný střední a menší web tak, aby byl co nejúčinnější. Více informací najdete v článku: http://blog.kvasnickajan.cz/jak-navrhnout-uspesny-web-krok-za-krokem-aneb-jak-hodne-se-muzetemate-zapojit/

1. Jak navrhnout úspěšný web
krok za krokem aneb jak
hodně se můžete/máte zapojit
APPLE JUICE MEETING
Jan Kvasnička
www.kvasnickajan.cz
info@kvasnickajan.cz
@Jan_Kvasnicka
27.3.2014

2. „Kdo sem dnes přišel?“
Poznejme se trochu

3. Otázka na úvod
„Jak podle Vás vypadá
proces návrhu
úspěšného webu a kolik
má kroků?“

4. „Vyberme si dva
zástupce, web a eshop.“
Podíváme se na to prakticky

5. 1. krok
„Jak vůbec začít?“

6. 1. krok
1. Předimplementační
analýza

7. 1. krok – častá úvaha
„My přesně víme, co
chceme.“

8. 1. krok – otázky
 Je nutná?
 Jak by měla být velká?
 Jaká je její funkce, co dělá?
 Na co vše by mělo být myšleno?
 Kdo se podílí na tvorbě?

9. 1. krok – kdo se podílí na tvorbě?
SEO a #vetrovkanaslidu

10. 1. krok – kdo se podílí na tvorbě?
Branding ...a další
 Sociální sítě
 Obsahové strategie
 Linkbuilding
 Marketing

11. 1. krok – 1. část
 Cíle
 Cílové skupiny/persony
 Konkurence
 Vývoj trhu
 Rozhodovací proces
Základní informace

12. 1. krok – 2. část
 Developer
 Grafik
 Napojení na systémy třetích stran
Technická řešení

13. 1. krok – 3. část
 Google Webmaster Tools
 Google Analytics
 Collabim
 PPC systémy
 Analýzy, reporty nebo jiné podklady
Měření a data

14. 1. krok – 4. část
 Konkurenční výhody
 Pozice na trhu
 Prozákaznický přístup
Definice důležitých položek

15. 1. krok – 5. část
 Newsletter
 Sociální sítě
 Srovnávače
 Budování brandu
 PPC
Marketingové kanály

16. 1. krok – 6. část
 Kapacita času měsíčně
 Novinky a magazín
 Poradna
 Slovník pojmů
 Návody a doporučení
 Spolupráce s médii
S jakým obsahem bude pracováno?
 Spolupráce s osobnostmi
 Komunity a partneři
 Eventy, výstavy, exhibice
 Restrikce a omezení

17. 1. krok – 7. část
 Vyhledávání a jeho zpracování
 Rozcestníky
 Certifikace
 ...
Důležité prvky webu

18. 1. krok – ukázka

19. 1. krok – otázka na závěr
„Jaký je Váš názor na
tuto analýzu? Není toho
moc pro začátek?“

20. 2. krok
„Už máme specifikováno,
co se bude dít, jaký krok
následuje?“

21. 2. krok
2. Analýza konkurence

22. 2. krok – častá úvaha
„Ale my svou
konkurenci přesně
známe!“

23. 2. krok – otázky
 Je nutná?
 Co by mělo být u konkurentů sledováno?
 Kolik konkurentů by mělo být prověřeno?
 Jaký je vůbec očekávaný výstup?
 Co se děje dále s výstupem?

24. 2. krok – obsah analýzy
 Konkurenční výhody
 Kvalita služeb
 Analýza webu a prezentace produktů
 Možnosti dopravy a platby
 Důvěryhodnost webu/společnosti
 Aktivní ověření komunikace se zákazníkem
 Marketingové aktivity
Na co se zaměřit?

25. 2. krok – ukázka

26. 2. krok – doporučený kontakt
Lenka Ptáčková
lenka.ptackova@yahoo.com

27. 2. krok – otázka na závěr
„Myslíte si, že by pro
Vás měla analýza
smysl?“

28. 3. krok
„Už máme specifikováno,
co se bude dít, známe
konkurenci, co teď?“

29. 3. krok
3. Analýza klíčových
slov

30. 3. krok – častá úvaha
„Známe naše produkty
a služby a víme, na jaká
klíčová slova cílit.“

31. 3. krok – častá úvaha
„My máme všechny
vstupní stránky, více
jich není.“

32. 3. krok – nejčastější praktická ukázka

33. 3. krok – otázky
 Je nutná?
 Jak by měla být velká? Kolik těch slov bude?
 Jaká je její funkce, co dělá? Co má stanovit?
 Na co vše by mělo být myšleno?
 Co je výstupem?

34. 3. krok – materiály ke studiu
Důležité články
 http://vyhledavace.info/clanky/246/klasifikacni-analyza-klicovych-slov
 http://www.lukaspitra.cz/co-chtit-od-analyzy-klicovych-slov/
 http://www.martinmatejka.cz/analyza-klicovych-slov/
 http://www.slideshare.net/PavelUngr/analza-klovch-slov

35. 3. krok – doporučení
„Vždy doporučuji
spolupracovat se
specialistou, pozor na
výběr.“

36. 3. krok – otázka na závěr
„Má již někdo
zkušenost s tvorbou
analýzy klíčových slov?“

37. 4. krok
„Teď už víme, na jaká
klíčová slova cílit. Co
přijde na řadu dále?“

38. 4. krok
4. Návrh informační
struktury

39. 4. krok – častá úvaha
„To okopírujeme od
konkurence.“

40. 4. krok – otázky
 Je nutná?
 Jaká je její funkce, co dělá? Co má stanovit?
 Na co vše by mělo být myšleno? Je to jen strom nebo
něco více? Filtrace, tagy, kategorie magazínu?
 Co je výstupem?

41. 4. krok – ukázka

42. 4. krok – otázka na závěr
„Myslíte si, že byste to
zvládli sami?“

43. 5. krok
„Jeden krok by mohl být
časově prováděn
zároveň, nebo ihned po.
Víte který?“

44. 5. krok
5. Obsahová strategie

45. 5. krok – častá úvaha
„My obsah
nepotřebujeme, máme
slevy a akce.“

46. 5. krok – otázky
 Je nutná? Proč jí potřebujeme?
 Na jaký obsah se má zaměřit?
 Jaká je její funkce, co dělá? Co má stanovit?
 Na co vše by mělo být myšleno?
 Co je výstupem? Nezapomeňte na samotnou tvorbu obsahu!

47. 5. krok – 4 základní otázky
 Proč?
 Kde?
 Kdy?
 Jak?

48. 5. krok – 4 základní otázky
 Proč? – dát návštěvníkovi něco navíc, jednodušší
možnost volby, prozákaznický přístup, zajímavý obsah,
možnosti sdílení...
 Kde? – poradna, magazín, newsletter, sociální sítě,
popisy služeb nebo produktů...
 Kdy? – tvorba časové návaznosti a plánu
 Jak? – text, grafické prvky, video...

49. 5. krok – doporučený kontakt
Marcel Kupka
www.dictum.cz
Richard Dobiáš
www.dobry-copywriter.cz

50. 5. krok – otázka na závěr
„Jak hodně dokážete
sami přispět?“

51. 6. krok
„Známe obsah, strukturu,
co je nyní potřeba?“

52. 6. krok
6. Definice
marketingových kanálů
a specifická příprava

53. 6. krok – častá úvaha
„Marketingové kanály?
To je PPC a Facebook,
že?“

54. 6. krok – otázky
 Je nutná? Proč jí potřebujeme?
 Jaká je její funkce, co dělá? Co má stanovit?
 Na co vše by mělo být myšleno?
 Co je výstupem?
 Je nutné domluvit a stanovit povolané osoby pro
spolupráci, pokud tak ještě nebylo učiněno.

55. 6. krok – obsah
 Email marketing
 Sociální sítě
 Kontinuální konzultace SEO
 PPC
 Srovnávače zboží
 Práce v rámci obsahového marketingu

56. 6. krok – ukázka vlivu
„Máte Twitter nebo
Facebook? Zmiňte se o
této akci, tvořte obsah
a hodnocení.“

57. 6. krok – otázka na závěr
„Myslíte si, že je tento
krok nutný?“

58. 7. krok
„Známe obsah, strukturu,
již se pracuje na
marketingových
kanálech. Co nyní?“

59. 7. krok
7. Tvorba wireframe

60. 7. krok – častá úvaha
„Wireframe nejsou
potřeba, to udělá
grafik.“

61. 7. krok – otázky
 Jsou nutné?
 Jaká je jejich funkce, co dělají? Co mají stanovit?
 Na co vše by mělo být myšleno?
 Co je výstupem?
 Jak hodně mají být podrobné?

62. 7. krok – ukázka

63. 7. krok – další častá úvaha
„Odevzdáte asi 4
wireframe, že? Homepage,
výpis produktů, detail a
podstránku.“

64. 7. krok – otázka na závěr
„Jak hodně můžete při
tvorbě wireframe
pomoci?“

65. 8. krok
„Nyní máme navržený
web. Už přijde na řadu
grafika?“

66. 8. krok
8. Zadání pro grafický
návrh

67. 8. krok – častá úvaha
„Zadání není potřeba,
my to grafikovi
popíšeme.“

68. 8. krok – otázky
 Je nutné?
 Na co vše by mělo být myšleno?
 Co je výstupem?
 Je totožný jako grafický manuál?
 Redesign – jak moc vycházet z původního návrhu?

69. 8. krok – otázka na závěr
„Dokázali byste se bez
něj obejít a v jakém
případě?“

70. 9. krok
„Tak teď už samotná
grafika?“

71. 9. krok
9. Grafický návrh

72. 9. krok – častá úvaha
„Na grafickém návrhu
se podílí pouze grafik.“

73. 9. krok – otázky
 Jsou v této části nutné nějaké otázky?
 Jaké podklady by měly být zaslány grafikovi?
 Na co vše by mělo být myšleno?
 Co je výstupem?

74. 9. krok – doporučení
„Vybírejte opravdu
osvědčené grafiky a
nesnažte se za každou
cenu ušetřit.“

75. 9. krok – otázka na závěr
„Jak hodně můžete/máte
zasahovat do grafického
návrhu?“

76. 10. krok
„Máme grafiku, co nyní?“

77. 10. krok
10. Zadání pro
developera

78. 10. krok – častá úvaha
„Oni to nepochopí z
grafického výstupu?“

79. 10. krok – doporučení
„Už z prvních otázek a
postupu práce developera
poznáte, zda je kvalitní
nebo nikoli.“

80. 10. krok – otázky
 Je nutné?
 Na co vše by mělo být myšleno?
 Co je výstupem?
 Jak hodně do hloubky by měl být popis jednotlivých
funkcí?
 Jedná se o doplnění předimplementační analýzy?

81. 10. krok – doporučení
„Být perfekcionista se
kolikrát nevyplácí!“

82. 10. krok – otázka na závěr
„Co Vy byste uvedli do
tohoto zadání?“

83. 11. krok
„Máme zadáno, jde se
konečně programovat.“

84. 11. krok
11. Programování a
kódování

85. 11. krok – častá úvaha
„Čím dříve to bude, tím
lépe!“

86. 11. krok – otázky
 Jaký je nyní Váš úkol?
 Na co vše by mělo být myšleno?
 Co je výstupem?
 Jak často má být developer kontrolován?
 Jak má probíhat spolupráce?

87. 11. krok – doporučení
„Vybírejte si developera
jako svého partnera,
nikoli pro jednorázovou
zakázku.“

88. 11. krok – otázka na závěr
„Jaké jsou Vaše
zkušenosti s
developery?“

89. 12. krok
„Máme
naprogramováno, rychle
to rozhlásit, nebo ještě
ne?“

90. 12. krok
12. Testování

91. 12. krok – častá úvaha
„Testování není
potřeba, ten developer
je hodně kvalitní!“

92. 12. krok – otázky
 Je nutné?
 Na co vše by mělo být myšleno?
 Co je výstupem?
 Jak hodně by mělo být testováno, co a jak?

93. 12. krok – doporučení
„Testování s jedním
člověkem je lepší než
žádné testování.“

94. 12. krok – otázka na závěr
„Troufli byste si sami na
testování?“

95. 13. krok
„Máme
naprogramováno,
otestováno, tak teď?“

96. 13. krok
13. Nasazení analytiky

97. 13. krok – častá úvaha
„Ale my už jsme tam
dali kód Google
Analytics.“

98. 13. krok – otázky
 Je nutná?
 Na co vše by mělo být myšleno?
 Co je výstupem?
 Jak s ní dále pracovat a vyhodnocovat?

99. 13. krok – otázka na závěr
„Jaké jsou Vaše
zkušenosti s
analytikou?“

100. Zapomněli jsme na něco?
 Tvorba person
 Korektura textu
 Copywriter
 ...napadá Vás ještě něco?

101. Jak proces návrhu úspěšného webu vypadá?
 1. Předimplementační
analýza
 2. Analýza konkurence
 3. Analýza klíčových slov
 4. Návrh informační
struktury
 5. Obsahová strategie
 6.Definice využití
marketingových
kanálů
 7. Tvorba wireframe
 8. Zadání pro grafický
návrh
 9. Grafický návrh
 10. Zadání pro developera
 11. Programování a
kódování
 12. Testování
 13. Nasazení analytiky

102. Děkuji za pozornost
APPLE JUICE MEETING
Jan Kvasnička
www.kvasnickajan.cz
info@kvasnickajan.cz
@Jan_Kvasnicka