Aktuální web Larpvíkendu | Web Larpvíkendu 6

Co se dělalo?

• Návrh vzhledu
• Příprava grafických podkladů
• Kódování XHTML a CSS
• Úprava šablon jako téma pro CMS WordPress
• Částečné naplnění obsahem

Podoba podstrany ↓

Web Energ Servis

Co se dělalo?

• Návrh vzhledu
• Příprava grafických podkladů
• Kódování XHTML a CSS
• Interaktivní obsah a některé grafické detaily s využitím knihovny jQuery
• Úprava šablon jako téma pro CMS WordPress
• Naplnění vzorovým obsahem

Prostředí, ve kterém se má akce Projekt Systém odehrávat, vychází konceptuálně z podoby socialistických pozůstatků ze 60. a 70. let u nás. Má to vypadat omšele, staře; trochu kancelářsky, trochu betonově, panelákově. I vizuál webu vychází z tohoto konceptu.

Obsahově se vlastně jedná o jednoduchý web s několika podstranami a proudem příspěvků na pomezí novinek a miniblogu. Má sloužit jako jediná podstatná informační cesta k projektu a potenciálního účastníka nasměrovat na přihlášku. Titulní strana dává prostor veledůležitému traileru, textové upoutávce a v panelech evokujících svým spojením jakousi časovou osu shrnuje to nejpodstatnější z každé podstrany, na kterou také vydatně odkazuje.

Pro maximální uživatelský komfort co do sledování dění na webu je titulní strana vybavena řadou různých forem syndikace a umožňuje přihlášení k odebírání newsletteru. Aby účastníci s přihlašováním příliš neotáleli, je na titulní stranu vyvedena naplněnost jednotlivých termínů.

Realizačnímu týmu se podařilo nafotit pár pěkných fotek a protože pěkné fotky prodávají, jsou na webu všude, kam se jen podíváte. Nesmělo se ovšem zapomenout ani na sponzory a partnery projektu, kterým je věnována většina patičky a ještě samostatná podstrana Partneři.

URL: http://www.projekt-system.cz/

Co se dělalo?

• Návrh vzhledu
• Příprava grafických podkladů
• Kódování XHTML a CSS
• Úprava šablon jako téma pro CMS WordPress
• Vytvoření přehrávače videa v podobě televize ve Flashi
• Naplnění obsahem

Ocenění

Web Projekt Systém byl publikován na několika CSS galeriích a objevil se rovněž ve výběru „webdesignu z papíru“.

• 35 Amazing Paper Made Website Designs
• Web na CSS Mania
• Web na CSS Gallery
• Web na CSS Design

URL: http://v-roli.cz/

Co se dělalo?

• Návrh vzhledu
• Příprava grafických podkladů
• Kódování XHTML a CSS
• Naplnění obsahem

Centrum 8D slouží jako místo pro setkávání širokých společenských i věkových vrstev. Poskytuje jakousi, byť rozsahově mnohem menší, alternativu Brněnskému volnočasovému molochu Lužánky, kterému konkuruje zejména mnohem otevřenějším přístupem k aktivitám, které je ochotno zastřešit.

Vzhledem k velmi širokému záběru webu musel být obsahově uzpůsoben a zpřístupněn nejen mladým návštěvníkům. Rozsah obsahu není zdaleka malý a vhodná strukturovanost byla nezbytná. Centrum svůj program ideologicky rozčleňuje mezi čtyři hlavní proudy: tvořivost, vzdělávání, sport a integrace. I web je laděn v tomto duchu a tyto proudy tak tvoří hlavní obsahové kategorie, v jejichž rámci se návštěvník propracovává k specifičtějším pasážím obsahu.

Titulní strana webu nabízí rychlé dosažení podstránek a samostatných webů některých projektů centra, z nichž za pozornost stojí zejména Open dialog a jeho živé video přenosy, které bylo nutné do stránek rovněž začlenit. Samotné přenosy formou externí technologie zajišťuje firma Livebox.

Kalendář a sekčně členité galerie už jen dotváří mírně portálový charakter webu, který je tak schopen na základní úrovni sdružit zájemce o dění v osmi rozměrech. Web nemá za cíl být výrazně komunitním, k tomuto účelu poslouží lépe Fórum centra 8D.

URL: http://www.centrum8d.cz/ (současná podoba ještě návrh plně nerespektuje)

Co se dělalo?

