Ako si zjednodušiť tvorbu
webov...
...a ako ich zmeniť na zisk?
Miro Veselý
WordCamp Bratislava 2014
Pre koho je táto prednáška
Nevieme, čo bude fungovať
Vytvoriť web je jednoduché...
Oplatí sa míňať životný čas?
Čo za to?
Cena za vedomosti...
Headway framework
Prečo Headway?
Ukážky webov.
Ukážky webov.
Ukážky webov.
Ukážky webov.
Ukážky webov.
Ukážky webov.
Ukážky webov.
Ukážky webov.
Ukážky webov.
Vizuálny editor
Grafický (CSS) editor
„Živý“ CSS editor
Šablóny
Blocks, Templates
Vlastný kód v HTML
Málo dizajnových šablón
SEO
Validita kódu
(Jedno oko radšej privrieť!)
Kóderi nad 30 rokov
Tabletku na srdce pod jazyk.
TERAZ!
Obsah stránky
frontend
Test rýchlosti
(pingdom)
Div v dive v dive v dive v dive.
Viditeľný obsah
1× HTML
4× CSS
4× Skripty
40 bajtov
5 404 bajtov
54 954 bajtov
103 068 ba...
Dátová veľkosť kódu stránky
Spätná kompatibilita
IE 5.5
IE 6
IE 7
IE 8
IE 9
Nie
Málo
Ako tak
Väčšinou
Stále lepšie...
Opera, Firefox, Chrome, Konquero...
Rýchlosť
Cache
Overíte koncept webu
Responzivita
Overiť koncept vlastné
HTML/CSS
Cena
Licencia na rok:
1 web 59 $
3 weby 99 $
Neobmedzený počet webov 199 $
Ďalší rok 50% z ceny.
Aký máte rozpočet na tím?
IT = I Chrobak Truhlik
(V originále Brouk Pytlík)
Delegujte!
Zoznam vysokoškolských
odborov
Koncepcia
Informačná
architektúra
Strategické plánovanie
Koncepcia
Informačná
architektúra
Strategické plánovanie
Obsah
Autor textov
Fotograf / Kameraman
Zabávač / Predavač
Koncepcia
Informačná
architektúra
Strategické plánovanie
Obsah
Autor textov
Fotograf / Kameraman
Zabávač / Predavač
Dizajn...
Koncepcia
Informačná
architektúra
Strategické plánovanie
Obsah
Autor textov
Fotograf / Kameraman
Zabávač / Predavač
Dizajn...
Koncepcia
Informačná
architektúra
Strategické plánovanie
Obsah
Autor textov
Fotograf / Kameraman
Zabávač / Predavač
Dizajn...
Koncepcia
Informačná
architektúra
Strategické plánovanie
Obsah
Autor textov
Fotograf / Kameraman
Zabávač / Predavač
Dizajn...
Koncepcia
Informačná
architektúra
Strategické plánovanie
Obsah
Autor textov
Fotograf / Kameraman
Zabávač / Predavač
Dizajn...
Ako to prepchať cez kľúčovú
dierku?
Laparoskopick
é
prehliadanie
internetu
Aj mizerný web môže uspieť
Aj malý tím môže vytvoriť slušný
web
Pozor na preskriptované šablóny
Jedna z najpopulárnejších šablón Avada
Príklad na jednom z webov
Lagy aj na desktope
Jedna z najpopulárnejších šablón Avada:
HTML: 100 kilo
Skripty: 28 súborov, 550 kilo
CSS: 9 súborov, 2...
Zjednodušte aj neviditeľný kód
Dizajn: platíme za uberanie
Platíme za to, aby tam nebolo nič
Nič zbytočné
Dobrý dizajn nevidieť
Lacný grafik robí zložito
Dobrý dizajn nevidieť
Dobrý grafik robí jednoducho
Aby to celé malo zmysel
Peniaze nemusia byť jediný zisk
Peniaze (predaj, reklama, zbierky)
Peniaze (predaj, reklama, zbierky)
Dôvera (prezentácia, PR, komunikácia)
Peniaze (predaj, reklama, zbierky)
Dôvera (prezentácia, PR, komunikácia)
Služba (cenník, katalóg, uľahčí prácu)
Peniaze (predaj, reklama, zbierky)
Dôvera (prezentácia, PR, komunikácia)
Služba (cenník, katalóg, uľahčí prácu)
Propagácia...
Peniaze (predaj, reklama, zbierky)
Dôvera (prezentácia, PR, komunikácia)
Služba (cenník, katalóg, uľahčí prácu)
Propagácia...
Peniaze (predaj, reklama, zbierky)
Dôvera (prezentácia, PR, komunikácia)
Služba (cenník, katalóg, uľahčí prácu)
Propagácia...
Peniaze (predaj, reklama, zbierky)
Dôvera (prezentácia, PR, komunikácia)
Služba (cenník, katalóg, uľahčí prácu)
Propagácia...
Ale nechcite všetko naraz.
Pozor na krásne šablóny...
Šablóna = biznis.
Efektné nemusí byť účelné.
Ide o to predať šablónu vám.
Nie predať vaše produkty šablónou.
Máte stanovený cieľ?
Plní váš cieľ aj návštevník stránky?
Sú vaše ciele merateľné?
Tip na záver 1
Zapisujte si každú zmenu.
Tip na záver 2
Ukladajte a archivujte si screeny.
Tip na záver 3
Vytrvajte.
Miro Veselý
miro-vesely.sk
mv@mix.sk
@mirovesely
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ý)
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ý)
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ý)
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ý)
Upcoming SlideShare
Loading in …5
×

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

