Homepage

[Lukáš Jirsa]

Téma určené pro diskusi o homepage.

[Dominik Rezek]

Zkouším první příspěvěk :). Doufám, že se návrh homepage bude líbit.

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

[Lukáš Jirsa]

Super, jsme tu všichni tři.

Hlavní stránce jsme dneska hodinku věnovali a v podstatě jsme se shodli na tom, že z tvého wireframu budeme vycházet, jako udání směru je to super.

Samozřejmě ale máme několik nejasností, otázek a témat k diskusi.

1) Hlavní menu

Hlavička je vyřešená OK.

2) Hlavní slider pod hlavičkou

Nechceme umisťovat reálné fotky s nějakým smějícícm se manažerem. Spíše bychom tam zakomponovali koláž nějakých dominantních služeb (třeba grafika - slide s webdesignem a lupou na detail jako to máš v portfoliu; copywriting - word dokument s lupou na textu; programování - lupa na kódu).

Pokud se nám neosvědčí slider, alternativou je rovnou umístění registračního formuláře na místě, kde teďkon sedí ten týpek.

3) 4 info texty

OK

4) Seznam pracovníků

OK

5) Jak to funguje?

Už jsme se při vymýšlení celého webu o obrázky pokusili. Zde uvažujeme o implementaci za předpokladu, že to bude opravdu stát za to a opět se nám povedou obrázky střílející na měsíc. Pokud ne, tuto část zcela vypustíme. Náš výtvor dávam do přílohy.

5) Infopanely

Novinky na blogu - OK

O službě - Připojíme pod to ještě infořádky "aktuálně", které se sem přesunou ze třetího panelu.

Sociální sloupec - Zde dáme formulář pro odběr newsletterů, Twitter a FB, půjde-li to tam naskládat. Další alternativou je samostatný řádek se sloupcem pro Newslettery, Twitter Feed a FB feed. Nebo udělat řádek Blog + Twitter + FB. Alternativ je mnoho. Pokud followuješ NaVolneNoze na twitteru, víš, že tam postujou zajímavé tipy z oblasti podnikání. Do něčeho podobného bychom se také rádi v rámci ebyzu pustili, takže se to může na HP uplatnit. V této oblasti je velký prostor pro různé verze HP.

6) Naše služby využívají

OK

7) Newslettery

Viz výše 5) Sociální sloupec.

8) Patička

OK

*) Ostatní dotazy

Dále bychom rádi slyšeli tvůj názor na koncepci jak jsi jí zvolil. Jedná se pouze o nástřel, ale počítáš s dvoubarevnými pruhy s šířkou přes celou obrazovku? Půjde v podobném stylu realizovat zbytek webu?

Možná by se nám víc zamlouval web na bílém pozadí, případně "boxed" varianta, kdy šířka elementů bude omezená na obsahovou část.

Mohl bys zkusit navrhnout jednoduchý frame libovolné podstránky?

[Dominik Rezek]

Tak doufám, že odpovím správně a zobrazí se to všem.

5) Jak to funguje? - Jsem pro obrázky střílející na měsíc, případně vynechat.
5) Infopanely - nevím, proč máme dvě pětky, ale to je fuk :). S rozložením souhlasím. Zkusím tam vše naskládat a uvidíme, jak to bude vypadat. Kdyby tam toho bylo moc, tak to přeskupíme.

Kromě té úvodní části s fotkou není moc co řešit, takže k fotce - vím, že jste říkali, že se do fotek moc pouštět nechcete, ale přesto jsem jí zkusil použít. Myslím si, že fotografie celkově ten design oživí a dá nejlépe najevo, na co je web zaměřený. Fotografie většinou v uživateli vyvolává pocit důvěry. Ty slajdy s lupou apod. si moc nedokážu představit. Nebude asi jednoduché je udělat tak, aby všem hned došlo o co se jedná a mohlo by to působit spíše stránky firmy, nabízející copywriting, webdesign apod.

Můj návrh je zpracovaný tak, aby uživatel, který přijde na stránku hned viděl, že jde o nějakou službu, která nabízí možnost spolupráce. Ta fotka není primární - berte to spíše jako takový "grafický" doplněk (oživení). Navrhl jsem to takto hlavně proto, že uživatel uvidí krátký výstižný text charakterizující službu a dvě akční tlačítka přes které se může hned zaregistrovat jako firma nebo kandidát. Prostě na první pohled by měl vědět o co jde a co má čekat. Na podstránkách už tato část samozřejmě nebude.

Jednotlivé části nemusí být oddělené dvoubarevnými pruhy přes celou šířku. Tím jsem chtěl jen oddělit jednotlivé části pro představu. Může být vše na bílém pozadí a můžeme takto případně zvýraznit jen některé části. Většina moderních webů se dnes dělá na celou šířku. Stránky potom působí vzdušněji a na větším monitoru nevypadají jen jako úzká "nudle".

Snad jsem to napsal nějak srozumitelně...nejsem zrovna nejlepší pisálek ;) 

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Dominik Rezek]

Nevím, jestli ještě komunikujete nad úvodní stránkou, ale já můžu zatím začít řešit některé věci, které už jsou OK - do nebe vystřelující ilustrace apod. nebo mám počkat na Vaše vyjádření?

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Lukáš Jirsa]

Zdar, před půlhodinou jsme ukončili debatu a dneska ti to sem naházíme. K řešení toho máme víc a konkrétně nad těma krokama 1-2-3 jsme se rozhodli, že je vůbec dělat nebudeme. Myslíme si, že máme lepší řešení.

Asi počkej než ti to zašleme, v podstatě bychom měli mít hotové podklady pro celou HP, tak se k tomu taky můžeš (bude muset :D) vyjádřit.

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Lukáš Jirsa]

