
Lekce 1 – Úvodní obrazovka
Na chvíli si představte...
...že se změnila veškerá pravidla pro webové stránky na internetu...
Na svém webu tak můžete mít jen to, co návštěvník vidí na úvodní obrazovce svého počítače nebo notebooku.
Hned na začátku vás upozorním, že tato lekce pro vás pravděpodobně bude nejobtížnější ze všech.
Nelekněte se proto většího rozsahu lekce – ty další už tak obsáhlé nebudou.
Právě tato lekce vás naučí to nejdůležitější – jak zaujmout pozornost.
Pokud vytváříte svůj první web a některé věci vám nedávají smysl, nevzdávejte to.
Udělejte úkol z dnešní lekce tak, jak nyní nejlépe dokážete.
Slibuji, že na konci celého kurzu vám všechno zapadne dohromady.
Lekce 1
Úvodní video
Dozvíte se v něm to, jak budeme s úvodní obrazovkou na vašem webu pracovat a proč je právě tato část stránky tak důležitá, že s ní pracujeme samostatně.
Toto video neobsahuje žádný důležitý obrazový materiál – můžete si ho tedy pustit pouze na pozadí a jen ho poslouchat.
Jak vypadá dobře navržená vstupní obrazovka?
Věřím tomu, že dobrý design se nejlépe učí na dobrých příkladech.
Proto jsem pro vás připravila několik ukázek z webů s dobře zpracovanou úvodní obrazovkou.
Vysvětlím vám, kterých prvků si na nich máte všimnou a v čem spočívá to, že jsou právě vybrané weby navržené dobře.
Vaším úkolem je najít mezi nimi alespoň jeden, který vás inspiruje a pohrát si s podobným návrhem u vlastního webu. Samozřejmě se můžete inspirovat i jinde – nebo začít tvořit úplně od začátku.
Chcete-li svůj “kreativní sval” procvičit trochu víc, vyzkoušejte si pro vlastní projekt více, než 1 variantu návrhu. Vaším úkolem není udělat to dobře hned napoprvé, ale postupně se dopracovat k té nejlepší možné variantě.
V dnešní lekci není vaším úkolem shlédnout všechna videa.
Pokud nemáte dostatek času, vyberte si klidně jen 1 – 2, která jsou nejblíže tomu, co na svém webu představujete.
Weby pro online podnikatele
V tomto videu nejpodrobněji vysvětluji, kterých prvků byste si měli všimnout a proč.
Doporučuji vám, abyste si ho pustili i v případě, že vaším tématem je třeba e-shop nebo služby.
Weby pro e-shopy
Jakým způsobem zaujmout, když tvoříte web e-shopu?
Jak vzbudit emoce?
Jak dostat hned do úvodní obrazovky 30 produktů?
O tom je následující video.
Weby pro služby
Od maséra, přes jógové studio, až po portál prodávající pojištění.
Ukážu vám nejen to, jak můžete zaujmout – ale i jak zvýšit počet objednaných klientů jen díky úvodní obrazovce.
Weby pro blogery a influencery
Blogeři mají na webu trochu jiné cíle, než podnikatelé.
Šířit své názory, mít pravidelné čtenáře a sledující – nebo získat spolupráce s firmami.
Weby uvedené vlajkovým produktem
Na úvodní obrazovce nemusíte představovat jen sami sebe nebo celý svůj byznys.
Můžete také vypíchnout jeden jediný produkt.
Podívejte se, jak tato strategie funguje a kdy vám přinese největší užitek.
Weby, kterým stačí 1 věta
Víte co? Tohle video si určitě pusťte – a zkuste svůj byznys představit stejným způsobem.
Možná to pro vás nebude ta správná cesta, ale je to skvělé cvičení.
Weby, kterým stačí jen slova
Jen text.
Žádné obrázky, žádné fotky, žádná grafika.
I tohle je přístup k webdesignu.
Barvy, písma, grafika.
Vizuální identita webu.
V doplňujícím videu vám řeknu, jak v tuto chvíli přistupovat k vizuální identitě, či chcete-li brandingu, vašeho webu.
Ve zkratce – pokud již v tuto chvíli nemáte tyto prvky vybrané a nejste s nimi 100% v souladu, vůbec je neřešte.
Pokud je vybrané máte, je na vás, zda se jich budete držet, nebo se rozhodnete si kreativně pohrát i s dalšími variantami.
Toto video neobsahuje žádný důležitý obrazový materiál – můžete si ho tedy pustit pouze na pozadí a jen ho poslouchat.
Dnešní úkol
Vytvořte alespoň 1 návrh své vstupní obrazovky.
Návrh můžete opět vytvořit přímo na webu nebo můžete svůj návrh kreslit na papír či v libovolném grafickém programu.
Pokud chcete zpětnou vazbu (a já vám rozhodně doporučuji si o ni říct), pak stačí zaslat výsledný obrázek, ať už formou odkazu, fotografie návrhu (stačí cvaknout mobilem a nahrát) nebo naskenovaného obrázku do komentářů k příslušné lekci na Circle.
Pokud se náhodou v návrhu vydáte špatnou cestou, poradím vám, jak to udělat lépe.





