Top Banner
54

Gvarza

Apr 12, 2017

Download

Internet

blueweb_sk
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Gvarza
Page 2: Gvarza
Page 3: Gvarza
Page 4: Gvarza
Page 5: Gvarza
Page 6: Gvarza

Pyramída webdizajnu

Vyhľadateľnosť

Dostupnosť

Prístupnosť

Použiteľnosť

Dôveryhodnosť

Presvedčivosť

Page 7: Gvarza

Vstupné dáta

Analýza

Grafický návrh

Programovanie

Spustenie

Prevádzka

Page 8: Gvarza

Aké máte očakávania od nového webu?

Page 9: Gvarza

Aký je cieľ firmy?

Za akých podmienok bude cieľ dosiahnutý?

➡ Navrhnite, ako konkrétne môže web pomôcť k

jeho dosiahnutiu

Page 10: Gvarza

Komu je web určený?

• Kto sú vaši zákazníci?

• Aké majú potreby?

➡ Navrhnite dvojicu používateľ webu + jeho

potreba

Page 11: Gvarza
Page 12: Gvarza

Komu je web určený?

➡ Navrhnite obsah alebo funkciu webu, ktorá

umožní naplnenie potrieb používateľa a

zároveň dosiahnutie cieľu webu

Page 13: Gvarza

Prečo práve vy?

➡ Navrhnite, prečo by si mal zákazník objednať

služby práve od vás

Page 14: Gvarza

Ako vás hľadajú?

• Ako zákazníci volajú (prezývajú) vaše výrobky

v bežnej reči?

Page 15: Gvarza

Vstupné dáta

Analýza

Grafický návrh

Programovanie

Spustenie

Prevádzka

Page 16: Gvarza

Sitemap

Page 17: Gvarza
Page 18: Gvarza

Landing page

Page 19: Gvarza

Wireframy

Page 20: Gvarza

Vstupné dáta

Analýza

Grafický návrh

Programovanie

Spustenie

Prevádzka

Page 21: Gvarza
Page 22: Gvarza
Page 23: Gvarza

Vstupné dáta

Analýza

Grafický návrh

Programovanie

Spustenie

Prevádzka

Page 24: Gvarza

html+

css+

javascript+

php

Page 25: Gvarza
Page 26: Gvarza

<html>

Page 27: Gvarza

Nejaký <tag>text</tag>,

ktorý dáva zmysel

Page 28: Gvarza

Nejaký <strong>tučný text</strong>,

ktorý dáva zmysel

Page 29: Gvarza
Page 30: Gvarza

<em>šikmé písmo</em>

Page 31: Gvarza

<html>

  <head>

    <title>Názov stránky</title>

  </head>

  <body>

   <p> Nejaký <strong>tučný text</strong>, ktorý

dáva zmysel</p>

  </body>

</html>

Page 32: Gvarza

<html>

  <head>

    <title>Názov stránky</title>

  </head>

  <body>

   <p> Nejaký <strong>tučný text</strong>, ktorý

dáva zmysel</p>

   <p><img src=“saa.jpg“ alt=“Popis obrázku“ /></p>

   <ul>

<li>Bratislava</li>

<li>Košice</li>

<li>Prešov</li>

</ul>

  </body>

</html>

Page 33: Gvarza

{css}

Page 34: Gvarza

<html>

  <head>

    <title>Názov stránky</title>

    <style>

    p {text-align: center}

    </style>

  </head>

  <body>

   <p> Nejaký <strong>tučný text</strong>, ktorý

dáva zmysel</p>

   <p><img src=“saa.jpg“ alt=“Popis obrázku“ /></p>

  </body>

</html>

Page 35: Gvarza

p {text-align: center}

Page 36: Gvarza

p {text-align: center}

p img {padding-left: 20px}

#kontakt{font-size: 15px}

#kontakt strong {color: green}

Page 37: Gvarza

<?php ?>

Page 38: Gvarza

<?php

$name = “Michal Poppe“;

echo $name;

?>

Page 39: Gvarza

<div class="search-box">

<?php get_search_form(); ?>

</div>

Page 40: Gvarza

Vstupné dáta

Analýza

Grafický návrh

Programovanie

Spustenie

Prevádzka

Page 41: Gvarza

Webová

analytika

Page 42: Gvarza

E-commerce sekcia

Page 43: Gvarza

E-commerce sekcia

Page 44: Gvarza
Page 45: Gvarza

Výnosy

Náklady na inzerciu

Page 46: Gvarza

Pozície v Googli

Page 47: Gvarza

Pozície v Googli

Page 48: Gvarza

Pohyb návštevníkov po stránke

Page 49: Gvarza

“Zákazníci musia bez najmenších problémov

dokázať tovar objednať a zaplatiť. Ak nie,

41% z nich sa už nikdy nevráti.“

Winning the Online Consumer: The Challenge of Raised Expectations,” Boston Consulting Group

Page 50: Gvarza

Clickmapy, scrollmapy a iné mapy

Page 51: Gvarza

Kliknutia v stránke

Page 52: Gvarza

Pohyb myšou

Page 53: Gvarza

Sledovanie používateľov

Page 54: Gvarza

Vstupné dáta

Analýza

Grafický návrh

Programovanie

Spustenie

Prevádzka