Takže zase sloh z mojí strany. Dvě pětky máme protože jsem blbej :D Tak z toho udělam 5a) a 5b). Pavel ještě spíchnul Wireframe, dávam do přílohy, měly by ale bejt i na drivu 1 2 a 3.jpg.

1) Hlavička

- Dodáváme, jak se bude chovat Registrace - bez realoadu, z Framu č. 3 snadno pochopíš.

2) Slider

- Nechám na konec

3) Infotexty

- Čisté upoustávky s ikonou

- realizace podobně jako např. zde: http://themeforest.net/item/robust-responsive-multipurpose-wordpress-theme/full_screen_preview/4176764

- webů pro inspiraci obecně ještě zašleme víc zítra

4) seznam pracovníků

- OK, není co řešit

5a) Jak to funguje?

- Rušíme, vyřeší se už ve Slideru

5b) Sociální panely

- viz Frame

6) Naše služby využívají

- OK, loga bez odkazu

7) Odběr newsletterů

- Sloučeno s 5b)

8) Patička

OK, viz Frame

K řešení: 2) Slider

- Máme v plánu 3 slidy: Foto, Koláž, Video

i) Foto

Zvážili jsme tvůj názor, že fotografie vyvolává důvěru. Pročetli jsme i jednu studii, skutečně to podle ní zvyšuje konverze. Stejně tak tam ale radí, že fotky z fotobanky nejsou tím pravým směrem, tam ten efekt není. Vymysleli jsme proto podle nás nejlepší řešení - nás. :D

Rozhodli jsme se, že se necháme nafotit a dáme tam sebe s nějakejma motivačníma cedulema (viz frame 2).

S tim hned otázka na tebe. Checkovali jsme tvůj FB a našli tam fotky z ateliéru - mohl bys nám sdělit, pokud to neni soukromá věc, kolik to stojí, kde to bylo, jak to probíhá, kolik to zabere času?

Nemáme s tím zkušenosti a ty fotky musí bejt prostě perfektní, jinak to ten web úplně pohřbí. Potřebujeme si teda udělat co nejlepší nadhled a nafotit to fakt na jistotu.

Tvůj názor? :D

ii) Koláž

Zde bychom chtěli prezentovat podstatu našeho webu. Postupně tam najede ve slidech jakoby postup konstrukce webu od hostingu přes framy, grafiku... až po SEO a komunikaci na sociálních sítích. Prostě těm lidem musí během několika vteřin dojít, že pouze u nás postaví web "od základů až po střechu".

viz: http://themeforest.net/item/ibusiness-retina-responsive-multipurpose-theme/full_screen_preview/4166557

- 4. slide, asi po 30 vteřinách, nejde o realizaci ale o princip

iii) Video

Až se lidi seznámí s námi a s principem služby, bude tam ve třetim slidu video, kde už bude dopodrobna všechno vysvětleno.

Toť vše, snad jsem nic nezapomněl.

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Dominik Rezek]

Nějak mi na poslední příspěvek nepřišlo info na mejl. Ještě to párkrát pořádně projdu, ale s ničím by neměl být nějaký konkrétní problém.

Ohledně fotek - fotil mě mladý klučina v ateliéru v Ostravě. Cena 1 000 kč za 2 hodiny focení. Výstup - 250 fotografií a z toho 10 vyretušovaných. Skvělý přístup apod., takže případně mohu doporučit.

Jinak si to moc nedokážu představit. Na fotkách budete vy dva - nic proti, ale bude to vypadat opravdu profesionálně a na úrovni? Nebo si uživatel na první pohled řekne "další dva mladí kluci, kteří ukazují své portfolio". Podle mě by to totiž mohlo působit jako prezentace Vás a ne Vašeho nápadu - projektu - služby.

Cedule v ruce = kýč. Ta éra cedulí už dávno odzvonila a za mě je to typická, fotobanková fotka. Tohle za mě není moc dobrý směr. Celkově fotky, kde někdo "vykukuje" nebo drží text - už to není nic extra originálního.

Samozřejmě se o tom rád pobavím ;)

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Pavel Krejčí]

Díky za připomínku, ještě o tom přemýšlíme, jak to udělat.

Nicméně, můžeš se klidně pustit do designu homepage, kde jenom prostě nebude teďkon ten chlápek/my ale bude tam jak popisoval Lukáš - Slide č. 2 ii) koláž.

[Lukáš Jirsa]

Jsme si vědomi toho, že se tou fotkou ten web dá naprosto zkazit, bude to ve výsledku vypadat levně jako malej webík dvou blbců. S nějakou fotkou z fotobanky se tohle nestane.

Stejně tak ale nikdy s fotobankou neuděláš nic převratného. Jsem přesvědčen, že vlastní fotkou, když to promyslíme (a uvítáme každý tvůj postřeh, protože s tím nemáme vůbec zkušenost), tak to bude bomba. Jen to potrvá hodiny a hodiny to nastudovat, najít inspiraci a vymyslet nějakej luxus.

A konec konců jestli se to dá pořídit za 1000, tak když to nepoužijem, neni to zas takovej průser, budeme mít aspon fotky na FB :D

Citace Dominik:

[Lukáš Jirsa]

Postupuješ nějak tedy alespoň s tím zbytkem HP?

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Dominik Rezek]

Ještě jsem nedělal nic. Můžu na tom o víkendu zapracovat, ale nejlepší bude na tom začít dělat, až budeme vědět, jak má vypadat hlavička. Obvykle navrhuju design od shora dolů a ideální bude dořešit tu hlavičku a potom to udělat komplet.

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Lukáš Jirsa]

Zdar,

dopřáli jsme si na Velikonoce volno od počítačů.

Myslím si, že ten slider moc rychle nevyřešíme. Koláž a video (videem asi bude nejsnazší začít) jsou dané a jsme odhodláni jít do té fotky s námi. Podrobněji to ale asi dohromady nedáme.

Dali bychom tedy přednost realizaci všeho ostatního, slidy prostě nebudou prozatím uzavřené.

