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.
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?
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.
