SlideShare a Scribd company logo
Návrh webu
a jeho tvorba a riadenie projektu
Karol Vörös
Vitajte!
Karol Vörös
karol.voros@wy.sk
@kavoros
“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
Návrh webu od A po A
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
Návrh webu od A po A
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 od A po A
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
Návrh webu od A po A
https://www.youtube.com/
watch?v=Vm1J2wUhNOk
Návrh webu od A po A
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!
Návrh webu od A po A
Šikovné tooly
Basecamp
Evernote
Sketch
Marvel
Toggl
Redizajn
Nerobte redizajn len preto, že je to
“potrebné”.
Ďakujem!
@WebglobeYegon

More Related Content

Similar to Návrh webu od A po A

Eshop Summit 2018 - eshop marketing efektívne
Eshop Summit 2018 - eshop marketing efektívneEshop Summit 2018 - eshop marketing efektívne
Eshop Summit 2018 - eshop marketing efektívne
Karol Woltemar
 
Ako robiť marketing e-shopu efektívne a neprichádzať zbytočne o peniaze?
Ako robiť marketing e-shopu efektívne a neprichádzať zbytočne o peniaze?Ako robiť marketing e-shopu efektívne a neprichádzať zbytočne o peniaze?
Ako robiť marketing e-shopu efektívne a neprichádzať zbytočne o peniaze?
madviso
 
Ako navrhnúť úspešný web
Ako navrhnúť úspešný webAko navrhnúť úspešný web
Ako navrhnúť úspešný web
H1.cz
 
Jak navrhnout úspěšný web
Jak navrhnout úspěšný webJak navrhnout úspěšný web
Jak navrhnout úspěšný web
H1.cz
 
Miroslav Beňo
Miroslav BeňoMiroslav Beňo
Gvarza
GvarzaGvarza
Gvarza
blueweb_sk
 
Budovanie vykonneho webu a riadenie efektivnych kampani
Budovanie vykonneho webu a riadenie efektivnych kampaniBudovanie vykonneho webu a riadenie efektivnych kampani
Budovanie vykonneho webu a riadenie efektivnych kampani
Branislav Busovsky
 
Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
wcsk
 
SEO cielené na témy
SEO cielené na témySEO cielené na témy
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...
Basta digital
 
Biznis raňajky - Je affiliate marketing mŕtvy?
Biznis raňajky - Je affiliate marketing mŕtvy?Biznis raňajky - Je affiliate marketing mŕtvy?
Biznis raňajky - Je affiliate marketing mŕtvy?
Katarina Novotna
 
Ako optimalizovať Performance Max kampane, Libor Toporcer (Invelity)
Ako optimalizovať Performance Max kampane, Libor Toporcer (Invelity)Ako optimalizovať Performance Max kampane, Libor Toporcer (Invelity)
Ako optimalizovať Performance Max kampane, Libor Toporcer (Invelity)
Mergado technologies s. r. o.
 
Blogy a diskusie - Petra Jankovicova
Blogy a diskusie - Petra JankovicovaBlogy a diskusie - Petra Jankovicova
Blogy a diskusie - Petra Jankovicova
Internet je sexy
 
3. Affiliate konferencia / Ako kvalitno rozbehnúť affiliate program
3. Affiliate konferencia / Ako kvalitno rozbehnúť affiliate program3. Affiliate konferencia / Ako kvalitno rozbehnúť affiliate program
3. Affiliate konferencia / Ako kvalitno rozbehnúť affiliate program
Colpirio.com s.r.o.
 
FMUK - E-business & E-marketing 3.10.2016: Webdesign: čo treba pre úspešný we...
FMUK - E-business & E-marketing 3.10.2016: Webdesign: čo treba pre úspešný we...FMUK - E-business & E-marketing 3.10.2016: Webdesign: čo treba pre úspešný we...
FMUK - E-business & E-marketing 3.10.2016: Webdesign: čo treba pre úspešný we...
ADMA Asociácia digitálnych marketingových agentúr
 
Nastav si správny biznis model pre svoju firmu
Nastav si správny biznis model pre svoju firmuNastav si správny biznis model pre svoju firmu
Nastav si správny biznis model pre svoju firmu
SCR®
 
Prezentácia eshopového riešenia sellio
Prezentácia eshopového riešenia sellio Prezentácia eshopového riešenia sellio
Prezentácia eshopového riešenia sellio
vibration.sk
 
Monetizácia - odhalenie biznis modelov
Monetizácia - odhalenie biznis modelovMonetizácia - odhalenie biznis modelov
Monetizácia - odhalenie biznis modelov
SCR®
 
Monetizácia - odhalenie biznis modelov
Monetizácia - odhalenie biznis modelovMonetizácia - odhalenie biznis modelov
Monetizácia - odhalenie biznis modelov
Pavol Kuban
 

Similar to Návrh webu od A po A (20)

Eshop Summit 2018 - eshop marketing efektívne
Eshop Summit 2018 - eshop marketing efektívneEshop Summit 2018 - eshop marketing efektívne
Eshop Summit 2018 - eshop marketing efektívne
 
Ako robiť marketing e-shopu efektívne a neprichádzať zbytočne o peniaze?
Ako robiť marketing e-shopu efektívne a neprichádzať zbytočne o peniaze?Ako robiť marketing e-shopu efektívne a neprichádzať zbytočne o peniaze?
Ako robiť marketing e-shopu efektívne a neprichádzať zbytočne o peniaze?
 
Ako navrhnúť úspešný web
Ako navrhnúť úspešný webAko navrhnúť úspešný web
Ako navrhnúť úspešný web
 
Jak navrhnout úspěšný web
Jak navrhnout úspěšný webJak navrhnout úspěšný web
Jak navrhnout úspěšný web
 