Lukáš

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Dominik Rezek]

A máš alespoň představu, jak ty fotky budou vypadat nebo co a jak? Dva buttony pro registraci budou zůstávat? Zatím bych to alespoň nějak nasimuloval a potom např. jen vyměníme za Vaše fotky.

Dne úterý, 2. dubna 2013 19:55:04 UTC+2 Lukáš Jirsa napsal(a):

[Dominik Rezek]

Ahoj,

tak je to tady. V příloze je náhled úvodní strany. Dejte tomu klidně opět pár dní...dejte hlavy dohromady a napište co a jak. Já doufám, že se bude líbit.

Jinak mám takovou menší prosbu. Ve firmě, kde jsem zaměstnaný to nevypadá moc růžově. Mění nám podmínky a firma mele z posledního. Kdyby jste náhodou věděli o nějakém slušné pozici třeba i v Praze, tak dejte vědět. Pokud by to stálo za to, tak mi nezbývá nic jiného, než jít z Ostravy :)

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Lukáš Jirsa]

Kolik chceš za licenci tý fotky? :D

Díky, že jsi udělal návrh i s tak neurčitými podklady, jako základ je to super. Máme v plánu sejít se v sobotu a zase tam vytvoříme už konkrétní požadavky vycházející z tohoto náhledu, takže pak to snad pujde snadno.

Hodně štěstí s prací... ale Prahu bys prubnout měl ;) Kdyby se někde něco naskytlo, tak víme, koho doporučit ;)

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Pavel Krejčí]

Díky za návrh. Jak řikal Lukáš, v sobotu na to kouknem podrobnějc a dáme feedback.

Jinak co se týče práce webdesignera v Praze, tak co jsem koukal, zas moc nabídek tu není (čekal bych více).

Nicméně kdybys nějakou dobu hledal, určitě věřim tomu, že bys našel. Problém by mohl být, jenom v tom najít bydlení za přijatelnou cenu.
Podnájmy jenom pro jednu osobu na byt, tu vycházejí na docela velké peníze, takže jedině bydlet na bytě se spolubydlícími, kdy má každej svůj pokoj. To už se pak nechá celkem dobře.

No nic, zatim hodně štěstí, není to v IT jednoduchý :)

[Lukáš Jirsa]

Tak jsme si to prošli.

V první řadě bych chtěl ještě jednou pochválit návrh, který jsi dokázal poskládat z našich základních představ, které byly hlavně u homepage hodně nejasné. Nakopl jsi nás správným směrem. Co se týče koncepce, nic měnit  už v zásadě nebudeme a věnujeme jen designu.

Dále už tedy k detailům a provedení...

Zasílám 4 přílohy, nejprve trochu upravený tvůj shot, pak tři další, kde jde hlavně o nástřel slideru.

Změny v návrhu:

- Horní pruh: Smazali jsme horní cca 20px pruh. Menu a logo bychom chtěli mít hned u horního okraje.

- div Logo + Menu = čistě bílé pozadí

- Menu = Aktivní položka se odlišuje pouze zabarveným odkazem, pozadí zůstane bílé

- Slider: Bude to chtít lepší odstín pozadí, současná šedá ani mraky se nám tam moc nehodí. Působí to moc ponuře. O slideru se rozepíšu ještě více ke konci.

- Motivační texty: Zredukujeme z 6 na 3, dáme lepší ikonky a zvažujeme i přidání i odstavce textu.

- Zbytek stránky: Zbytek už jsme nebyly schopni nějak smysluplně zpracovat. Shodli jsme se ale na bílém pozadí už od konce slideru až po patičku. Ostatní prvky se tomu budou muset přizpůsobit, což bude asi opět na tobě podat návrh, případně to ještě samozřejmě konzultujeme.

- Loga: Vejde se jich devět, menší velikost.

Zdůvodnění změn

Určitě uvítáš zdůvodnění změn, proč jsme se takto rozhodli. Tvůj návrh na nás působí příliš ponuře, web je celý šedý a vypadá mdle, bez jiskry.

Stejně tak hra s prvky v šedém pruhu nebo šedém boxu se nám moc nelíbí. Dáváme přednost minimalismu - co nejvíce jednobarevného pozadí, žádné přeefektované prvky, stínování ani přechody. Hrát si pouze s třemi jednolitými barvami, výraznými linkami apod.

Slidery

1.

V prvním slidu vycházíme z toho tvého, pro představu zasíláme ukázku "nás dvou vyfocených". Co ty na to?

V pozadí bychom místo mraků dali mapu ČR.

2.

Druhý slide pak nejspíš bude obsahovat obdélník, ve kterém bude rotovat dejme tomu 7 charakteristických obrazovek návrhů webu od framů až po správu PPC.

Nadpis bude zhruba ve stylu "U nás naleznete odborníky ze všech oborů" a pak se bude dle oken měnit podnadpis "Profesionální návrh WireFramů, Kodéři sledující poslední trendy, Grafici světové kvality, SEO od skutečných odborníků, ..." atp., tohle je jen nástřel co mě v rychlosti napadá.

3.

Video, bude vypadat jako č. 2, pouze v místo obdélníku bude video.

Závěrem

Ještě to má rezervy a ladit to budeme, ale jsem přesvědčen, že postupujeme relativně dobře ke zdárnému konci. Uvítáme tvou odezvu, budeme se snažit reagovat rychle.

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Dominik Rezek]

Chápu, že se Vám šablona, kterou jste poslali líbí a chcete se jí co nejvíce přiblížit. Proti tomu hornímu menu nic nemám, ale většinou mám takové klienty, kteří moc minimalismus nechápou. Dělal jsem teď na jednom eshopu s nábytkem a klient mi napsal "ten návrh je hrozný, chybí cokoliv originálního a celkově to vypadá jako 5 let starý design" :D

