Grafický návrh nových webových stránek – HEALTHCARE INSTITUTE o.p.s.

Kdo jsme:

HEALTHCARE INSTITUTE o.p.s. (založeno 2006) je nezisková organizace, která realizuje mezinárodní průzkumy zaměřené na zdravotnictví (naši cílovou skupinou jsou nemocnice, zdravotní pojišťovny, ministerstva, zdravotnické instituce, kraje, vzdělávací instituce a dodavatelé do zdravotnictví z České republiky a Slovenska) a také každoročně pořádá mezinárodní odbornou konferenci Efektivní nemocnice (každoroční účast více než 1000 osob z řad vrcholových manažerů uvedené cílové skupiny).

Více o nás: www.hc-institute.org

Proč nový web:

Stávající webové stránky HEALTHCARE INSTITUTE o.p.s. již neodpovídají aktuálním trendům v oblasti designu, přehlednosti a uživatelské přívětivosti. Web je klíčovým nástrojem prezentace projektů, konferencí a výsledků naší organizace a proto potřebujeme moderní, profesionální a efektivní řešení, které:

• zlepší orientaci návštěvníků,
• zatraktivní prezentaci naší práce,
• podpoří lepší šíření výsledků mezi odbornou i širokou veřejností,
• posílí důvěryhodnost a prestiž naší značky.

 

Hledáme návrh:

 

• Moderní, profesionální a čistý design.
• Přehlednou a snadnou orientaci na stránkách.
• Profesionální a důvěryhodný vzhled vhodný pro odbornou i laickou veřejnost (nemocnice, pojišťovny, instituce, studenti, veřejnost).
• Responzivní řešení – grafika musí být vhodná pro desktop, tablet i mobil.
• Využití existujících barev a prvků dle přiloženého logo manuálu (základní barvy společnosti, jemné použití barev projektů).
• Možnost využití moderních typografických řešení a prvků, ale bez přílišné "hravosti" – preferujeme důstojný, seriózní styl.

 

 

Požadujeme návrh základních stránek:

1. Domovská stránka (shrnutí projektů, novinky, partneři).
2. Stránka projektu (detailní popis projektu např. Nejlepší nemocnice, Zdravotní pojišťovna roku...).
3. Stránka odborné konference Efektivní nemocnice (upoutávka na konferenci, program, registrace).
4. O nás (profil organizace).
5. Kontakty (včetně formuláře).

Detailněji popsáno níže.

 

Další doporučení:

 

• Prominentní prostor pro bannery jednotlivých projektů a log partnerů na úvodní straně.
• Přehledná navigace v hlavním menu.
• Náhled na poslední aktuality a novinky.
• Patička s odkazy na sociální sítě a kontakty.

 

 

Co nechceme:

• Příliš výrazné, barevně přehnané návrhy ("lunaparkový" vzhled).
• Nepřehledné rozvržení bez jasné hierarchie obsahu.
• Zastaralý nebo těžkopádný vzhled.

 

Co potřebujeme v soutěži vytvořit:

Náš web má dva hlavní pilíře, které by měly být v návrzích jasně reflektovány:

1. Pilíř – Prezentace společnosti a projektů (pro širokou veřejnost)

Web určený široké i odborné veřejnosti – hlavní stránka, prezentace projektů, novinky, profil společnosti, kontakty.

Cíl: Zaujmout návštěvníka, nabídnout mu snadnou cestu k informacím o našich aktivitách, konferencích a projektech.

Tento pilíř bude sloužit návštěvníkům, kteří se chtějí dozvědět:

• Kdo jsme.
• Jaké projekty realizujeme.
• Jak se mohou registrovat na konferenci.
• Jaké máme partnery a reference.

Obsah by měl být maximálně srozumitelný, poutavý a vizuálně příjemný.

Sem patří domovská stránka, profily projektů, pozvánky na konferenci, novinky a aktuality, seznam hlavních partnerů a podpora viditelnosti partnerství, přehledné a rychlé kontaktní informace, možnost sdílení článků na sociální sítě.

2. Pilíř – Prezentace odborné činnosti a výsledků projektů

Samostatná sekce zaměřená na výsledky průzkumů a odborné výstupy.

Cíl: Umožnit odborníkům rychle najít podrobné výsledky projektů, včetně archivních dat.

Tato sekce bude obsahovat výsledky jednotlivých ročníků projektů (např. "Nejlepší nemocnice roku", "Zdravotní pojišťovna roku", "Barometry zdravotnictví" atd.), podrobné přehledy, archivní data a metodiky.

Cílem je, aby se oba typy návštěvníků (laická veřejnost i odborníci) pohodlně a rychle dostali ke svým informacím.

 

Co konkrétně požadujeme v grafické soutěži vytvořit

Prosíme soutěžící o návrh následujících stránek:

1) Domovská stránka (Homepage)

• Shrnutí aktivit organizace.
• Hlavní rozcestník na projekty, konferenci a novinky.
• Bannery na aktuální projekty/akce.
• Novinky/aktuality s náhledy.
• Přehled partnerů.
• Odkazy na sociální sítě.
• Kontakty v patičce.
• Vyhledávání.

2) Podstránka projektu

• Přehled ročníků (výpis podle let).
• Detailní stránka jednoho ročníku projektu (anotace, ke stažení, hlavní výsledky).

