Titulní stránka webu Měla by být přehledným rozcestníkem pro přesměrování na obsah, který na webu hledá a zároveň slouží k zobrazení informací z obsahu webu, které je vhodné zdůraznit. Nad záhlavím webu je zachycen blok určený pro větší upoutávku např. na významnou výstavu či veletrh, jehož se společnost účastní. Předpokládáno je grafické zpracování upoutávky, aby uživatele zaujala a zároveň významně nerušila celkové grafické pojetí webové prezentace. Pod hlavní navigací webu by se měla nacházet sekundární navigace na titulní straně formou segmentových bloků určených pro jednotlivé zákaznické skupiny: •
Tepelná čerpadla
•
Solární systémy
•
Ohřev vody
Hlavním účelem těchto segmentů je již na začátku zaujmout návštěvníka zajímajícího se konkrétně o jeden z těchto segmentů a poskytnout mu veškeré informace a pomocí odkazů ho přesměrovat na produkty a informace vztahující se k příslušné skupině – viz bod Segmentové stránky. Následovat by měl krátký obecný text o společnosti, kde je vhodné zmínit některé zásadní informace o společnosti a např. výhody oproti konkurenci. Zároveň tento text slouží i pro optimalizaci pro fulltextové vyhledávače. Na titulní straně by se rovněž měly nacházet bloky pro výběr posledních položek z rubrik Aktuality a Kalendář akcí. Bloky pod aktualitami a kalendářem akcí nabízejí prostor pro zajímavě graficky zpracované upoutávky na obsah webu, které je návštěvníkovi vhodné zdůraznit a tudíž zobrazit již na titulní straně. Předpokládán je následující obsah těchto bloků: •
Aktuální akční nabídky – upoutávka na stránku s akčními nabídkami a možností následného objednání
•
Dotační program Zelená úsporám – odkaz na informační stránku o dotacích
•
Ukázky instalací / Reference – upoutávka na stránku s referencemi
•
Odborní partneři – odkaz na informační stránku určenou především odborníkům s odkazem např. na informace o požadavcích
Logo firmy
Segmentové stránky Plánovány jsou tři segmentové stránky přístupné pomocí sekundární navigace z titulní strany i všech vnitřních stránek webu. Stránky budou následující: •
Tepelná čerpadla
•
Solární systémy
•
Ohřev vody
Koncepce jejich obsahu by měla vycházet z předpokladů, co nejvíce zajímá skupiny zákazníků zaměřující se na příslušné oblasti. Předpokládán je stručný obecný text, odkazy na příslušené produkty z oblastí Tepelná čerpadla, Solární systémy, Ohřev vody, odkazy na příslušné dotazníky pro kalkulace, příp. odkaz na informační stránku o relevantních dotacích.
Stránka skupiny produktů Hlavním cílem stránek tohoto typu je zobrazení základních informací o logicky propojených produktech na jedné stránce s možností prokliknutí uživatele přímo na podrobnosti o konkrétním produktu. Pod nadpisem stránky je možné vložit krátký popis dané kategorie produktů společný pro všechny tyto produkty. Následuje výpis produktů zařazených ve struktuře webu pod tuto stránku. U každého tohoto produktu se zobrazuje obrázek produktu, název produktu, jeho stručný popis a odkaz na stránku s detailem produktu. Přejít na stránku detailu produktu bude umožňovat i obrázek a název produktu.
Logo firmy
Stránka detailu produktu Stránka detailu produktu je primárně určena pro odborníky, nicméně měla by být koncipována tak, aby i „koncový“ zákazník na ní našel potřebné informace. Tzn. stránka by měla obsahovat veškeré dostupné informace k produktu, případně odkazovat na možnost stažení doplňujících údajů (návody, předpisy apod.). Na vzorovém wireframu je naznačena následující struktura: po nadpisu stránky následuje krátký popis produktu, který by ideálně měl být srozumitelný i běžnému uživateli („koncový“ zákazník). Vpravo od popisu je umístěn hlavní obrázek produktu, který po kliknutí levým tlačítkem myši na něj zobrazí zvětšenou variantu obrázku. Níže je pak umístěn odkaz na fotogalerii, který po otevření zobrazí fotogalerii umožňující procházet dostupné obrázky k danému produktu. Následuje tabulkový výpis všech variant produktu s příslušným kódem produktu, názvem, cenou a jednotky (ks, m apod.). Následuje odkaz na reference a podrobnější popis produktu zachycující např. výhody produktu, technické parametry či podobné informace. Blok ke stažení zobrazuje odkazy na dokumenty ve společné sekci „Ke stažení“, které mají vazbu na zobrazený produkt. Na konci pak následuje blok produktů souvisejících se zobrazeným produktem ve formátu obrázek a název souvisejícího produktu – obě položky slouží jako odkaz na související produkt.
Logo firmy
Stránka referencí Předpokládáno je rozdělení referencí na dvě hlavní skupiny: •
Rodinné domy
•
Rozsáhlé aplikace
Níže uvedený wireframe zachycuje stránku referencí právě jedné z těchto skupin. Stránka by měla návštěvníkovi zobrazit přehled nejdůležitějších referencí v dané skupině. Předpokládán je obecný text k dané sekci a následně výčet jednotlivých referencí sloužící pro základní informaci o projektu ve formátu – název, fotografie, stručný popis a odkaz na detail daného projektu. Samotný detail reference pak bude sloužit k zobrazení detailnějších informací k danému projektu. Tzn. kromě názvu, fotografie a krátkého úvodního popisu navíc rozsáhlejší popis dané instalace vč. např. technických parametrů, fotogalerii s obrázky z průběhu instalace, příp. přílohy v PDF vztahující se k danému projektu. Případně u projektu, kde je implementován online monitoring, bude zobrazen i externí odkaz na tento monitoring.
Logo firmy
Navigační prvky webu Navigační prvky jsou jedním z nejdůležitějších elementů webových stránek. Navigace na webu se bude skládat z několika částí. Hlavní navigace Hlavní navigace bude tvořena horizontálním menu, jehož viditelnost by měla být co nejlepší, aby umožnilo uživateli snadnou cestu do vnitřních částí webu. Při pohybu nad jednotlivými položkami menu by se měla položka, nad kterou se nachází kurzor myši zvýrazňovat, stejně tak by měla být zvýrazněna aktuálně vybraná položka. Hlavní navigace sestává z těchto položek: •
Úvod
•
Ceník
•
Produkty
•
O firmě
•
Reference
•
Kalendář akcí
•
Kontakty
Sekundární navigace Sekundární navigace se bude nacházet v rámci webu pod hlavní navigací a umožní návštěvníkovi webu rychlý přechod na informační stránky, které ho zajímají. Pro tuto navigaci byl zvolen model tzv. segmentů: •
Tepelná čerpadla
•
Solární systémy
•
Ohřev vody
Tato navigace bude v rozšířené formě (bloky) přítomna na titulní straně webu, aby návštěvníka okamžitě zaujala a mohl přejít na konkrétní stránku, která ho zajímá. Zároveň ve zjednodušené podobě se bude nacházet i na všech vnitřních stránkách webu pod hlavní navigací webu. Uživatel bude tedy moci přejít na tyto cílové stránky z kterékoliv jiné stránky. Cílové stránky těchto segmentů by měly být řešeny jako přehledné rozcestníky na obsah, který příslušnou zákaznickou skupinu zajímá.
1.1.
Levé produktové menu
Levé menu bude implementováno v rámci levého panelu na každé stránce. Menu bude fungovat tak, že po kliknutí na příslušnou hlavní sekci produktů se rozbalí příslušné podstrání dané stránky dle struktury webu. Hlavní položky produktového menu jsou:
1.2.
•
Aktuální akční nabídky
•
Tepelná čerpadla
•
Solární systémy
•
Ohřev vody
•
Expanzní nádoby
•
Elektrická topná tělesa
•
Větrání s rekuperací tepla
•
Pokojové termostaty
•
Inteligentní regulátory
•
Termostaty
•
Termostatické ventily
•
Teploměry a tlakoměry
•
Radiátory
•
Odkouření
•
Připojovací trubky a hadice
•
Těsnění závitových spojů
•
Čištění a ochrana topných systémů
•
Ventily a směšovače
•
Průmyslové armatury ARI
•
Díly pro výrobu, náhradní díly
Drobečková navigace
Drobečková navigace se obvykle umísťuje pod záhlaví stránky nad hlavní nadpis každé stránky s výjimkou titulní strany.
Příklad drobečkové navigace: Úvod > Produkty > Tepelná čerpadla