Úlohou webdesignera je v prvom rade priniesť riešenie, ktoré bude zarábať a plniť očakávania majiteľa. Umelecké výstrelky sú druhoradé. Podelím sa s vami o svoje skúsenosti z návrhu a tvorby nového webu pre Webglobe – Yegon aj ostatných WordPress projektov, na ktorých som sa v poslednej dobe podieľal v úlohách návrhára webu a projektového manažéra.

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

2. Vitajte na WordCamp ZA!
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í
Predstavenie a nadväzovanie biznis spolupráce
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/affiliate
Stiahnutie bannerov na partnerský web
Stiahnutie materialov o tíme (pressKit)
Preklik na admin nástroje

9. Potrebný obsah

10. 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)

11. Návrh štruktúry

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

14. Mapa webu

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

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

17. Návrh obsahu

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

20. Návrh grafiky

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

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

25. Kódenie

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

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

28. Komunikácia

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

30. Šikovné tooly
Basecamp
Evernote
Sketch
Marvel
Toggl

31. Ďakujem!
@WebglobeYegon