Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Návrh webu od A po A

73 views

Published on

Slajdy z podujatia Internetová akadémia 11/2016,
https://www.facebook.com/events/372677646404757/

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Návrh webu od A po A

  1. 1. Návrh webu a jeho tvorba a riadenie projektu Karol Vörös
  2. 2. Vitajte! Karol Vörös karol.voros@wy.sk @kavoros
  3. 3. “Chcel by som web pre moju firmu. Mal by byť pekný, jednoduchý a optimalizovaný pre Google. Skvelo fungujúci na mobile.“
  4. 4. Ciele a očakávania
  5. 5. 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
  6. 6. 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.”
  7. 7. 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
  8. 8. Ostatné konverzie Vloženie do košíka Zanechanie hodnotenia Stiahnutie/zobrazenie pdf/návodu Subscribe Zdieľanie na social media
  9. 9. Potrebný obsah
  10. 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. 11. Návrh štruktúry
  12. 12. Výstupom je niečo, čo pripomína hlavné menu. Iba rozsiahlejšie.
  13. 13. Mapa webu
  14. 14. 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
  15. 15. PRODUKTY (wy.sk/podpora) Cieľ: poskytnúť potrebné info Správa: Ako vám môžeme pomôcť? Akcia: Zobrazenie článku, kontakt
  16. 16. Na hlavnej správe postavím texty, zvyšok pomáha s dosiahnutím cieľa a vykonaním akcie.
  17. 17. Návrh obsahu
  18. 18. Návrh webu v skratke Ciele a očakávania Potrebný obsah Návrh štruktúry Mapa webu Návrh obsahu
  19. 19. Návrh webu v skratke Ciele a očakávania Potrebný obsah Návrh štruktúry Mapa webu Návrh obsahu
  20. 20. Návrh grafiky
  21. 21. https://www.youtube.com/ watch?v=Vm1J2wUhNOk
  22. 22. Wireframes Webdizajn Prototyp
  23. 23. Povinná výbava dobrého dizajnéra dizajn, https://www.sketchapp.com klikateľné prototypy, https://marvelapp.com
  24. 24. (Klikateľné) prototypy
  25. 25. https://www.youtube.com/ watch?v=Vm1J2wUhNOk
  26. 26. https://www.youtube.com/ watch?v=Vm1J2wUhNOk
  27. 27. Zopár iterácií až k výslednému prototypu, s ktorým sa ide ďalej.
  28. 28. Kódenie
  29. 29. Kódenie Výber dodávateľa Špecifikácia Testovanie Komunikácia Odsúhlasovanie Zmeny
  30. 30. Samozrejmosťou nie je absolútne nič.
  31. 31. Komunikácia
  32. 32. Zabudni na e-mail, chceš niečo viac!
  33. 33. Šikovné tooly Basecamp Evernote Sketch Marvel Toggl
  34. 34. Redizajn
  35. 35. Nerobte redizajn len preto, že je to “potrebné”.
  36. 36. Ďakujem! @WebglobeYegon

×