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

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

  • Upload
    wcsk

  • View
    388

  • Download
    3

Embed Size (px)

DESCRIPTION

 

Citation preview

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