Návrh #4 v soutěži Redesign webových stránek Hvězdárny Valašské Meziříčí, p. o.

Re-design webových stránek

Klíčová pro nový design webových stránek Hvězdárny je přehlednost. Horní navigace obsahuje vše podstatné - logo, hlavní odkazy, sociální sítě, vyhledávací políčko, možnost překladu stránky, citát hvězdárny a ikonu, pod kterou se dají schovat veškeré další odkazy. Zároveň však působí organizovaně a přehledně. Vedlejší navigace je umístěna ve formě tlačítek pod hlavním nadpisem.

Úvodní části stránek jsou vytvořené z fotografie hvězd pro navození noční atmosféry a barvy pod nimi pro prolnutí do již určeného stylu hvězdárny.

V části webu pro veřejnost jsem využila modré barvy z vizuální identity. Jsou využity jak zvlášť, tak v přechodu pro modernější vzhled. Font jsem využila DIN pro, také z vizuální identity. Na úvodní stránku jsem nad rámec zadání přidala i krátké informace “O nás”, aby si zvědavý uživatel mohl něco přečíst (mě samotné něco takového na původním webu chybělo). Jelikož se projekty určitě neustále mění a loga se přidávají / oddělávají, navrhla jsem je vkládat do carouselu, ve kterém může být libovolný počet log. Po celé výšce stránky jsou využity grafické prvky z vizuální identity (kružnice, kolečka, obrys dalekohledu z loga atd..)

Záhlaví doplňkové strany je zjednodušeně převzat ze strany hlavní. K nadpisům je vždy připojena hvězda, taktéž z vizuální identity, která zdůrazňuje jedinečnou identitu hvězdárny. Obrázky jsou v kruhu ozdobené kružnicí s čárkovaným tahem, tabulka jednoduchá modrobílá, odstavce s krátkým textem ve sloupcích vedle sebe, odkazy buď v textu tučné barevné či mimo text v barevném tlačítku.

Kalendář akcí jsem se pokusila co nejvíce zjednodušit. Vzhledem k tomu, že se nepořádá až tolik akcí (což se samozřejmě může změnit), aby se na stránce ukazoval celý kalendář s např. barevným políčkem ve dne, kdy se pořádá akce, rozhodla jsem se pro využití accordionu. Na první pohled nejvýraznější datum a název akce, případně náhledová fotka. Po rozkliknutí akce se vysune pole s dodatečným textem - místo a čas konání, program, případně tlačítko pro rezervaci místa na akci (rezervační formulář by se mohl zobrazit jako popup). Tím pádem se šetří prostor a nemusí se pro každou akci tvořit samostatná stránka.

Úvodní strana odborné činnosti je převzata z “hlavní” úvodní strany - pouze změněna kombinace barev na světle a tmavě šedou, také z vizuální identity. Vzhledem k tomu, že máte dvě hlavní barvy a dvě hlavní části webu, přišlo mi vhodné každou barvu využít pro jinou sekci. Doplňková strana by zde byla stejná jako výše, však s využitím šedé namísto modré.

K návrhu jsem přiložila i další dvě verze:
Verze 2. využívá podbarvení nadpisů obdélníky z vizuální identity, mnohem více detailů po celé výšce stránky a silnější úvodní fotografie pod nadpisem.
Verze 3. je založená na primárně bílé vizualizaci (více negativního prostoru) pro odlehčení a větší modernizaci.