3) Stránka odborné konference

• Upoutávka na aktuální ročník.
• Možnost registrace.
• Program ke stažení.

V rámci odměny po vítězi požadujeme dopracovat:

4) Profil organizace / O nás

• Stručné představení, poslání organizace.

5) Stránka kontaktů

• Kontaktní formulář.
• Seznam kontaktů.
• Adresa, mapa, odkazy na sociální sítě.

6) Obecná vnitřní stránka

• Vzorová stránka pro běžné články a příspěvky: 
  • Nadpisy.
  • Texty a odstavce.
  • Obrázky a galerie.
  • Odrážky.
  • Tabulky.
  • Odkazy.

7) Výpis aktualit / novinek (blogový formát)

• Titulek, obrázek, krátká anotace.

8) Dopracování registračního/objednávkového formuláře (pro přihlašování na konferenci).

9) Grafický návrh galerie (výpis fotek + detail galerie).

10) Úprava návrhů pro responzivní verzi (desktop/tablet/mobil).

 

Důležité body:

 

• Menu v horní/postranní liště, rozbalovací položky.
• Implementace drobečkové navigace.
• Obsahový sloupec musí být komfortní pro čtení (ne příliš dlouhé řádky).
• Patička s kontaktními údaji a odkazy na sociální sítě.
• Jasná vizuální struktura článků i archivních projektů.
• Prvky modulárnosti – variabilní práce s bloky obsahu (např. aktuality, bannery, témata).
• Použití responzivního designu – samostatné návrhy desktopové a mobilní verze.

 

 

Technické a vizuální požadavky:

• Návrh ve formátu: PSD, Figma, Sketch (nebo jiný běžně použitelný formát).
• Minimální šířka návrhu: 1200 px.
• Responzivita: desktop/tablet/mobil.
• Písmo: moderní a čitelné (vhodné pro delší texty i nadpisy).

 

 

Do příloh vkládáme soubor Logo_manualy. Jedná se o logo manuály vytvořené pro prezentaci naší společnosti a jednotlivé projekty. Dále zde naleznete soubor Templaty, kde naleznete templaty vytvořené pro prezentace jednotlivých projektů. Loga a bannery, vzhledem k velikosti souborů, naleznete na odkazu zde: https://www.hc-institute.org/cz/graficky-navrh-web-podklady.html. Grafické pojetí webu může čerpat z těchto logo manuálů a aktuálně používaných templatů, ale nebráníme se ani zajímavým návrhům, které by s těmito korespondovali jen částečně. V příloze naleznete také soubor Struktura_webu_HCI s návrhem stromové struktury webu.

Po vybrání vítězného návrhu požadujeme možnost drobných úprav na základě připomínek zadavatele (v rámci schváleného stylu).

Vítězný grafik nemusí zajišťovat kódování, jde pouze o grafický návrh.

Prosíme připravit jak desktop, tak responzivní/mobilní verzi návrhu.

Předem moc děkujeme a těšíme se na Vaše návrhy a spolupráci!

HEALTHCARE INSTITUTE o.p.s.

Zdravotnictví

Široká veřejnost, odborná veřejnost, zástupci vládních organizací, zástupci farmaceutických a zdravotnických společností, odborníci ve zdravotnictví.

• Moderní, profesionální a reprezentativní vzhled vhodný pro prezentaci organizace s odborným zaměřením.
• Čistá, přehledná a logická struktura obsahu – aby se návštěvník rychle zorientoval a snadno našel potřebné informace.
• Vizuální jednoduchost spojená s elegancí – důraz na typografii, dostatečné vzdušné mezery, příjemné čtení delších textů.
• Responzivní design – web musí být plnohodnotně použitelný na mobilních telefonech, tabletech i počítačích.
• Využití barev a stylu dle stávajících logo manuálů společnosti a decentní začlenění barevných identit jednotlivých projektů (ne však přehnaně).
• Sofistikovaná práce s fotografiemi a grafikou – decentní bannery, střídmé použití ilustrací.
• Přehledná hlavní navigace s rozbalovacím menu a drobečkovou navigací uvnitř webu.
• Jasné oddělení základních pilířů – obecná prezentace organizace vs. prezentace výsledků odborných projektů.

• Příliš barevné, "křiklavé" návrhy (web nesmí působit chaoticky).
• Nepřehledné struktury, kde není jasné, co je prioritní obsah, kdy návštěvník neví, kde je a kam kliknout.
• Příliš minimalistické návrhy, které by neobsahovaly dostatek prostoru pro projekty a konferenční sekci.
• Návrhy s těžkopádnou nebo přežitou estetikou, neodpovídající současným webovým standardům.
• Pouze kosmetické změny stávajícího vzhledu místo skutečně nového konceptu.

Ano, dle stávajících logo manuálů. Je možné použít gradientů barev. Primárně bychom rádi vycházeli ze základních barev společnosti. Projekty mají poté samostatnou barevnou identitu, nicméně bychom nechtěli, aby stránky vypadaly jako lunapark.

[12.05.2025 15:32:22]

001_logo_manualy.zip

[12.05.2025 15:32:29]

002_templaty.zip

[12.05.2025 15:32:36]

003_struktura_webu_hci.pdf

[12.05.2025 15:32:54]

004_struktura_webu_hci.docx