BoB
webdesigner BoB Marvan - reference
předmluva:
Nouze mne nenaučila, tak jako Dalibora, housti, nýbrž mě dounutila naučiti se tvorbě www stránek. A nutno podotknouti, že to nebyla nouze finanční, natož pak hlad, jako měl Dalibor, ale nouze personální, protože poblíž prostě nebyl nikdo, kdo by ten první web napsal.
Od té doby uplynulo již hodně vody a nyní pracuji na plný úvazek ve společnosti Seznam.cz jako webmaster... (moje práce pro Seznam najdete v CV).
Z výše uvedeného vyplývá, že na ostatní práce mimo Seznam mi nezbývá příliš mnoho času a tedy dávám přednost pro mně zajímavým projektům. Pokud se Vám tedy následující stránky líbí a přejete si také takové a zároveň máte pocit, že Váš projekt nabídne ostatním něco nevšedního a originálního, pak neváhejte, ozvěte se a nějak se již jistě dohodneme. Pro ostatní nabízím konzultace z následujících oblastí:
- použitelnost - jak zařídit, aby se Vaše stránky dobře procházely a návštěvník se na nich neztrácel a tudíž neodcházel
- přístupnost - co udělat, aby byl Váš web užitečný i pro hendikepované uživatele
- SEO - optimalizace Vašich stránek pro přední místa ve vyhledávačích (Seznam, Google a podobně)
Nemám žádnou fixní taxu, za kterou pracuji - preferuji osobní přístup a dohodu až nad konkrétním projektem. A tady je to, co ode mne můžete čekat a naopak co čekám já od Vás!
www.amo.cz
Na webu Asociace pro mezinárodní otázky jsem nejen realizoval navržený design pomocí HTML a CSS, ale zároveň jsem se právě nejdříve podílel na jeho návrhu, hlavně, co se týká problematiky použitelnosti.
www.habrovka.cz
nová verze:
stará verze:
K přípravě webu pro již III. ročník festivalu amaterského divadla a hudby na Habrovce (2005) jsem se dostal prostřednictvím jedné kamarádky, po té, co jsme probrali weby předchozích ročníků. A musím říct, že se mi na něm pracovalo úplně krásně a jsem hrozně rád, že jsem mohl alespoň trochu přispět k úspěchu celé akce.
A díky úspěchu ve III. ročníku jsem mohl připravovat web i pro IV. a V. ročník HABROVKY (2006 + 2007). Jeho design je vždy odvozen z festivalového plakátu.
www.autopujcovnad.cz
Autopůjčovnu Dancar mi dohodil jeden bývalý kolega z práce - ty 3 kroky byly jeho nápad! Design už je můj, ale klasicky pod tlakem zákazníka. Ale jinak je to prostě takové malé, milé... Prý to skutečně zvedlo počet zákazníků! Holt, v jednoduchosti je síla.
http://www.boblog.cz/
nová verze:
stará verze:
Tak s tímhle webem je to drobátek složitější:
Už něco přes 2 roky bloguji, vlastně BoBloguji. Používám k tomu blogovací systém na www.lide.cz a tedy HTML není moje, ale naštěstí se na Lidech dá použít skinování pomocí CSS a tak už jsem si pár skinů udělal a tenhle je zatím poslední a zatím taky i nejlepší. Ale na to, abyste pochopili, jak moc jsem si ten design upravil, byste se museli kouknout na nějaký blog, který má ještě původní styl.
I tento web se nedávno (jaro 2006) dočkal redesignu...
www.adorewoods.com
nová verze:
stará verze:
ADORE WOODS = UCTÍVÁNÍ DŘEVA - Norman si koupil soustruh a pustil se do výroby
mís a svícnů. No a na mě bylo, abych mu o tom udělal web... Zase je lepší
ho navštívit spíše kvůli obsahu než formě, já bych jen podotknul, že je to
celé opět zrobeno pomocí CSS a tentokrát jsem se snažil o maximální designový minimalismus.
Jestli se mi to povedlo, to posuďte sami.
A nedávno (podzim 2005) jsem to celé v rámci nového skinu poněkud umírnil...
www.pass-prague.cz
PASS = Program of Atlantic Security Studies. Můj vzhled - opět CSS (je to bohužel tak trochu IE only - vznikalo to moc rychle). Hradčany si objednal zadavatel. PHP měl na starost Jiří Hrstka.
www.bsab.cz
Zakázka pro firmu Tomáše Bílého. Snažil jsem se o maximální využití CSS. Ta mapa vpravo je taková Flashová ptákovinka, která nic neumí, ale snaží se vypadat hezky.
www.lakave.info/3d-start
nová verze:
stará verze:
Jednoho krásného dne jsem si udělal radost a pro staré texty o 3D modelování
jsem vytvořil nový malý webík s extra vzhledem. Testuji na něm též služby
systému BillBoard.cz.
Nedávno (jaro 2006) jsem dal všemu úplně nový kabát - vše je nyní na jedné stránce, daleko přehlednější.
http://home.tiscali.cz/bob.marvan/index_old.htm
Moje staré (první) osobní stránky. Jediné, co mi z nich zbylo v používání do dnešních dnů je cosi jako moje osobní logo - najdete ho vlevo nahoř na této stránce v oranžovém proužku s navigací.
www.pe.klo.cz
Nový web Pekla = CSS + pozicování + PHP + dynamické menu + implementované vyhledávání... Tahle verze už není v provozu.
www.ginkgo-praha.org
nová verze:
stará verze:
Po letech asi dvou je to konečně tady! Nový web oddílu Ginkgo je v provozu! Jedná se o společné dítko mé a Norika - já připravil design a nakódoval to, Norik připravil skvělý redakční systém (leckterá on-line redakce by nám jeho redsys mohla závidět)! Podle prvních ohlasů se stránky opravdu povedly. Pro porovnání zde stále nechávám screenshot původního Ginkgowebu.
www.sculptor-ridenour.com
První pořádné stránky, které jsem kdy stvořil a vstoupily do virtuálního života, jsou stránky amerického sochaře Normana Ridenoura, shodou okolností současného manžela mé matky :-) Vřele doporučuji ke shlédnutí, ani ne kvůli samotným stránkám, ale kvůli SOCHÁM!!!
Něco jako můj vlastní www manifest?
To, co tu budu teď psát, mi leží v hlavě (jiní by řekli spíše v žaludku) už delší dobu a protože nemám jiné vhodné místo, kam bych to napsal, bude to muset vydržet tato stránka.
Po už poměrně dlouhé době potulování se po českém a nejen českém webu a zajímání se o webdesign (prostě mě zajímá, kde to jak vypadá), mě čím dál tím víc zarážejí a štvou stránky, které jsou sice vzhledově, barevně i kompozičně dokonalé, či alespoň k pozastavení, leč jejich funkční hodnota je více než sporná.
Takové stránky se většinou vyznačují následujícími znaky:
- při jejich otevření, první co člověk vidí, je nápis LOADING...
- ono LOADING... probíhá na modemovém připojení neúměrně dlouho
- po úspěšném nahrání prezentace člověka většinou čekají dva zásadní úkoly: 1. nalézt na stránce navigaci a 2. objevit tajemství jejího fungování
- když už člověk rozchodí navigaci, je hlavní informační sdělení celého webu (pokud ovšem nějaké má) někde velice důmyslně skryto
- pokud už člověk na stránce čirou náhodou nalezne nějaký text, pak jeho četba je téměř nemožná protože: a) stránka má tak nesmyslný formát, že na samotný text zbývá jen minimální prostor a proto... b) ... je písmo malé c) písmo má minimální kontrast vůči pozadí
- po té, co člověk přeci jen rozluští nějaký text na stránce, zjistí, že jeho informační hodnota se limitně blíží nule (naštěstí ne absolutně ve všech případech)
- naopak, pokud kliknete na odkaz vedoucí k webmasterovi takovýchto stránek, máte velikou šanci (tentokrát, řekl bych, téměř 100%), že se ocitnete opět na stránkách začínajících nápisem LOADING...
Možná jsem nyní urazil autora nějaké opravdu pěkné a funkční flashové prezentace, ale když si seznam přečtete ještě jednou, zjistíte, že se "nenavážím" do Flashe, ale pouze volám po větší ergonomii a uživatelské přáteskosti až "přítulnosti" stránek a to sice z úhlu pohledu uživatele nikoliv tvůrce www stránek!
Nepíši zde nic nového - o stejných problémech psalo již mnoho lidí, ale právě proto se teď ptám: proč, když na webu existuje tolik teoretických rad, jak udělat stránky uživatelsky příjemnější, proč se autoři nepoučí?!?
Netvrdím, že jsem v životě nevytvořil web s výše popsanou charakteristikou (jen tiše doufám, že alespoň né úplnou...), ale tvrdím, že se snažím "být poučený", když už ty chyby udělali jiní a existuje tolik rad, jak se jim vyhnout..!
Tento "manifest" vznikl jako "nářek zoufalého uživatele" v době mojí osobní deprese z používání Internetu - prostě jsem si potřeboval, jak se tak říká, vylít srdéčko!
Základní požadavky na zákazníka
- potřebuji znát rozsah a ještě lépe přímo textový obsah danných stránek. Tedy nejlépe sepsaný seznam jednotlivých stránek s naznačenou strukturou (tu společně doladíme) + připojené dokumenty, které budou obsahovat texty jednotlivých stránek, strukturované tak, aby bylo jasné, co je nadpis, podnadpis, text, poznámka... A vše nejlépe ve formátu TXT, což umí obyčejný Notepad ve Windows.
- potřebuji mít případné obrázky, které byste chtěli na stránky umístit - tedy např. hlavně firemní LOGO!
- potřebuji znát Váš barevný vkus, resp. firemní barvy, případně rovnou barevnou kombinaci, která by se Vám líbila.
- pokud máte a mužete poskytnout, tak i jakýkoliv jiný firmení dokument (pokud máte sjednocený vzhled) by mi pomohl, tedy např. katalog, vizitka, hlavičkový papír...
- pro lepší představu o Vašem vkusu by se mi hodilo pár odkazů na www stránky, které se Vám líbí a to jak z oblasti Vaší konkurence, tak i odkudkoliv odjinud (nejlépe by opravdu bylo, kdyby ve Vašem výběru byly zastoupeny obě skupiny - nehodlám je kopírovat, ale základní představu někde získat musím) a tyto odkazy doplnit komentářem, proč právě tyto stránky se Vám líbí, co konkrétně se Vám na nich líbí a proč a případně i co se Vám nelíbí a opět i proč. (pozn.: mě se napříkald velice líbí: www.reflex.cz, www.archatheatre.cz, www.centruminternetu.cz, www.ngprague.cz, www.pixy.cz, ale třeba i www.eurotel.cz a mnoho dalších...
- pokud máte v hlavě již nějakou přesnější představu o tom, jak by to celé mělo vypadat - mám na mysli rozmístění jednotlivých prvků na stránce (navigace, logo, patička, vyhledávání ve stránkách...) a jejich případné barvy a velikosti - tak není nic snazšího, než to namalovat a případně doplnit komentářem, já už se tím nějak prokoušu a pokusím se stránky vytvořit tak, aby co nejvíce odpovídaly Vaší představě (pokud ovšem budete navrhovat nějaké řešení, které by bylo v rozporu s dosavadními osvědčenými praktiakmi na www, tak Vás na to samozřejmě upozorním a budeme společně hledat nějaké správnější a optimálnější řešení - toto se týká například právě barevných kombinací, typografie, umístění navigace...)
- pokud již vlastníte nějaký webový prostor a adresu, budu potřebovat znát přístupové kódy k tomuto účtu, abych tam mohl výsledky práce jednak zkoušet a druhak rovnou aktuálně vystavovat a případně později i aktualizovat
- dále si prosím rozmyslete, zda budete chtít na stránkách používat systém výměnné bannerové reklamy (mám vyzkoušený a ověřený www.billboard.cz - za zobrazení cizího banneru na Vašich stránkách se Váš banner zobrazí na cizích stránkách) - to potřebuji vědět hned ze dvou důvodů: 1) musí se připravit místo pro cizí banner na Vašich stránkách 2) Váš banner se musí vytvořit, tedy nakreslit, napsat, naanimovat...