Hlavička a menu kurzy.cz
Grafický
návrh nových hlaviček a menu pro známý ekonomický web https://www.kurzy.cz/.
- Garantováno
- Vypsána naslepo
ukončená
---
Webové stránky
20.11.2019
22
Vyřazené zadavatelem:0
Smazané designérem7
Vyřazené adminem:0
Obsahuje
• Logo
• Hamburger ikona
• lupa hledání ikona
• přihlášení ikona/ ikona přihlášeného - písmeno
• seznam serverů (drobné písmo) – Kurzy měn, Akcie, Obchodní rejstřík,..
• TOP: Akcie CZ, Akcie svět, Kurzy měn,..
• Aplikační menu - možnost označit aktuální položku
• Datum a čas
Ovladatelné i na tabletu/mobilu
Max. výška 150px, čím užší, tím lépe, musí ale zůstat dostatečně výrazné a přehledné
wireframe TOPmenu desktop
2) Grafický návrh rozbaleného hamburger menu pro desktop verzi
Obsahuje 1 – 3 sekce výběrů
wireframe hamburger menu desktop
3) Grafický návrh rozbaleného vyhledávání pro desktop verzi
Může být trvale otevřeno v rámci hlavičky nebo se otevřít ve spec. podobrazovce
4) Grafický návrh kontextového menu ve stránce pod H1 pro desktopovou verzi
• možnost označit aktuální položku (pokud je menu univerzální a aktuálně se na dané stránce nacházíme)
• V menu jsou obsaženy tematicky související odkazy a mělo by tedy být dostatečně viditelné
• Pokud více položek (např. https://www.kurzy.cz/prispevky-davky/osetrovne/), zvýraznit možnost posuvu
• Může obsahovat i méně položek (např https://www.kurzy.cz/prispevky-davky/osetrovne/)
Ovladatelné i na tabletu/mobilu
wireframe TOPmenu desktop
5) Grafický návrh záložkového menu ve stránce pod H1 pro desktopovou verzi (např. detail firmy, záložkové menu zobrazuje různé pohledy na stejnou firmu)
• možnost označit aktuální položku
• V menu jsou obsaženy tematicky související pohledy a mělo by tudíž být dostatečně viditelné
• Pokud více položek, zvýrazněná možnost posuvu
Ovladatelné i na tabletu/mobilu
wireframe záložkové menu desktop
6) Grafický návrh hlavičky včetně menu pro mobilní verzi
Obsahuje:
• Logo
• Hamburger ikona
• lupa hledání ikona
• přihlášení ikona / písmeno přihlášeného ikona
• přepnutí na PC verzi ikona
• kontextové menu ke stránce – pokud více položek, zvýrazněná možnost posuvu
Max. výška 100px, čím užší, tím lépe, musí ale zůstat dostatečně výrazné a přehledné
wireframe TOPmenu mobil
7) Grafický návrh rozbaleného hamburger menu pro mobilní verzi
Obsahuje 1 – 3 sekce výběrů
wireframe hamburger menu mobil
8) Grafický návrh rozbaleného vyhledávání pro mobilní verzi
wireframe hledání mobil
9) Tvorba standardních ikon pro menu: hamburger, lupa hledání, přihlášení
10) Základní šířka využívané části obrazovky desktop 990-1050px
[19.11.2019 14:47:45]
- Designy (22)
- Diskuze (14)
Diskuze
-
nahlásit admin
Vážení designéři, ještě si dovolím doplnit vyjádření zadavatelky jako administrátor. Musím potvrdit, že naprostá většina návrhů nesplnila požadované parametry a rozsah ze zadání. Proto jsme přistoupili k mimořádnému dodatečnému prodloužení, aby mohli již zúčastnění své návrhy dopracovat a aby byl prostor pro zapojení dalších tvůrců. Jsme v období, kdy jste hodně vytíženi, takže jsme prodloužení (i s ohledem na nadcházející svátky) dali delší a už bude samozřejmě konečné. Děkuji za pochopení a prosím ty, kdo se zapojí, aby pracovali dle zadání a i upřesňujících komentářů v hlavní diskuzi od klientky. Ta je zcela nadstandardně ochotna komunikovat. Každý smysluplný návrh dostal velmi konkrétní komentář a hodnocení. Účast doporučuji velmi zvážit, jelikož se vám vedle odměny nabízí i celkem atraktivní reference. Přeji pohodové nadcházející svátky.
13.12.2019 10:29 -
nahlásit Romana
Vážení kolegové,děkujeme všem, kteří se soutěže až dosud zúčastnili. Aktuálně je mezi návrhy jeden design, který s určitými výhradami považujeme za využitelný. Bohužel účast zatím nebyla taková, jakou bychom potřebovali, evidentně je mnoho designérů vytíženo prací v závěru roku. Proto jsme se s provozovatelem portálu dohodli na prodloužení soutěže do 7. 1. 2020. Rádi bychom poprosili designéry, aby se soustředili zejména na tyto problematické aspekty návrhu: 1) položky jednotlivých menu musí být dobře čitelné 2) nechceme vizuelně mohutné lišty hlavičky 3) potřebujeme již k prvnímu rozhodování dodat minimálně desktopovou a mobilní hlavičku se všemi požadovanými prvky 4) Na desktopové hlavičce jsou 2 dominantní menu:• Aplikační menu - 1 řádek - na různých obrazovkách bude obsahovat různé položky - na wireframe TOPmenu_desktop.png je to menu v černo-hořčičném pruhu - priorita 1 • TOP: Akcie CZ, Akcie svět, Kurzy měn,.. - 1 řádek - na wireframe TOPmenu_desktop.png je to menu za slovem TOP nad černým pruhem - priorita 2 Seznam serverů (na wireframe nahoře vlevo drobnýmpísmem – Kurzy měn, Akcie, Obchodní rejstřík,..) výrazný být nemá, v případě nutnosti v návrhu ani být nemusí. Šířka desktopové hlavičky je max. 1050px z důvodu reklamy. 5) Na mobilní hlavičce je 1 menu (aplikační) - 1 řádek - na různých obrazovkách bude obsahovat různé položky, vždy kontextově co nejbližší stránce. Část položek musí být defaultně rozbalená (tj. nesmí se rozbalovat až na klik) a musí být vidět, že následují další položky.Moc děkuji, Romana
13.12.2019 9:54 -
nahlásit Romana
Ještě bych ráda doplnila upřesnění zadání: Na desktopové hlavičce jsou dominantní menu: • TOP: Akcie CZ, Akcie svět, Kurzy měn,.. - na wireframe TOPmenu_desktop.png je to menu za slovem TOP nad černým pruhem• Aplikační menu - možnost označit aktuální položku - na wireframe TOPmenu_desktop.png je to menu v černo-hořčičném pruhu Tj. tato menu by měla být dostatečně viditelná a čitelná a přitažlivá. V pořadí - nejvíce Aplikační menu, pak TOP: Seznam serverů (na wireframe nahoře vlevo drobnýmpísmem – Kurzy měn, Akcie, Obchodní rejstřík,..) výrazný být nemá, v případě nutnosti v návrhu ani být nemusí. Kam a jak menu v rámci hlavičky rozmístíte, je na Vás. Hlavička má stále rozměry 1050 x max. 150 - 170 px. Děkuji, Romana
3.12.2019 19:00 -
nahlásit Romana
Dobrý den všem, rozhodli jsme se projekt prodloužit, jednak kvůli zvýšení účasti a jednak kvůli možnosti dolaďování stávajících návrhů. Večer by mělo být prodlouženo. Děkuji, Romana Žabková
3.12.2019 13:11 -
nahlásit dramarek
Dobrý den, Romano, vložil jsem návrh a bližší informace k němu jsem popsal v komentáři pod ním. Hezký den, M.
3.12.2019 13:07 -
nahlásit jsemnejsem
Zdravím, neplánuje se projekt prodloužit? Děkuji Libor
3.12.2019 8:14 -
nahlásit Romana
Dobrý den, pokud má ještě některý grafik zájem zúčastnit se soutěže, poprosím o vložení návrhů. Děkuji, Romana
2.12.2019 9:32 -
nahlásit Romana
Dobrý den, Richarde. 1) V šířce hlavičky jsme bohužel striktně limitování reklamou (aktuálně konkrétně orámování), takže nelze hlavičku rozšířit, i když souhlasím, že by to bylo vizuelně zajímavější. 2) Hamburge menu v desktopu bude obsahovat hlavní menu webu (resp. kombinaci menu aplikace - hlavní menu webu). Vzhledem k rozsáhlosti témat na našem webu se snažíme uživateli přes přímé prokliky primárně nabízet kontext ke stránce (menu ve stránce) plus témata konkrétní aplikace (černé menu v hlavičce), ale zároveň by se měl být schopen dostat i k hlavnímu menu webu nějakou uživatelsky obvyklou cestou. Pěkný den, Romana
28.11.2019 12:45 -
nahlásit richie10723
Dobrý deň, Romana, premýšľam a premýšľam, no mám aj určité nápady, keďže vždy sa snažím vychádzať z odporúčaní týkajúcich sa používateľského rozhrania. Preto sa chcem opýtať, či je možné, že sa návrh bude mierne odlišovať. Hneď v tejto chvíli by som odporúčal hlavičku natiahnuť na celú šírku obrazovky. Tým by viac vystúpila do popredia a ostatný, tzv. body obsah by ostal vo svojej aktuálnej šírke. Ešte mám jednu otázku. Aký účel má plniť hamburger menu v desktop verzii stránky? Ďakujem. S pozdravom Richard
28.11.2019 10:50 -
nahlásit Romana
Ještě odpověď na další dotaz - "možnost označit aktuální položku" znamená nějak graficky odlišit v menu (ať už hlavičkovém nebo kontextovém ve stránce) stránku (sekci), na které se právě nacházíme, tj. např. zde https://rejstrik-firem.kurzy.cz/45244782/ceska-sporitelna-as/statisticky-urad/ STATISTICKY URAD nebo zde https://www.kurzy.cz/komodity/ropa/ Ropa Ropa - aktuálně to máme černě na rozdíl od modrých ostatních). V některých aplikacích našeho webu se ale v kontextovém menu aktuální stránka nevyskytuje (např. zde https://www.kurzy.cz/kalkulacka/ppm/), takže proto jen "možnost", aby byla graficky odlišená, nelze tedy graficky počítat s tím, že tam vždy jedna k odlišení bude. Romana
22.11.2019 12:37 -
nahlásit Romana
Je to uvedené v těch wireframech, doufám, že alespoň trochu pochopitelně. Jde pouze o grafiku, ne o logiku obsahu. Aktuálně máme na desktopu 2 barevné řádky menu - černé menu sekcí a zlaté (hořčičné) menu podsekce, na které se nacházíte, viz https://www.kurzy.cz/finance/. Rádi bychom v hlavičce ponechali pouze jedno menu (obsahově to černé) a zlaté přesunuli pod H1 do stránky a ještě jej obsahově změnili na kontextové menu pro konkrétní stránku. Na některých stránkách už to kontextové menu pod h1 máme, ale graficky nepěkně: A) odkazy na související témata - viz např. https://www.kurzy.cz/prispevky-davky/materska-dovolena/ (tady je samozřejmě vidět i to zlaté v hlavičce, které by tam po redesignu být nemělo). B) různé pohledy na stejné téma - viz. např. https://rejstrik-firem.kurzy.cz/45244782/ceska-sporitelna-as/, což bychom rádi řešili záložkami Takže vzhled obou typů tohoto kontextového menu pod h1 bychom také potřebovali navrhnout. Pro úplnost, kromě uvedených 2 menu: 1) seznam serverů je spíš pro Google, musí v hlavičce zůstat, ale postačí nevýrazně 2) TOP odkazy by měly být trochu výraznější a jsou statické Když to bude nejasné, klidně se ptejte (jen teď přes víkend možná nebudu tak rychle reagovat) Pěkný den, Romana
22.11.2019 12:18 -
nahlásit jankop
Dobrý den, Chápu správně, že si přejete i vizuál jak by mohlo vypadat prostředí článků pod hlavičkou? A co si mám představit pod pojmem "možnost označit aktuální položku"? Moc děkuji, Jan
22.11.2019 11:03 -
nahlásit Romana
Dobrý den, Richarde, preferovali bychom přece jen variantu s datem a časem - u finančních webů to má evokovat aktuálnost (kurzy online apod.). Děkujeme za dotaz. Romana
22.11.2019 10:10 -
nahlásit richie10723
Dobrý večer, na začiatok mi napadla jedna vec, a to úplne vynechať čas a dátum. Bolo by to možné? Keďže ide o portál s množstvom informácií a cieľom je ich čo najlepšie usporiadať, čas a dátum sú tam jednoducho navyše. Navyše, tieto údaje sú stále dostupné v operačnom systéme, či už v PC alebo v mobile. Vopred ďakujem za posúdenie nápadu. S pozdravom Richard
21.11.2019 15:49