Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

93
Ako si zjednodušiť tvorbu webov... ...a ako ich zmeniť na zisk? Miro Veselý WordCamp Bratislava 2014

description

 

Transcript of Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Page 1: 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ýWordCamp Bratislava 2014

Page 2: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Pre koho je táto prednáška

Page 3: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Nevieme, čo bude fungovať

Page 4: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Vytvoriť web je jednoduché...

Page 5: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Oplatí sa míňať životný čas?

Page 6: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Čo za to?

Page 7: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Cena za vedomosti...

Page 8: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Headway framework

Page 9: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Prečo Headway?

Page 10: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Ukážky webov.

Page 11: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Ukážky webov.

Page 12: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Ukážky webov.

Page 13: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Ukážky webov.

Page 14: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Ukážky webov.

Page 15: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Ukážky webov.

Page 16: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Ukážky webov.

Page 17: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Ukážky webov.

Page 18: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Ukážky webov.

Page 19: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Vizuálny editor

Page 20: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 21: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 22: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 23: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Grafický (CSS) editor

Page 24: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 25: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 26: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 27: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 28: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

„Živý“ CSS editor

Page 29: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 30: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Šablóny

Page 31: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 32: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Blocks, Templates

Page 33: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Vlastný kód v HTML

Page 34: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Málo dizajnových šablón

Page 35: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

SEO

Page 36: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Validita kódu

(Jedno oko radšej privrieť!)

Page 37: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Kóderi nad 30 rokov

Tabletku na srdce pod jazyk.TERAZ!

Page 38: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Obsah stránky frontend

Test rýchlosti (pingdom)

Page 39: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Div v dive v dive v dive v dive.

Viditeľný obsah 1× HTML4× CSS4× Skripty

40 bajtov5 404 bajtov

54 954 bajtov103 068 bajtov

Page 40: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 41: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Dátová veľkosť kódu stránky

Page 42: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Spätná kompatibilita

IE 5.5IE 6IE 7IE 8IE 9

NieMálo

Ako takVäčšinou

Stále lepšie...

Opera, Firefox, Chrome, Konqueror áno

Page 43: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Rýchlosť

Page 44: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Cache

Page 45: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Overíte koncept webu

Page 46: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 47: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Responzivita

Page 48: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 49: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Overiť koncept vlastné HTML/CSS

Page 50: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Cena

Licencia na rok:

1 web 59 $ 3 weby 99 $

Neobmedzený počet webov 199 $

Ďalší rok 50% z ceny.

Page 51: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Aký máte rozpočet na tím?

Page 52: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

IT = I Chrobak Truhlik(V originále Brouk Pytlík)

Page 53: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Delegujte!

Page 54: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Zoznam vysokoškolských odborov

Page 55: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

KoncepciaInformačná architektúra

Strategické plánovanie

Page 56: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

KoncepciaInformačná architektúra

Strategické plánovanieObsah

Autor textovFotograf / Kameraman

Zabávač / Predavač

Page 57: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

KoncepciaInformačná architektúra

Strategické plánovanieObsah

Autor textovFotograf / Kameraman

Zabávač / PredavačDizajn

Dizajnér / Kóder

Page 58: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

KoncepciaInformačná architektúra

Strategické plánovanieObsah

Autor textovFotograf / Kameraman

Zabávač / PredavačDizajn

Dizajnér / Kóder Web

ProgramátorServerista

Page 59: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

KoncepciaInformačná architektúra

Strategické plánovanieObsah

Autor textovFotograf / Kameraman

Zabávač / PredavačDizajn

Dizajnér / Kóder Web

ProgramátorServerista

MarkertingMarketér / PR

špecialistasociológ / analytik

Page 60: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

KoncepciaInformačná architektúra

Strategické plánovanieObsah

Autor textovFotograf / Kameraman

Zabávač / PredavačDizajn

Dizajnér / Kóder Web

ProgramátorServerista

MarkertingMarketér / PR

špecialistasociológ / analytik

