Landing Page

1. Role a anatomie Landing Page (Hub Page Architecture)

Landing page slouží jako rozcestník a rozcestníkový rozbočovač (Hub). Návštěvník se zde musí zorientovat během 3 sekund.

2. Standardizované komponenty pro Landing Pages

Každá landing page se skládá z níže uvedených stavebních bloků. Pro zachování konzistence nestrukturujte stránku volným textem bez komponent.

A. Hero Header (Úvodní sekce)

  • H1 Nadpis: Max. 3–5 slov. Přímý a jasný název cílové oblasti ("Applicants", "Zahraniční mobilita", "PhD Studies").

  • Perep (Lead text): 1–2 věty (max. 250 znaků). Vysvětluje hodnotu sekce a motivuje k pokračování.

B. Mřížka dlaždic

Dlaždice jsou základním stavebním kamenem rozcestníků a odrážení mentální modely uživatele.

1. Velké barevné dlaždice — Propagační & Konverzní

  • Funkce: Prodat fakultu, zaujmout uchazeče, přimět uživatele k zásadnímu kroku (přihláška, registrace, výběr hlavního programu).

  • Obsah: Hlavní studijní obory, Open Day, Podání přihlášky, Erasmus+, Prestižní výzvy.

  • Vizuál: Větší formát, výrazný nadpis, fotka.

  • Pravidlo: Sestavují se do přehledných mřížek (3–4 vedle sebe). Dělí stránku na logické provozní bloky.

2. Malé šedé dlaždice — Provozní & Rozcestníkové

  • Funkce: Rychlá navigace pro uživatele, který přesně ví, co hledá, a potřebuje se dostat k konkrétní informaci, formuláři nebo agendě.

  • Obsah: Poplatky, víza, ubytování, kolejní řád, uznání vzdělání, specifická stipendia, návody pro SIS, kontakty na kvesturu/studijní.

  • Vizuál: Světle šedé pozadí, kompaktní rozměr, čistá typografie.

  • Pravidlo: Sestavují se do přehledných mřížek (4–6 vedle sebe). Dělí stránku na logické provozní bloky.

Pravidla pro skladbu stránek na základě mentálních modelů

  1. Respektujte posloupnost myšlení: Top-level landing pages (např. /applicants, /zahranicni-mobilita) oslovují zpočátku Objevitele a níže na stránce uspokojují Řešitele. Proto jdou barevné (propagační) dlaždice vždy nahoru a šedé (provozní) pod ně.

  2. Míchání modelů v jedné sekci je zakázáno: Nikdy nedávejte provozní link (např. Uznání zahraničního vzdělání) do velké barevné dlaždice vedle MD Programme. Provozní věc v konverzním šatu mástí mentální model uživatele a snižuje váhu hlavního sdělení.

  3. Inverzní poměr u vnitřních podstránek: Čím hlouběji v struktuře webu uživatel je (např. podsekce u aktuálních studentů nebo PhD), tím více převažuje mentální model Řešitele. Na těchto stránkách má dominovat šedá provozní mřížka. Barevná konverzní karta se zde použije max. jedna (např. pro odevzdání disertační práce).