634 views
527 views

Published on

Published in: Internet
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
634
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1.  Ako si zjednodušiť tvorbu webov... ...a ako ich zmeniť na zisk? Miro Veselý WordCamp Bratislava 2014
  2. 2. Pre koho je táto prednáška
  3. 3. Nevieme, čo bude fungovať
  4. 4. Vytvoriť web je jednoduché...
  5. 5. Oplatí sa míňať životný čas?
  6. 6. Čo za to?
  7. 7. Cena za vedomosti...
  8. 8. Headway framework
  9. 9. Prečo Headway?
  10. 10. Ukážky webov.
  11. 11. Ukážky webov.
  12. 12. Ukážky webov.
  13. 13. Ukážky webov.
  14. 14. Ukážky webov.
  15. 15. Ukážky webov.
  16. 16. Ukážky webov.
  17. 17. Ukážky webov.
  18. 18. Ukážky webov.
  19. 19. Vizuálny editor
  20. 20. Grafický (CSS) editor
  21. 21. „Živý“ CSS editor
  22. 22. Šablóny
  23. 23. Blocks, Templates
  24. 24. Vlastný kód v HTML
  25. 25. Málo dizajnových šablón
  26. 26. SEO
  27. 27. Validita kódu (Jedno oko radšej privrieť!)
  28. 28. Kóderi nad 30 rokov Tabletku na srdce pod jazyk. TERAZ!
  29. 29. Obsah stránky frontend Test rýchlosti (pingdom)
  30. 30. Div v dive v dive v dive v dive. Viditeľný obsah 1× HTML 4× CSS 4× Skripty 40 bajtov 5 404 bajtov 54 954 bajtov 103 068 bajtov
  31. 31. Dátová veľkosť kódu stránky
  32. 32. Spätná kompatibilita IE 5.5 IE 6 IE 7 IE 8 IE 9 Nie Málo Ako tak Väčšinou Stále lepšie... Opera, Firefox, Chrome, Konqueror áno
  33. 33. Rýchlosť
  34. 34. Cache
  35. 35. Overíte koncept webu
  36. 36. Responzivita
  37. 37. Overiť koncept vlastné HTML/CSS
  38. 38. Cena Licencia na rok: 1 web 59 $ 3 weby 99 $ Neobmedzený počet webov 199 $ Ďalší rok 50% z ceny.
  39. 39. Aký máte rozpočet na tím?
  40. 40. IT = I Chrobak Truhlik (V originále Brouk Pytlík)
  41. 41. Delegujte!
  42. 42. Zoznam vysokoškolských odborov
  43. 43. Koncepcia Informačná architektúra Strategické plánovanie
  44. 44. Koncepcia Informačná architektúra Strategické plánovanie Obsah Autor textov Fotograf / Kameraman Zabávač / Predavač
  45. 45. Koncepcia Informačná architektúra Strategické plánovanie Obsah Autor textov Fotograf / Kameraman Zabávač / Predavač Dizajn Dizajnér / Kóder
  46. 46. Koncepcia Informačná architektúra Strategické plánovanie Obsah Autor textov Fotograf / Kameraman Zabávač / Predavač Dizajn Dizajnér / Kóder Web Programátor Serverista
  47. 47. Koncepcia Informačná architektúra Strategické plánovanie Obsah Autor textov Fotograf / Kameraman Zabávač / Predavač Dizajn Dizajnér / Kóder Web Programátor Serverista Markerting Marketér / PR špecialista sociológ / analytik
  48. 48. Koncepcia Informačná architektúra Strategické plánovanie Obsah Autor textov Fotograf / Kameraman Zabávač / Predavač Dizajn Dizajnér / Kóder Web Programátor Serverista Markerting Marketér / PR špecialista sociológ / analytik Reklama Reklamný mág Optimalizátor SEO / Linkbuilder
  49. 49. Koncepcia Informačná architektúra Strategické plánovanie Obsah Autor textov Fotograf / Kameraman Zabávač / Predavač Dizajn Dizajnér / Kóder Web Programátor Serverista Markerting Marketér / PR špecialista sociológ / analytik Reklama Reklamný mág Optimalizátor SEO / Linkbuilder Komunikácia Diskutér Psychológ Svätý v obore trpezlivosť Vyjednávač
  50. 50. Ako to prepchať cez kľúčovú dierku?
  51. 51. Laparoskopick é prehliadanie internetu
  52. 52. Aj mizerný web môže uspieť
  53. 53. Aj malý tím môže vytvoriť slušný web
  54. 54. Pozor na preskriptované šablóny Jedna z najpopulárnejších šablón Avada Príklad na jednom z webov
  55. 55. Lagy aj na desktope Jedna z najpopulárnejších šablón Avada: HTML: 100 kilo Skripty: 28 súborov, 550 kilo CSS: 9 súborov, 200 kilo
  56. 56. Zjednodušte aj neviditeľný kód
  57. 57. Dizajn: platíme za uberanie
  58. 58. Platíme za to, aby tam nebolo nič Nič zbytočné
  59. 59. Dobrý dizajn nevidieť Lacný grafik robí zložito
  60. 60. Dobrý dizajn nevidieť Dobrý grafik robí jednoducho
  61. 61. Aby to celé malo zmysel
  62. 62. Peniaze nemusia byť jediný zisk
  63. 63. Peniaze (predaj, reklama, zbierky)
  64. 64. Peniaze (predaj, reklama, zbierky) Dôvera (prezentácia, PR, komunikácia)
  65. 65. Peniaze (predaj, reklama, zbierky) Dôvera (prezentácia, PR, komunikácia) Služba (cenník, katalóg, uľahčí prácu)
  66. 66. 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)
  67. 67. 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)
  68. 68. 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
  69. 69. 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 Testovacie laboratórium
  70. 70. Ale nechcite všetko naraz.
  71. 71. Pozor na krásne šablóny...
  72. 72. Šablóna = biznis.
  73. 73. Efektné nemusí byť účelné. Ide o to predať šablónu vám. Nie predať vaše produkty šablónou.
  74. 74. Máte stanovený cieľ? Plní váš cieľ aj návštevník stránky?
  75. 75. Sú vaše ciele merateľné?
  76. 76. Tip na záver 1 Zapisujte si každú zmenu.
  77. 77. Tip na záver 2 Ukladajte a archivujte si screeny.
  78. 78. Tip na záver 3 Vytrvajte.
  79. 79. Miro Veselý miro-vesely.sk mv@mix.sk @mirovesely

×