Horní menu tedy upravím. Slider bych řešil až jako poslední věc. Fotky teda necháte nafotit a nebo to budu muset retušovat? :D Jinak chválím...pohráli jste si s tím fakt dobře :D

Ohledně toho obsahu jsem trochu proti. Nedělal bych to vše jen v bílém pozadí, ale spíše bych jej nějak decentně oddělil. Bude to působit přehledněji. Když se koukneš na Váš návrh na bílém pozadí, tak vidíš, že všechno splývá...nemyslíš?

Dne sobota, 23. března 2013 19:30:38 UTC+1 Lukáš Jirsa napsal(a):

Téma určené pro diskusi o homepage.

[Dominik Rezek]

A ještě důležitá věc. Ty ikony jsem chtěl dělat tématicky, ale nebyl jsem si jistý, jestli to takto zůstane. Jaké tři body tam tedy budou, ať je můžu navrhnout?

Jinak gratuluji k práci v acomware. ;)

[Dominik Rezek]

V příloze je upravený návrh. Co vy na to? Trváte na bílém pozadí? Ikony a slider budu řešit následovně ;)

Koukám, že mi trochu zlobí zarovnání....ještě ho poupravím ;)

[Lukáš Jirsa]

Jdeme za chvíli skypovat. Nevim teda co dáme dohromady, sloh ti tu možná necham až zejtra... mam celý odpoledne nějakej bolehlav.

Ale díky za rychlej feedback i gratualaci k práci ;)

[Lukáš Jirsa]

Přeci jen to dam do kupy, ať se hýbeme.

Ve zkratce dojem z posledního návrhu:

Asi jsme s tím požadavkem minimalismu nevyjádřili úplně jasně. Současná koncepce webu jako pozic prvků a rozložení je zkrátka OK, to takhle necháme.

Teď je ale potřeba to vyladit a udělat z toho střelbu. Na tvých referencích se nám líbí ty vyladěné detaily, zejména pak hra se stíny - sám jsi si toho vědom a vypíchl jsi to pokaždé v té lupě, střílí to na měsíc... u nás by zatím nebylo co do těch lup dát. Čili bych naši představu definoval jako "minimalismus, precizní hra se stíny, ladění detailů". Takže už necháme současné rozložení, ale budeme radit barvy, stíny, ikonky, fonty, konkrétní znění textů a všechny tyhle záležitosti.

Pomůže nám jedna věc... nemáme přehled, co se vlastně bude dít a co od nás očekáváš. Když tak se vyjádři trochu dopředu, jakou máš představu, jak bude webdesign probíhat, stačí odrážky jak to jde za sebou. Máš s tím mnohem větší zkušenost a posuneme se dál, když nás trochu zaneseš do svého procesu vývoje designu. Abychom byli na stejné notě a nezdržovali tě zbytečnými požadavky, kdy trávíš hodiny zbytečnou prací a my zase byli rozladěni z výsledku, když k tomu třeba není ještě důvod.

Konkrétně k poslednímu návrhu

První dojem

- Web působí stále mdle, obyčejně. Musíme vyladit odstíny barev, spíše odstíny šedé, do toho stylové barevné linky, viz lupy v referencích na tvém webu

Fonty

- jaký font je použitý v logu?

- jaký font je použitý v nadpisech? (do designu bychom nadpisy dali boldem, font aby byl stejný s logem)

- všechny ostatní fonty bychom dali Open sans font (http://www.google.com/fonts/#QuickUsePlace:quickUse/Family:Open+Sans) namísto Arial

Hlavička

- chybí nám položka o službě - je to dlouhý text přes 1 NS, na homepage v panelu bude pouze úryvek

- přejmenovat Seznam pracovníků na Kandidáti

- button Registrovat nechat spíš tak jak byl, tam má ten výrazný button svůj smysl

Slider 

- zatím tedy neřešíme

Pruh pod sliderem

- jiná barva pozadí a jiná barva ikonek, aby to nebylo tak mdlé

- uspořádání tří boxů zůstane, obsah upřesníme, až si ujasníme současné požadavky

Seznam pracovníků

- možná o něco větší fontem ty kategorie, možná boldem, zkrátka je to naše pýcha a musí vypdat pěkně, poutavě

- lepší odrážky, zase to můžeme prodiskutovat jakou máme představu společně (všichni tři)

Pruh novinky o službě

- u novinek odebrat podbarvení pod datum, datum není tak podstatná věc 

O službě 

- chybí odkaz na detail stránky o službě

Zasílání novinek

- sociální ikonky nejsou dobrý

- sociální ikonky menší, šedě a zbarví se až po najetí myši, konkrétní podobu ještě vyladíme diskusí

Naše služby využívají

- to je OK

Patička

- linka lepší barva možná více neviditelnější

- před EBYZ.cz - bude faviconka webu (potřeba nakreslit) - bude vycházet z loga, dále nadpis "EBYZ.cz" bude boldem

- svislíky " | " mezi odkazy udělat světlejší barvou

- odkaz "Nahoru" by měl mít nevýraznou ale barevnou (zelená, modrá) šipečku nahoru

Závěrem

Podej zase reakci, je potřeba se o tom víc bavit, klidně můžeme zítra dát skype ve třech. Napiš i třeba jaký máš pocit ze spolupráce s námi - co děláme špatně, co dobře. Rozveď tu časovou posloupnost a jak jsi zvyklý ladit design.

Ještě nás pak čekají podstránky a musíme se už sehrát, abychom byli na stejné vlně. Mám z toho zkrátka pocit, že komunikace vázne a naší formaci "trvá dávat góly". :)  

[Lukáš Jirsa]

A ještě bych zapomněl.

Fotky budeme samozřejmě fotit. Vidíme to na přelom dubna a května, rovnou dáme s tebou zase meeting na kafi, pokud ti to nedělá problém.

[Dominik Rezek]

Ahoj,

