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