• Návrh vzhledu
• Kosmetický redesign původní struktury
• Příprava grafických podkladů
• Kódování XHTML a CSS jako tématu vzhledu pro CMS Wordpress
• Modifikace systému Wordpress pomocí pluginů dle specifických požadavků Centra 8D

Sdružení se zabývá pořádáním turnajů a dalších akcí spojených s počítačovými a v blízké budoucnosti už nejen počítačovými hrami pro středoškolské studenty. Cílová skupina webu však kromě nich zahrnovala rovněž na zaměstnance škol a další potenciální participanty a pořádání těchto akcí.

Autorem vizuální identity sdružení je Adam Hrubý (http://ihate.biz) a má tak svůj podíl na tváři tohoto webu mimo to i vydatnou konzultací.

URL: http://www.studentcybergames.cz/ (současná podoba ještě návrh plně nerespektuje)

Odvedené práce

• Návrh vzhledu

Požadavkem bylo vytvořit prostou a čitelnou stránku, která by potenciálním klientům poskytla základní představu o ostře diskutované výstavbě v Masarykově čtvrti. Obsahová část zahrnuje několik reprezentativních vizualizací a tři textové bloky, které shrnují minulost, současnost a plánovanou budoucnost lokality projektu.

Vzhledem k malému rozsahu webu jsem si tentokrát dal záležet na drobnostech typografické úpravy, od kterých se jinak na webu pro přílišnou náročnost upouští. To znamená, že na konci řádků byste neměli objevit žádnou jednopísmennou spojku nebo předložku a vhodnými znaky byly vytvořeny pomlčky.

Vizualizační část obsahuje jen několik obrázků a byla by škoda zbytečně uživatele nutit natahovat další stránky, prohlížení vizualizací se proto řeší asynchronně zobrazením v tzv. Lightboxu.

URL: http://www.wilson-brno.cz/

Odvedené práce

• Návrh vzhledu
• Příprava grafických podkladů
• Kódování XHTML a CSS, implementace drobných JS řešení
• Naplnění obsahem

Produkt Air Ace je vhodný pro lidi různých věkových skupin, přesto se jedná především o hračku a návrh webu byl s ohledem na tuto skutečnost tvořen. Respektuje barevné schéma dané výrobcem, díky doplnění bílé plochy však vyniká vyšší čitelností oproti původnímu německému webu.

Rozložení stránky umožňuje snadnou a nápadnou prezentaci „horkých“ produktů, stejně jako dává dostatek prostoru vlastnímu obsahu. Zajímavé mohou být rovněž efekty, které se vyvolají po najetí kurzoru nad některé prvky.

URL: http://www.airace.cz/

Související činnosti

• Návrh vzhledu a struktury
• Příprava grafických podkladů
• Kódování XHTML a CSS, obslužný skript v PHP
• Naplnění obsahem

Základními požadavky pro redesign bylo zviditelnění nabídky developerských projektů (nových bytových i komerčních výstaveb), která je pro RK podstatná. Pro uživatele musel být přístup k nim co nejjednodušší. Uživateli je hned na titulní straně nabízeno, zda má zájem o jednotlivé zakázky nebo právě o tyto projekty. Další volba konkrétní výstavby se poté děje na základě náhledu vizualizace.

Zároveň bylo nutné zachovat stávající systém organizace jednotlivých nabídek a poptávek, což také úzce souviselo se strukturou informačního systému RK, kterou bylo potřeba respektovat.

Barevné schéma vychází z barev realitní kanceláře a částečně také odráží původní vzhled webu, kde byly tyto doplněny ještě o modrou.

URL: http://www.fiedlerreality.cz/

Související činnosti

• Návrh vzhledu a částečná úprava stávající struktury
• Příprava grafických podkladů
• Kódování šablon XHTML a CSS a jejich zahnízdění ve stávajícím systému

Základní představou bylo vytvořit co nejprostší web velmi stručného obsahu, který poskytne potenciálním účastníkům konference relevantní informace, aniž by se museli zabývat množstvím informací irelevantních. Domovská strana tak obsahuje krátké představení akce a zpřístupňuje několik funkcionalit, které by měly uživateli pomoci dění kolem akce sledovat (RSS feed, Newsletter). Další strukturované informace může návštěvník najít v příslušných podsekcích.

URL: http://www.odraz.org/

Související činnosti

• Návrh vzhledu a struktury
• Příprava grafických podkladů
• Kódování XHTML a CSS, obslužný skript a jednoduchý redakční systém v PHP
• Naplnění obsahem