Památník operace Anthropoid - ilustrace

Vytvořil jsem web pro nejlepší české průvodce po židovských památkách.

Představa mimo budget

Předtím, než jsem si sednul s Wittmann Tours a povídal si o redesignu jejich stránek, jsem měl dost odlišnou představu o tom jak jejich túry prezentovat.

Zobrazení stránky na mobilu

Moje prvotní myšlenka byla představit všechny prohlídky formou pohlcujícího interaktivního dokumentu, který bude doprovázen mnoha fotografiemi a videi. Po výpočtu finančních nákladů na takovou výrobu a po upřesnění rozpočtu s Wittmann Tours jsem ale zjistil, že stanovený budget mi výrobu rozhodně nepokryje. Musel bychom jít cestou osekávání obsahu, což by výslednému dílu ubralo na kráse a efektnosti. A než něco dělat polovičatě, je lepší to nedělat vůbec. Myšlenku jsem proto raději opustil a začal jsem hledat nové řešení.

Zpátky ke kreslícímu prknu

Ačkoliv jsem měl značně okleštěný rozpočet, nechtěl jsem projekt opustit. S Wittmann Tours mám přátelské vztahy a jejich práce se mi líbí. Navíc jsem už byl nadšen a natěšen, že pro ně něco krásného vytvořím! Bylo proto třeba věci co nejvíce zjednodušit. Nakonec jsem jako průvodce webem vymyslel animovanou rodinku, která tvoří kreativní prvek na vícero podstránkách. Také jsem se rozhodl využít „backend“ kódování z původních stránek, což mi ušetřilo spoustu programátorského času.

Zjednodušení UX

Nejdůležitější změnou v návrhu bylo jednoznačně zjednodušení procesu prohlížení a rezervace zájezdů. Dost času jsem strávil přemýšlením nad tím, co bych mohl ze stránek odstranit, abych dosáhl plynulejšího a intuitivnějšího uživatelského prostředí. Ke každému zájezdu jsem přidal zajímavosti, historické souvislosti a často kladené otázky.

Schéma nového UX designu
Ukázka konceptu nového UX prezentovaného klentovi.
Pokud kliknete na bublinu s přímou řečí, budete přesměrováni přímo do dané recenze na stránkách TripAdvisor, z níž výňatek pochází.

Inspirace hrou

V rámci zachování jednoduchosti jsem vytvořil pouze omezený počet postaviček, které návštěvníka provázejí webem.

Inspirováni vizuály adventure her typu Point and Click, jako je Broken Sword, jsem nakreslil rodinku, jež nás plynule provádí celým webem. Postavičky jsem rozpohyboval a z těchto animací chůze jsem vytvořil úvod, sekci recenzí i stránku 404. Klient mě nakonec požádal, zda bych rovněž ilustroval úvodní obrázky k hlavním zájezdům. U těchto prohlídek jsme s klientem vybrali nejznámější objekty dané trasy a použili je jako úvodní ilustrace.

Návrh postaviček pro animaci
Místo použití videí je vše animované s pomocí WebGL.
Ilustrace - Památník Operace Anthropoid Ilustrace - Orloj na Staroměstském náměstí Ilustrace - Tančící dům Ilustrace - Španělská synagoga

Použij to znovu, pak recykluj

Zaměřil jsem se na to, abych využil co nejvíce původního kódu z předešlých stránek a tím snížil celkový rozpočet.

Výzva přijata! Pustil jsem se do toho a pokusil se využít co největší množství původního kódu. Nainstaloval jsem nejnovější aktualizace zabezpečení a provedl drobná vylepšení. Díky schopnosti zachránit většinu kódu jsem nakonec ušetřil spoustu času na vývoji. Závěrem jsem optimalizoval veškerá multimédia i kód pro rychlé načítání stránek, abych potěšil nejen návštěvníky, ale i vyhledávače.

Chybová stránka 404. Text v bublinách je náhodně vybírán ze seznamu.

Jaké parádní dílo můžu vytvořit pro vás?