tak jako první věc jsme se asi špatně pochopily. Minimalismus je trochu něco jiného než píšeš. Minimalismus je design bez přechodů, stínů a dalších efektů, takže něco např. takového - http://www.behance.net/gallery/Droog-Design/6468259

Spolupráce probíhá většinou tak, jak píšeš - udělá se nějaký návrh ve kterém se odsouhlasí rozlišení, barvy apod. a potom se řeší další detaily. Konrétní texty jsem zatím snad nedostal, takže používám lorem ipsum a vše plní až kodér. Pokud máte konrétní texty, tak tím lépe.

První dojem
Myslel jsem, že si psal, že je to moc šedé a chtěl by si to barevnější - použil jsem odstín modré. Nemyslím si, že by bylo dobré z toho dělat nějakou šílenou barevnou lištu. Ještě si mi nenapsal, jaké budou jednotlivé body, abych mohl ladit konkrétní ikony ;)


Fonty
V logotypu je použito Calibri - Bold. Jestli chceš do nadpisů použít ještě tučnější font, tak si myslím, že to bude až příliš výrazné.
U ostatních textů - měnší popisy apod. používám standartně Arial. Zkoušel jsem i různé další nestandartní fonty, ale po nakódování byl často problém s čitelností. Každopádně můžeme zkusit Open Sans a uvidíme ;)


Hlavička
Ok....vše upravím. Tlačítko jsem dal pryč, protože jsem se držel toho, že chcete "minimalismus" :D

Slider
Fotky Vám bude dělat Ctirád (tzn. fotograf z Ostravy)? Už jste ho nějak kontaktovali?

Pruh pod sliderem
Dokud nebudu vědět, co tam konkrétně bude, tak asi nemá smysl dělat ikony na nějaké téma :)

Seznam pracovníků
Ok. Opět jsem se snažil dělat odrážky jednoduché - minimalistické :D

Pruh novinky o službě
Ok

O službě
OK, doplním.

Zasílání novinek
OK, hover mohou mít i tak, ale není problém je udělat jednou barvou. Stačí říct, jaká je představa ;)

Patička
Vše ok, ale ohledně faviconu - bude potřeba jej nakreslit? Já bych použil jen logo, ne? :) Jak si jej představujete?

Shrnutí
Moc urychlit to asi ani nejde. Myslím, že hlavní problém byl v tom, že jsme se nepochopili v minimalismu. Takhle to většinou bohužel probíhá. Pošle se návrh a potom se postupně ladí dle představ. Někdy to trvá déle a někdy ne, ale to je spíš o tom, jak velký je zájem ze strany klienta. Jinak tenhle projekt se mi líbí a dělám na něm opravdu rád. Myslím si, že na to jdete dobře. Jste jedni z mála, kteří si nechají poradit a věci prokonzultují. Většinou je to klientovi jedno a detaily ani nevidí a nebo na druhou strany má někdo zase svoji myšlenku a přes to nejede vlak. Některé požadavky by šlo přirovnat k černému textu na černém pozadí :D

Podstránky už většinou jdou rychle, protože vycházejí z velké části z úvodní strany. Vy těch podstránek máte docela dost, tak doufám, že se nebude muset tolik předělávat rozložení, tak jako u HP :)

Na meeting v Ostravě se těším. Snad zase bude pěkně, aby Vás ta představa zakouřené Ostravy opustila úplně :D. Když budete chtít, vyzvednu Vás na nádraží a můžeme klidně dát někde i oběd...to už záleží na Vás. Pokud Vás bude fotit fotograf, který fotil mě, tak je v centru kousek od místa, kde jsme měli sraz minule ;)

[Lukáš Jirsa]

Super, díky za komentář.

Dneska zase skypnem, tak zatim na tom asi nedělej. Pořádně si to srovnáme v hlavně, protože ten design na odkazu, co jsi zaslal, taky dává smysl. Po půlnoci tu máš další komentář odemě, zkusíme už teď být konkrétní co nejvíc.

[Lukáš Jirsa]

Věci, o kterých se nezmiňuji, platí z předchozího mailu. Kdyby ještě něco bylo nejasné, ozvi se. Jinak už snad cajk.

FONTY

Nadpisy
- Tučnější

- Jiné barvy (lepší modrá)

- Moderní font z webových databází (např. Google Fonts, fonts.com) – aby to bylo stejné na PC i na Macu. 

Ostatní texty
– zvolíme zmiňovaný Open Sanf (Mac nemá Arial (i když má podobnou Helveticu) a font nám tak jako tak přijde lepší) 

BARVY A KONCEPCE
- Ty pruhy ne modře, ale šedě, jen najít lepší odstín, ne tak tmavý – držet se blízko bílé. 
- Hrát si se stíny, pruhy, jemnými linkami. Nebudu tomu tedy říkat minimalismus :D Prostě chceme ty prvky, na které pak dáš lupu a my z toho budeme udělaný. Konkrétně kde co použít ti ale neřeknu :D Musíš dát návrh.

SLIDER
„Propadnutý“ (zapojit stíny budící dojem vnoření), pěkná šedá na pozadí, začneme pro ilustraci se slidem, které přijede po prvním s námi. Konkrétně teď texty pro kartu „SEO“, karet tam bude víc (grafika, kódování atp.). 

Velký nadpis, který bude u všech „podslajdů-karet“
„Pouze u nás navážete spolupráci…“ 

Menší nadpis měnící se s každým „podslajdem“
se špičkovými SEO specialisty. 

Dále tam budou linky do podkategorií, vybereme jen pár základních:
Optimalizace stránek, Linkbuilding, PPC kampaně, Analýza webu. Může to být třeba v zeleném rámečku s kulatými rohy, bílý text, neboj se něčeho nápaditého, uvidíme jak to bude vypadat.

Nutno zvolit:
- Charakteristický obrázek 
- Prvky pro pro přepínání podslajdů, umísti si je kam chceš 