Miroslav Beňo
Miroslav BeňoMiroslav Beňo
Miroslav Beňo
 
Gvarza
GvarzaGvarza
Gvarza
 
Budovanie vykonneho webu a riadenie efektivnych kampani
Budovanie vykonneho webu a riadenie efektivnych kampaniBudovanie vykonneho webu a riadenie efektivnych kampani
Budovanie vykonneho webu a riadenie efektivnych kampani
 
Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
 
SEO cielené na témy
SEO cielené na témySEO cielené na témy
SEO cielené na témy
 
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...
 
Biznis raňajky - Je affiliate marketing mŕtvy?
Biznis raňajky - Je affiliate marketing mŕtvy?Biznis raňajky - Je affiliate marketing mŕtvy?
Biznis raňajky - Je affiliate marketing mŕtvy?
 
Ako optimalizovať Performance Max kampane, Libor Toporcer (Invelity)
Ako optimalizovať Performance Max kampane, Libor Toporcer (Invelity)Ako optimalizovať Performance Max kampane, Libor Toporcer (Invelity)
Ako optimalizovať Performance Max kampane, Libor Toporcer (Invelity)
 
Blogy a diskusie - Petra Jankovicova
Blogy a diskusie - Petra JankovicovaBlogy a diskusie - Petra Jankovicova
Blogy a diskusie - Petra Jankovicova
 
3. Affiliate konferencia / Ako kvalitno rozbehnúť affiliate program
3. Affiliate konferencia / Ako kvalitno rozbehnúť affiliate program3. Affiliate konferencia / Ako kvalitno rozbehnúť affiliate program
3. Affiliate konferencia / Ako kvalitno rozbehnúť affiliate program
 
SEO
SEOSEO
SEO
 
FMUK - E-business & E-marketing 3.10.2016: Webdesign: čo treba pre úspešný we...
FMUK - E-business & E-marketing 3.10.2016: Webdesign: čo treba pre úspešný we...FMUK - E-business & E-marketing 3.10.2016: Webdesign: čo treba pre úspešný we...
FMUK - E-business & E-marketing 3.10.2016: Webdesign: čo treba pre úspešný we...
 
Nastav si správny biznis model pre svoju firmu
Nastav si správny biznis model pre svoju firmuNastav si správny biznis model pre svoju firmu
Nastav si správny biznis model pre svoju firmu
 
Prezentácia eshopového riešenia sellio
Prezentácia eshopového riešenia sellio Prezentácia eshopového riešenia sellio
Prezentácia eshopového riešenia sellio
 
Monetizácia - odhalenie biznis modelov
Monetizácia - odhalenie biznis modelovMonetizácia - odhalenie biznis modelov
Monetizácia - odhalenie biznis modelov
 
Monetizácia - odhalenie biznis modelov
Monetizácia - odhalenie biznis modelovMonetizácia - odhalenie biznis modelov
Monetizácia - odhalenie biznis modelov
 

More from Karol Vörös

Slovenské preklady WordPress (wcke2019)
Slovenské preklady WordPress (wcke2019)Slovenské preklady WordPress (wcke2019)
Slovenské preklady WordPress (wcke2019)
Karol Vörös
 
Slovenské WooCommerce e-shopy
Slovenské WooCommerce e-shopySlovenské WooCommerce e-shopy
Slovenské WooCommerce e-shopy
Karol Vörös
 
WordPress Meetup Bratislava - 11/2017
WordPress Meetup Bratislava - 11/2017WordPress Meetup Bratislava - 11/2017
WordPress Meetup Bratislava - 11/2017
Karol Vörös
 
WordPress preklady
WordPress prekladyWordPress preklady
WordPress preklady
Karol Vörös
 
WooCommerce a analytické nástroje, WordCamp Brno 2017
WooCommerce a analytické nástroje, WordCamp Brno 2017WooCommerce a analytické nástroje, WordCamp Brno 2017
WooCommerce a analytické nástroje, WordCamp Brno 2017
Karol Vörös
 
IT EXPO ŽILINA 2016 - WordPress Slovensko
IT EXPO ŽILINA 2016 - WordPress SlovenskoIT EXPO ŽILINA 2016 - WordPress Slovensko
IT EXPO ŽILINA 2016 - WordPress Slovensko
Karol Vörös
 
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)
Karol Vörös
 

More from Karol Vörös (7)

Slovenské preklady WordPress (wcke2019)
Slovenské preklady WordPress (wcke2019)Slovenské preklady WordPress (wcke2019)
Slovenské preklady WordPress (wcke2019)
 
Slovenské WooCommerce e-shopy
Slovenské WooCommerce e-shopySlovenské WooCommerce e-shopy
Slovenské WooCommerce e-shopy
 
WordPress Meetup Bratislava - 11/2017
WordPress Meetup Bratislava - 11/2017WordPress Meetup Bratislava - 11/2017
WordPress Meetup Bratislava - 11/2017
 
WordPress preklady
WordPress prekladyWordPress preklady
WordPress preklady
 
WooCommerce a analytické nástroje, WordCamp Brno 2017
WooCommerce a analytické nástroje, WordCamp Brno 2017WooCommerce a analytické nástroje, WordCamp Brno 2017
WooCommerce a analytické nástroje, WordCamp Brno 2017
 
IT EXPO ŽILINA 2016 - WordPress Slovensko
IT EXPO ŽILINA 2016 - WordPress SlovenskoIT EXPO ŽILINA 2016 - WordPress Slovensko
IT EXPO ŽILINA 2016 - WordPress Slovensko
 
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)
Rýchly WordPress pre návštevníka aj správcu (WordCamp Bratislava 2016)
 

Návrh webu od A po A