Zeptali jsme se…
Je možné, aby byl obchod s vymezovacími kroužky zábavný a zaujal na první dobrou? No samozřejmě, že to jde!

Webdesign

E-shop vymezovaci-krouzky.cz neprošel redesignem pěkně dlouho dobu, bylo tedy na čase podívat se mu pod pokličku. Jeho majitel nás požádal o vytvoření svěžího, uživatelsky přívětivého a zábavného designu.

Pan Kroužek je jedním z našich nejlepších výtvorů, proto si zaslouží pozornost. Naším cílem bylo vytvořit z obyčejného nákupu nezapomenutelný zážitek. Nové stránce jsme rovněž chtěli vdechnout příběh a představit návštěvníkům zábavné okamžiky ze života pana Kroužka. S podporou WebGL na všech moderních zařízeních jsme se rozhodli scény vykreslit pomocí 3D přímo v prohlížeči. To nám umožnilo některé z prvků učinit interaktivní. Po uvedení na trh jsme obdrželi spoustu pozitivních ohlasů. Zákazníky nejvíce oslovilo originální zpracování i to, že se pro ně běžný nákup stal zábavným zážitkem.

Po dokončení nákupu vám pan Kroužek zatančí.

Příběh

Pan Kroužek je postava, kterou jsme vytvořili pro předchozí verzi webu. Všichni si ho zamilovali, a proto jsme prostě museli pokračovat v jeho příběhu.

Projekt měl velmi nízký rozpočet, naším úkolem tedy bylo velice efektivně nakládat s časem. Jednotlivé scény webu jsme se rozhodli postavit na třech původních modelech. Seznamte se s panem Kroužkem, panem Liškou a báječným Autem.

Skicy

Rychlé skicy jsme vytvořili pro vizualizaci a představení nápadu pro majitele webu.

Postavy

Navrhování scén ve 3D, které měli být vykresleny přímo v prohlížeči, se ukázalo jako pořádná výzva. Veškeré animace musely mít nízký počet polygonů a jednoduché textury, aby se stránka rychle načítala.

Pan Kroužek

Náš hlavní hrdina. Odborník se specializací na „vymezovací kroužky“. Okouzlující společník, a jak se později ukáže po dokončení objednávky, i vynikající tanečník! Ve finále jsme se rozhodli vysvléci ho z původní pruhované košile, abychom ušetřili nějaké ty kilobajty.

 

Pan Liška

Nejlepší kamarád pana Kroužka i zákazník. Ptáte se, na co liška potřebuje vymezovací kroužky? No, tak to ještě neznáte pana Lišku!

 

Auto

Má jen pár polygonů, přesto ale dokáže ručičku tachometru vystřelit až na 403 km/h. Wow!

 

Velice poetická
404 chybová stránka

Stránky 404 prostě milujeme, neboť zde můžeme naplno rozvinout naši tvůrčí svobodu. Na této 404 končí i všechny cesty pana Kroužka. Uvádí se zde: Chyba nebo příliš vysoká rychlost bez vymezovacích kroužků? Pan Kroužek dorazil na konec své cesty, ale vámi hledanou stránku nikdy nenašel.

Chybová stránka nám dává tolik nezodpovězených otázek. Například, visí z větve hlava pana Kroužka? Je mrtvý? A může vůbec někdy zemřít, když je jeho hlava z plastu?

Tolik otázek na které nikdy nebudeme znát odpověď.
 

Dát vše dohromady a bezchybně nakódovat

Vytvoření webu v reálném čase a vykresleném ve 3D nás postavilo před spousty nástrah a výzev. Zejména pokud jde o optimalizaci webu pro zařízení nižších tříd.

Všechny 3D modely musely mít nízký počet polygonů, aby se scény zobrazovaly návštěvníkům okamžitě a s optimálním výkonem. Spoustu času jsme proto strávili nad optimalizací všech aktivních prvků a kódů. Díky tomu se stránka i veškeré animace načítají rychle a na všech zařízeních.

Když se nepovede import 3D modelu

Pane Kroužku! Upozorňujeme vás, že tato pozice není ani v józe povolena.

Malé chyby v kódu mohou vést k velkým potížím

A jsme si zcela jistí, že k tomu došlo i těsně před načtením chybové stránky 404.

Vývoj back-endu

Naštěstí se nám podařilo využít většinu back-end PHP kódu z předchozí verze webu, což ušetřilo spoustu času. Díky tomu jsme měli mnohem více prostoru na samotný design a front-end development.

 

Jaké parádní dílo můžeme nadesignovat pro vás?