ReklamaReklamný mágOptimalizátor

SEO / Linkbuilder

Page 61: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

KoncepciaInformačná architektúra

Strategické plánovanieObsah

Autor textovFotograf / Kameraman

Zabávač / PredavačDizajn

Dizajnér / Kóder Web

ProgramátorServerista

MarkertingMarketér / PR

špecialistasociológ / analytik

ReklamaReklamný mágOptimalizátor

SEO / LinkbuilderKomunikácia

Diskutér PsychológSvätý v obore

trpezlivosťVyjednávač

Riešič konfliktov

Page 62: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Ako to prepchať cez kľúčovú dierku?

Page 63: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Laparoskopické

prehliadanieinternetu

Page 64: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Aj mizerný web môže uspieť

Page 65: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Aj malý tím môže vytvoriť slušný web

Page 66: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Pozor na preskriptované šablóny

Jedna z najpopulárnejších šablón AvadaPríklad na jednom z webov

Page 67: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Lagy aj na desktope

Jedna z najpopulárnejších šablón Avada:HTML: 100 kilo

Skripty: 28 súborov, 550 kiloCSS: 9 súborov, 200 kilo

Page 68: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Zjednodušte aj neviditeľný kód

Page 69: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Dizajn: platíme za uberanie

Page 70: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Platíme za to, aby tam nebolo nič

Nič zbytočné

Page 71: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Dobrý dizajn nevidieť

Lacný grafik robí zložito

Page 72: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Dobrý dizajn nevidieť

Dobrý grafik robí jednoducho

Page 73: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Aby to celé malo zmysel

Page 74: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Peniaze nemusia byť jediný zisk

Page 75: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Peniaze (predaj, reklama, zbierky)

Page 76: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Peniaze (predaj, reklama, zbierky)Dôvera (prezentácia, PR, komunikácia)

Page 77: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Peniaze (predaj, reklama, zbierky)Dôvera (prezentácia, PR, komunikácia)Služba (cenník, katalóg, uľahčí prácu)

Page 78: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Peniaze (predaj, reklama, zbierky)Dôvera (prezentácia, PR, komunikácia)Služba (cenník, katalóg, uľahčí prácu)

Propagácia (ponuka výrobkov na webe)

Page 79: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Peniaze (predaj, reklama, zbierky)Dôvera (prezentácia, PR, komunikácia)Služba (cenník, katalóg, uľahčí prácu)

Propagácia (ponuka výrobkov na webe)Spolupráca (hľadanie zamestnancov)

Page 80: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Peniaze (predaj, reklama, zbierky)Dôvera (prezentácia, PR, komunikácia)Služba (cenník, katalóg, uľahčí prácu)

Propagácia (ponuka výrobkov na webe)Spolupráca (hľadanie zamestnancov)

Tvorba komunity

Page 81: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Peniaze (predaj, reklama, zbierky)Dôvera (prezentácia, PR, komunikácia)Služba (cenník, katalóg, uľahčí prácu)

Propagácia (ponuka výrobkov na webe)Spolupráca (hľadanie zamestnancov)

Tvorba komunityTestovacie laboratórium

Page 82: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Ale nechcite všetko naraz.

Page 83: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Pozor na krásne šablóny...

Page 84: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 85: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)
Page 86: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Šablóna = biznis.

Page 87: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Efektné nemusí byť účelné.

Ide o to predať šablónu vám.Nie predať vaše produkty šablónou.

Page 88: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Máte stanovený cieľ?

Plní váš cieľ aj návštevník stránky?

Page 89: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Sú vaše ciele merateľné?

Page 90: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Tip na záver 1

Zapisujte si každú zmenu.

Page 91: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Tip na záver 2

Ukladajte a archivujte si screeny.

Page 92: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Tip na záver 3

Vytrvajte.

Page 93: Ako si zjednodušiť tvorbu webov a ako ich zmeniť na zisk? (Miro Veselý)

Miro Veselý

[email protected]

@mirovesely