TŘI VĚTY 

1. Jediný aktuální katalog IT profesionálů (ikona katalogu nebo profilu e-pracovníka)
2. Nejsnadnější způsob uzavírání obchodů (podané ruce) 
   
3. Bohaté možnosti přesného cílení inzerce (terč) 
   

- Ikony necháme kulaté, tmavě šedé. Když ti nepůjdou sehnat (třeba ruce), tak máš prostor pro svoji fantazii.

- Nakonec tam nebude odstavec textu, ale jen jedna motivační věta

ZASÍLÁNÍ NOVINEK - vize soc. ikon
http://cdn.onextrapixel.com/wp-content/uploads/2012/02/black-white-icon-full.jpg 


PATIČKA - favicon
- Favicona vychází z loga, není potřeba nic vymýšlet.

[Lukáš Jirsa]

Četl jsi poslední zprávy (z 9. dubna)?

[Dominik Rezek]

Četl, pracuji na tom a dnes/zítra pošlu náhled.

[Dominik Rezek]

Takže v příloze je návrh. Nejsem z toho zrovna úplně nadšený, tak to vezmu postupně.

Hlavička
Hlavička se mi líbí - čistá, přehledná...super.

Slider
Tyhle dva řádky textu jsou cesta do pekla. Bylo to navrženo tak, že odstavec textu bude nějaký krátký popis. Takhle to vypadá dost suše. Tato část je zrovna věc, která by měla uživatele zaujmout, jinak bude odcházet pryč.

Buttony by měli být jeden, maximálně dva. Určitě ne 4 odkazy do některých z kategorií. Možná by to šlo vyřešit jako nějaké čtyři odkazy, ale určitě ne jako čtyři zelené buttony.

Výhody
Podané ruce jsou, ale sám vidíš, jak vypadají - nečitelné, takže budu muset vymyslet něco jiného. Ta tmavá šedá se mi osobně vůbec nezamlouvá. V předchozím mejlu si psal, že ti to připadá mdlé, ale když jsem ve slideru vypustil modré pozadí a použil tmavé, šedé ikony (i u soc. sítí), tak mi to přijde ještě horší.

Kategorie
Font je větší, ale odrážky jsem nechal stejné. Nevím, jako máš představu, ale tohle jsou zrovna prvky, kde bych neužival více efektů.

Font je všude Open Sans a v nadpisech je stejný, jako v logotypu. V tom bych problém neviděl. Určitě je potřeba vyřešit nějak ten slider - rozumně, funkčně a efektivně. Osobně se mi více líbila ta světlě modrá v boxech, než šedá a tmavé ikony. Teď mi vše připadá ještě nudnější. Nevím, jestli jste s tímto spokojení, ale dle mého je to krok zpět.

[Lukáš Jirsa]

Díky za návrh, vyjádříme se k tomu v průběhu týdne.

Na první pohled s tebou v podstatě souhlasím, chce to oživit, např. ty ikonky pod sliderem by klidně mohly mít barvu.

Celkově si ale myslím, že je to s každou verzí lepší.

[Lukáš Jirsa]

Kdybys měl ještě něco, klidně do nás per kritiku naplno.

[Dominik Rezek]

No každopádně to chce pořádně vyřešit ikony a ten slider. Určitě bych nechal 1-2 buttony a nedělal z toho další menu :D. Ten slider musí být prostě dokonalý. Buď to tím sliderem můžeme celé posrat a nebo pěkně oživit.

Sepište potom co si myslíte vy a já to zase doladím.

Jinak se chystám do Prahy na Barcamp 11.5. Budete tam taky? :)

[Lukáš Jirsa]

Máme tu drobný posun...

Slider (naše aktuální představa, zatím asi není co realizovat)

Uděláme tam barevné svěží pozadí, viz příloha nahled-bg.

Největší změna k krelizaci

Prohodili bychom ty šedé pruhy - ikony na bílém pozadím, kategorie šedé, blog+oslužbě+socky na bílém, zbytek až dolů asi taky na bílém, jen to nějak oddělit, nenapadne-li tě něco lepšího... viz příloha test22, ale i ta druhá.

Hlavička

U kandidátů by ještě mělo být zvýrazněno, že je to odkaz na dropdown menu. Zapomněli jsme to zmínit. Nějakou šipečku (trojúhelník) směrem dolů k tomu třeba dát.

Pruh a ikonky

- 1. první ikonka - místo jedné dvě nebo tři postavy za sebou

- 2. podávající si ruce tedy asi nahradíme něčím lepším

- 3.  OK

- možná by to sneslo o něco větší rozměr ikon a trochu tmavší šedou ještě

Seznam pracovníků (zatím asi nepředělávej, chce to více promyslet)

- Podle mě je to takhle špatně a měli bychom to předělat do líbivější podoby... Určitě vynecháme podtržení.

- Musí to lákat, tohle nikoho nebaví na to klikat. Chce to promyslet.

- Podívej se úplně dole na http://www.sport.cz/. To člověka baví. Jasně... Takhle to sice udělat nemůžeme, nemáme ikonky pro každou skupinu, máme víc než 4 kategorie, řešení ale půjde najít. Ta nabídka musí prostě vypadat svěže, když tam je.

Novinky na blogu

- opět nepodtrhávat ty tři novinky, že je to odkaz

Patička

- nedávat logo šedivě ale v barvách

[Pavel Krejčí]

Tak ještě poznámka k:

Slideru

Uděláme tam barevné svěží pozadí, viz příloha nahled-bg.

