1. Návrh webu
a jeho tvorba a riadenie projektu
Karol Vörös

2. Vitajte!
Karol Vörös
karol.voros@wy.sk
@kavoros

3. “Chcel by som web pre moju firmu. Mal by
byť pekný, jednoduchý a optimalizovaný
pre Google. Skvelo fungujúci na mobile.“

4. Ciele a očakávania

6. wy.sk
Prezentácia firmy a jej produktov
Predaj služieb a produktov
Prezentácia a poskytovanie podporných činností
Biznis spolupráca
Poskytovanie podpory a tech. info o produktoch
Publikovanie obsahu

7. Multibrandový butik
“Na webe by sme chceli predávať služby
(dresscode workshopy, …), jednotlivý tovar (cez
e-shop), publikovať obsah (články, fotogalérie
outfitov, videá) a samozrejme prezentovať aj
samotný butik. Našou cieľovou skupinou sú
manažérky, obchodníčky, právničky.”

8. Hlavné konverzie wy.sk
Objednávka cez e-shop
Objednávka alebo lead cez formulár
Lead alebo sing-up ohľadom spolupráce
Stiahnutie bannerov na partnerský web
Stiahnutie materialov o tíme
Preklik na admin nástroje

9. Ostatné konverzie
Vloženie do košíka
Zanechanie hodnotenia
Stiahnutie/zobrazenie pdf/návodu
Subscribe
Zdieľanie na social media

10. Potrebný obsah

11. Sekcie a typ obsahu
Stránky o produktoch (produkty)
Objednávka
Stránky o firme
Blog (články)
Podpora (články)
Sekcia o spolupráci (stránky)

12. Návrh štruktúry

14. Výstupom je niečo, čo pripomína hlavné
menu. Iba rozsiahlejšie.

15. Mapa webu

16. PRODUKTY (wy.sk/produkty)
Cieľ: predstaviť hosting pre celý životný cyklus
webu (zdieľaný webhosting-VPS-cloud)
Správa: “Hostingové služby pre projekty rôznych
úrovní."
Akcia: Prechod na vybranú úroveň produktu

17. PRODUKTY (wy.sk/podpora)
Cieľ: poskytnúť potrebné info
Správa: Ako vám môžeme pomôcť?
Akcia: Zobrazenie článku, kontakt

18. Na hlavnej správe postavím texty,
zvyšok pomáha s dosiahnutím cieľa a
vykonaním akcie.

19. Návrh obsahu

21. Návrh webu v skratke
Ciele a očakávania
Potrebný obsah
Návrh štruktúry
Mapa webu
Návrh obsahu

22. Návrh webu v skratke
Ciele a očakávania
Potrebný obsah
Návrh štruktúry
Mapa webu
Návrh obsahu

23. Návrh grafiky

25. https://www.youtube.com/
watch?v=Vm1J2wUhNOk

27. Wireframes
Webdizajn
Prototyp

28. Povinná výbava dobrého dizajnéra
dizajn, https://www.sketchapp.com
klikateľné prototypy, https://marvelapp.com

29. (Klikateľné) prototypy

30. https://www.youtube.com/
watch?v=Vm1J2wUhNOk

31. https://www.youtube.com/
watch?v=Vm1J2wUhNOk

32. Zopár iterácií až k výslednému
prototypu, s ktorým sa ide ďalej.

33. Kódenie

34. Kódenie
Výber dodávateľa
Špecifikácia
Testovanie
Komunikácia
Odsúhlasovanie
Zmeny

35. Samozrejmosťou nie je absolútne nič.

36. Komunikácia

37. Zabudni na e-mail, chceš niečo viac!

39. Šikovné tooly
Basecamp
Evernote
Sketch
Marvel
Toggl

40. Redizajn

41. Nerobte redizajn len preto, že je to
“potrebné”.

42. Ďakujem!
@WebglobeYegon