Redesign webu learned.cz – nové zadání

Aktuální web naleznete zde: https://learned.cz

V příloze máte dokument homepage.pdf, což je základní wireframe úvodní stránky, který můžete využít jako základ pro svoji tvorbu. Jedná se o orientační představu, kterou můžete silně modifikovat.

DŮLEŽITÉ BODY:

1) Na současném webu máme vertikální menu v levém sloupci. To nám již nevyhovuje. Prosíme o jeho přesun do horní lišty.

2) Položky v menu bychom chtěli mít rozbalovací (hlubší vrstvy menu lze zobrazit po najetí/kliknutí na první úroveň, aniž by se rovnou načítala nová stránka).

3) Na webu chceme využívat drobečkovou navigaci.

4) Šířka obsahového sloupce umožňující pohodlné čtení (řádky nesmí být příliš dlouhé).

5) V plném desktopovém řešení preferujeme dvousloupcovou strukturu (kromě homepage a případně dalších stránek, u kterých by se hodilo jiné řešení. Navrhujeme následující rozložení:
a) hlavní obsahový sloupec –⁠ text příspěvku, výpis článků z rubriky apod.
b) pravý sidebar – poutáky na aktuální akce

6) V rámci soutěže a následně i od vítěze požadujeme i responzivní podobu webu.

7) Pracujte v mezích grafického manuálu Učené společnosti, který můžete najít zde: https://drive.google.com/drive/folders/17iwfn7JjwBhK3EzK9MH1hJ5RRvtzETfQ

V RÁMCI ÚČASTI V SOUTĚŽI PROSÍME O VYTVOŘENÍ:

1) HOMEPAGE
2) NÁVRH VZOROVÉHO PŘÍSPĚVKU
3) NÁVRH PODSTRÁNKY S VÝPISEM PŘÍSPĚVKŮ RUBRIKY – stačí nám vypracovat např. rubriku "Aktuálně" (příspěvky v podobě: titulek, obrázek, krátká anotace). Předlouhou vám může být současná podoba: https://learned.cz/cz/co-je-noveho/aktuality.html

Podrobné zadání k bodům 1 a 2 naleznete níže.

OD VÍTĚZE SOUTĚŽE BUDEME V RÁMCI NABÍZENÉ ODMĚNY POŽADOVAT JEŠTĚ:

1) Návrh seznamu členů – https://learned.cz/cz/clenove-ucene-spolecnosti/radni-clenove-ucene-spolecnosti.html

2) Návrh filtrovaného přehledu přednášek – současná podoba: https://learned.cz/cz/prednasky/prednasky-a-diskuse-pro-cleny/odborne-prednasky.html Detaily ohledně nové podoby budeme řešit až s vítězem.

HOMEPAGE

Základní hrubou představu naleznete v dokumentu homepage.pdf. Můžete to upravit dle svého uvážení, nebráníme se žádným účelným změnám.

Důležitá je modulárnost. Základem je několik pozic pro umístění příspěvků z různých rubrik ("Aktuality"). Budou to vybrané příspěvky, které budeme považovat za aktuální, na které budeme chtít upozornit. Jde o příspěvky typu pozvánky, stanovisek, oznámení aj. Dnes jsou zařazovány do rubriky: https://learned.cz/cz/co-je-noveho/aktuality.html Na novém webu bude tento obsah rozdělen do více samostatných rubrik. Tyto příspěvky budou mít podobnou strukturu (titulek, titulní obrázek, stručná anotace).

Kromě těchto prvků bude na homepage ještě:

• hlavička s logem a názvem společnosti,
• lišta s menu – v příloze najdete soubor hierarchie stranek.xlsx – v ní jsou patrné položky menu. Prosíme i o navržení "rozbaleného" menu.
• vyhledávání
• živý náhled na Twitter Učené společnosti s nejnovějšími příspěvky – na wireframu je vedle prvku "Téma". To prosím neberte jako dogma. Wireframe je pouze vzorové znázornění. Jak zjistíte v dalším bodě, prvek "Téma" na webu může a nemusí být. A bylo by samozřejmě vizuálně nežádoucí, aby vlevo byl volný prostor a napravo Twitter. Ve svých návrzích s tím počítejte a zkuste najít řešení. Napadá nás, že bychom mohli mít na homepage třeba i Aktualitu 6 a Aktualitu 7 (viz. wireframe). Ty by se zobrazovaly, když by nebyl aktivní prvek "Téma". A naopak. Když bychom "Téma" chtěli zobrazit, tak bychom měli aktualit jen 5. A nebo může být Twitter jinde. Konkrétní podoba je na vás.
• občasný prvek "Téma" – ve wireferamu označený jako fakultativní. Jedná se o rozcestník k příspěvkům věnovaným nějakému aktuálními tématu (např. Covid-19, klimatická změna...). K těmto tématům je na webu více materiálů napříč rubrikami. Na současném řešení tento prvek není. Jak je naznačeno, nebude to stálá součást homepage. Hrozí, že někdy pro žádné téma nebude dostatek obsahu. Představte si to jako funkci u zpravodajských webů. Když byly volby, tak změnily svoji podobu a přidali tam prvek s aktualitami z tohoto tématu (to samé třeba po tornádu apod.)
  
  Podoba tohoto prvku: Nemáme ji úplně vyjasněnou, můžete přijít i s vlastním řešením.
  V tuto chvíli pracujeme s myšlenkou: může to být prvek s hlavním titulkem (název tématu) a třemi odkazy, které by vedly na konkrétní příspěvky. Titulek samotný (případně doplňkově i nějaké tlačítko) by uživatele odkázal do rozcestníku, kde by byly všechny příspěvky k danému tématu.
  
  Příklad:
  
  Téma: Covid-19
  u toho obrázek viru + tři odkazy
  
  
• odkazy na sociální sítě Učené společnosti (Facebook, Twitter, Youtube)
• zápatí.

NÁVRH VZOROVÉHO PŘÍSPĚVKU:

Příspěvky z rubrik budou mít velmi podobnou strukturu. V příloze najdete dokument Vzorový příspěvek.docx. Ten obsahuje v podstatě všechny typy obsahu, ze kterých se příspěvky budou skládat. Proto prosíme, abyste vytvořili návrh stránky s tímto konkrétním obsahem. Budeme ho mít jako stylovou předlohu pro vytvoření jakéhokoliv dalšího příspěvku.

Poznámka: Obrázky, které budou použité jako poutače u příspěvků, nemusí být vždy atraktivní (ne vždy to budou dokonalé snímky z fotobanky). Návrh webu (vč. homepage) by tedy neměl být primárně postaven na obrázcích/fotkách, které mají návštěvníka ohromit. 

O učené společnosti České republiky a účelu webu

Sdružuje stovku předních českých vědců (včetně předsedkyně a bývalých předsedů Akademie věd ČR, rektorů univerzit…). Web poskytuje informace o společnosti a o jejích aktivitách, pozvánky na akce (stanoviska ke společenskému dění, veřejné přednášky, diskuse…).

Předem moc děkujeme za návrhy.

[14.10.2021 21:51:45]

001_homepage.pdf

[14.10.2021 21:51:58]

002_hierarchie-stranek.xlsx

[14.10.2021 21:52:03]

003_vzorovy-prispevek.docx