Začiatok stránky sústredený na jednu hlavnú myšlienku. Hodí sa tam, kde na predstavenie ponuky nepotrebujete veľkú fotografiu. Návštevníka vedie krátky štítok, jasný nadpis, vysvetlenie a hlavné tlačidlo.
Na domovskej stránke skúste strednú alebo veľkú veľkosť, na podstránke spravidla kompaktnú. Začnite zrozumiteľným nadpisom a jedinou hlavnou akciou.
Hlavná stránka / kampaň
Veľký variant funguje vtedy, keď ide o ústrednú vstupnú sekciu a chcete komunikovať jednu hlavnú myšlienku.
Výška úvodnej sekcie by mala zodpovedať jej úlohe.
Na domovskú stránku alebo kampaň s jednou hlavnou ponukou.
Dobrá voľba pre väčšinu firemných webov.
Na podstránky, kde je nadpis dôležitý, ale ďalší obsah má byť hneď dostupný.
Firemný web
Viditeľný úvod bez toho, aby zaberal celú prvú obrazovku.
Podstránka
Hodí sa, keď návštevník už pozná súvislosti a chce rýchlo prejsť k obsahu.
Neviete, kde začať? Vyberte strednú veľkosť, užšiu šírku textu, dostatok vnútorného priestoru a konkrétne pomenované tlačidlo. Najprv ujasnite posolstvo, až potom dolaďujte vizuálne efekty.
| Nastavenie | Čo ovláda? | Praktické odporúčanie |
|---|---|---|
| Obsah | Štítok nad nadpisom, hlavný nadpis a podnadpis. | Nadpis má dávať zmysel aj samostatne. Štítok pridáva kontext, podnadpis nové informácie. |
| Úroveň nadpisu | H1, H2 alebo H3. | Na stránke používajte jeden hlavný H1. Ak ho už máte, zvoľte H2. |
| Veľkosť textu | Veľkosť nadpisu a opisu v pixeloch alebo Automaticky. | Predvolené nastavenie často stačí; na mobile sa veľký text zmenší. |
| Tlačidlá CTA | Text, cieľ, farby a voliteľná druhá akcia. | Pomenujte ďalší krok, vedľajšia akcia má byť nenápadnejšia. |
| Veľkosť sekcie | Kompaktná / Stredná / Veľká. | Začnite strednou. Veľká je pre výrazný úvod, kompaktná pre podstránky. |
| Pozadie a rozsah | Bežné, kontrastné alebo vlastné pozadie v stĺpci či cez celú šírku. | Pri farebnom páse zachovajte text v čitateľnej šírke. |
| Farby | Farba textu, akcentu a tlačidla. | Držte sa značky a skontrolujte kontrast. |
| Šírka obsahu | Užšia / Široká / Plná. | Pri texte na stred je užšia šírka často najlepšie čitateľná. |
| Rozostupy a viditeľnosť | Medzery, zobrazenie podľa zariadenia a plánovanie. | Plánovanie používajte na skutočné kampane, nie na opravu responzívneho dizajnu. |
Hlavné možnosti nastavenia úvodnej sekcie zarovnanej na stred.
Môžete pridať nenápadnejší krok, napríklad „Ako to funguje“. Cieľ nastavíte v poli Vedľajší odkaz. Akcia sa zobrazí iba vtedy, keď má text aj cieľ.
Obe tlačidlá by nemali mať rovnakú vizuálnu váhu. Jedna akcia zostáva hlavná.
Tretí štýl vedľajšej akcie je Obrázok: klikateľná grafika smerujúca napríklad na stránku projektu alebo financovania.
Používajte len oficiálne materiály, na ktoré máte oprávnenie.
Krátku kategóriu alebo kontext, napríklad „Účtovníctvo pre malé firmy“ či „Nová služba“. Neopakujte nadpis.
Úloha fotografie je dôležitejšia než vizuálny efekt.
VYSKÚŠAJTE TO S REÁLNYM POSOLSTVOM
Začnite konkrétnym nadpisom a prispôsobte mu výšku sekcie aj obrazový štýl.