Použí tam na féra ten obrázek pozadí. Nachází se zde (http://webnus.net/quentin/images/slide-bg1.jpg).

Je to s nim lepší a živější. Přesně takhle by měl být header podbarvený, třeba se od toho lépe odpíchneš a dokážeš díky němu odladit ty podbarvené pruhy.

Až to bude ok, jenom se ten obrázek zamění nebo nakreslí ve stejných barvách tak, aby nebylo poznat, že je to převzaté.

[Lukáš Jirsa]

Napiš prosím, jestli jsi to četl, případně názor, postřehy... a kdy k tomu sedneš. Abychom měli představu.

[Dominik Rezek]

Nic se neboj, makám jako šroubek :D. V příloze je už upravený náhled dle požadavků. Ikona by měla být kravata, ale není úplně TOP, takže ještě popřemýšlím, co jiného. Kdyby byl nápad z Vaší strany, sem s ním. ;)

Ohledně toho seznamu kategorií. Chápu, že ikony by se asi líbily, ale nevím, jestli je to zrovna to pravé ořechové. Tohle je podlě už zrovna část, kde by se to s grafikou nemělo přehánět. Tady už si lidi mají všímat textu a číst...ne koukat na krásné ikony a kochat se ;)

Jinak pozadí je vcelku fajn. Ještě jsem přidal vnitřní stín, aby bylo byl slider více oddělený od ostatního. Až budou fotky a konkrétnější představa slideru, tak můžeme udělat něco podobného, případně nechat tohle.

[Dominik Rezek]

A ještě verze s původním obsahem slideru. Mimochodem opravdu věříte tomu, že nikde jinde není možnost najít špičkové SEO specialisty? :P

[Lukáš Jirsa]

Ani jeden z těch obsahů není ok, to se pošéfuje.

[Lukáš Jirsa]

Zasílám ještě jinou verzi, dej feedback. Nám se to zdá lepší, když má 100% šířku jen slider a zbytek webu už má šířku omezenou.

[Lukáš Jirsa]

Ještě mi to nedalo...

[Dominik Rezek]

To je taky možnost. Záleží už jen na Vás ;)

Já mám dnes firemní akci, ale jinak bychom s tím mohli o víkendu trochu pohnout, co? :)

Jestli chcete, dám vám tu potom PSD a můžete si hrát rovnou s tím....než to upravovat takhle. Máte mou důvěru, tak v tom nevidím problém.

[Lukáš Jirsa]

Dohodli jsme se, že to uděláme podle toho screenu, co jsem posílal v noci.

O víkendu bysme mohli homepage snad už i dokončit.

[Lukáš Jirsa]

Ty moje stíny jsem nakradl na Applu a jen je tam naházel... budeš tomu muset dát svůj facelift. Jinak je to ale cesta, která se nám líbí.

Pak vyladíme ještě o víkendu detaily, třeba i to dropdown menu a registraci a posuneme se dál. Slidy nám zbydou na květen.

[Lukáš Jirsa]

Čau,

jsme na příjmu, na návrhy budeme pružně reagovat... Počítáme, že s tím pohneme, jak jsi navrhoval.

[Dominik Rezek]

Čau,

omlouvám se, ale teď jsem dojel z Brna. V příloze posílám varianty. Osobně jsem pro 5_2. S ikonou Vás nic nenapadlo?

[Lukáš Jirsa]

Zrovna jsem odešel od kompu :D za 40 minut se ozvu. Na ikonu mame jeden napad.

Dne sobota, 20. dubna 2013, Dominik Rezek napsal(a):

--
Odesláno z mobilní aplikace. Omluvte prosím případnou stručnost.

[Dominik Rezek]

Tak co? Tak co? :D

[Lukáš Jirsa]

Tak jsem tu, vyšlo nám to zrovna blbě :)

Necháme tedy verzi stínů 5_2.

Ikona nás napadla tahle https://dl.dropboxusercontent.com/u/65807347/podkladna-otaznik.png

Našel jsem to tady: http://thumbs.dreamstime.com/thumblarge_124/1172138729jqWt7q.jpg

Jinak Pavel dneska někde chlastá, takže můžeme psát třeba přes Gtalk/skype a urychlit komunikaci.

[Dominik Rezek]

Ok. Já nepoužívám skype ani nic podobného. Řekni mi tedy co vyhovuje tobě a já se přizpůsobím.

Dne sobota, 20. dubna 2013 22:13:02 UTC+2 Lukáš Jirsa napsal(a):

[Lukáš Jirsa]

Já taky moc ne, ale Google Talk je dobrej, když už máme google účet :)

Dá se do toho vlést přes gmail a otevřít chat v novém okně prohlížeče, takže nemusíš ani nic instalovat.

[Dominik Rezek]

Poslední verze + rozpracovaná 2. úroveň menu

[Pavel Krejčí]

Čau, tak návrh webu kam jste došli s Lukášem je super.

Nicméně teď tedy to menu. Posílám zde nějaké návrhy.

- musí se tam vejít 6 sloupečků co pasujou do gridu
- to menu musí být v rovině se sliderem, aby prostě do toho webu zapadalo a nebylo tam jen tak pohozené
- jinak návrh co zasílám zde (nahled-1.jpg) je celkem schůdný ale nejsou tam pěkné stíny, tak by to chtělo faceliftnout
- pak tu byl ještě pokus dát to menu šedou barvu ale nevíme co si o tom myslet

Nechal bych ti tu volnější ruku, případně, aby ses vyjádřil, zatím na to hodíme jenom pár komentů zde, a pak případně dospějeme k závěru.

Díky, P.

[Dominik Rezek]

Tak jo, v příloze je upravené zarovnání. Zkoušel jsem včera tmavé menu i světle šedé, ale nic z toho se mi moc nelíbilo. Teď jsem menu roztáhnul na 1000 px, jinak je vše 960 px. Je to takhle lépe zarovnané a o něco "vzdušnější". Je škoda, že to vychází na dva řádky. Nahrávám i verzi na jeden, ale není to moc OK.

[Lukáš Jirsa]

co si myslíš o něčem takovym? (příloha) sorry za spam

[Dominik Rezek]

Problém s tím učitě nemám. Akorát to tím trochu oživíme. Udělal jsem tu linku 2 px a stín udělal s 1 px mezerou. Co myslíš?

[Pavel Krejčí]

 Čau,

1000 pixelů v případě menu není problém, máš pravdu je to vzdušnější a je to mnohem lepší na pohled.

Jinak bych pokračoval v tomto návrhu, jak jsi posílal (https://mail-attachment.googleusercontent.com/attachment/u/0/?ui=2&ik=2bdcef5bef&view=att&th=13e2d390d026c868&attid=0.2&disp=inline&realattid=cb1d5999-5ea4-4008-8f48-801e4463d3f0&safe=1&zw&saduie=AG9B_P_C8lpfShbWWCKpywKWCFLe&sadet=1366561825709&sads=_TT4YIL2OVk2YOL53GHp8QU_O0Q).

Další návrhy co tu jsou, tak ta zelená linka se tam nehodí. Nechal bych tam normálně tu vykroujenou šipku.

Takže by teda bylo potřeba rozvést ten návrh z linku (viz. výše), kde bych si zkusil pohrát s obsahem toho samotného bloku. Blok už neřeš ten je vystínován dobře a jenom bych zlepšil obsah, napadá mě (dodat podtržené nadpisy hlavních kategorií případně přidat ikonky jestli si myslíš, že to bude lepší). Ještě bych faceliftnul ty odrážky.

Jinak je to ok.



Dne neděle, 21. dubna 2013 17:31:51 UTC+2 Dominik Rezek napsal(a):

[Dominik Rezek]

Já právě ten seznam v menu styloval podle toho, který už máme na úvodu. Moc nedoporučuju mít jednou odkazy v seznamu podtržené a podruhé zase ne. To samé pro odrážky. To budeme mít dva "stejné" seznamy, které budou vypadat úplně jinak? :)

Pokud ten seznam chcete ještě nějak upravovat a "faceliftovat" odrážky, tak bych jej sjednotil v každém případě s úvodní stranou.

[Pavel Krejčí]

Zde je ten návrh, link je nefunkční.


Dne neděle, 21. dubna 2013 18:42:04 UTC+2 Pavel Krejčí napsal(a):

[Dominik Rezek]

Ještě trochu upraveno - nahoře nejsou kulaté rohy a stín je širší.

[Dominik Rezek]

Menu s ikonama

[Dominik Rezek]

Nahrávám teda 2 verze menu a odcházím na večeři. Dejte dohromady připomínky a pak to proberem, případně upravíme. ;)

[Pavel Krejčí]

Takže jsme na to koukli a bude to takto dle přílohy (hlavni-menu.jpg) a je to cajk.

Plus jsem tam přidal v jakém duchu si představujeme registraci.

Díky.

[Pavel Krejčí]

Tak jsi prý ještě navrhoval prostřední ikonku ve stylu kufříku a ano to bude opravdu lepší, tak spíše kufřík než kasu :).

Dík!

[Dominik Rezek]

Ale fuj...tou zelení jste si opravdu jistí? Mi se to teda moc nezdá. To přihlašování by podle mě bylo nejlepší udělat ve stejném stylu, jako je to vysouvací menu, ale bude se to bít s tím buttonem.

Ten login chcete taky teda řešit hned teď, jo? Jak je to potom se zobrazováním např. na mobilu? Nebude ten javascript problém? Nebo to lze řešit jen html + css?

Dne neděle, 21. dubna 2013 20:13:11 UTC+2 Pavel Krejčí napsal(a):

[Dominik Rezek]

[Dominik Rezek]

A jak vyřešíme přihlášení? To bude trochu problém - viz. příloha.

[Dominik Rezek]

[Dominik Rezek]

Tak tady je ještě přihlášení

[Pavel Krejčí]

Čau,

návrhy na pohodičku.

Jenom bych drobet modifikoval registraci, kterou rozšířit v pěkném a chytlavém duchu o toto viz příloha. Ještě jsem tam zkusil dole barevné sociální ikonky, ale asi bych je nechal šedé jen bych jí zmírnil a zakulatil. Prozatím vše, dík.

Po téhle poslední iteraci, bych bral HP bez slideru vyřešenou a budeme fakturovat.

Díky, P.

[Dominik Rezek]

Tak jo...ještě jsem to trochu poupravil. Přijde mi to takto logičtější. Předtím mi to připadalo, jako kdybych si vybíral výhodu.

Ikony jsem upravil, ale ten button....zase bych to "nepřekombinovával" :D

[Dominik Rezek]

Nechávám to na vás ;)

Dne pondělí, 22. dubna 2013 22:31:46 UTC+2 Dominik Rezek napsal(a):

[Dominik Rezek]

Tak jo...začínám se pouštět do podstránky.

Tady je Vaše PSD - opatrujte ho a starejte se o něj, jako kdyby bylo Vaše....aha, ono vlastně už je Vaše. Prostě je to moje dítě, tak se o něj dobře starejte :D ;)

Tu! - https://docs.google.com/file/d/0By2GSLRHRGilMW1HNTRaYVBoOVU/edit?usp=sharing

[Dominik Rezek]

Ještě jedna důležitá věc...zítra nahraju upravenou verzi HP. Musím opravit velikosti textu. Nový photoshop má totiž nějakou "vychytávku" a při posunování textu se přehazuje velikost na brutální čísla typu - 11,647 apod. :D

[Lukáš Jirsa]

Jak seš na tom s tim updatem souboru? Prachy tam máš hned jak ho dostaneme.

[Dominik Rezek]

Tady je. Peníze si klidně mohl poslat. Stejně ti většina grafiků dá výstup až po zaplacení ;)

[Dominik Rezek]

Tady je https://docs.google.com/a/dominikrezek.cz/file/d/0By2GSLRHRGild1VZMTYwVURfMVk/edit?usp=sharing