Skrolování: nejnovější směr webdesignu

čtvrtek, 19. dubna 2012, 07:30 Internet & Mobil MediaGuru

Aktuálním trendem při tvorbě produktových stránek je zapojení uživatele pomocí skrolování. Přinášíme deset příkladů, které stojí za pozornost.

Využít přirozený posun obrazovky, aby navodily pocit pohybu, si v posledních měsících na mikrostránkách a dalších projektech, u nichž je rozhodující vnímání značky, vyzkoušela řada světových firem.

Následující weby jsou statické, pohyb iniciuje uživatel. Pro přesun na konkrétní stránku klikněte na přiložený odkaz. Web se otevře v novém okně.

Volkswagen
http://www.beetle.com/

Volkswagen promuje svůj Beetle na velmi dlouhé stránce. Když skrolujete, na stránce se rozběhne zdánlivá animace. Stačí, když stisknete klávesu se šipkou směrem dolů…


Mercedes-Benz
http://www.smartusa.com/

Podobný webový zážitek nabízí americkým návštěvníkům stránek modelu Smart také automobilka Mercedes-Benz.

Nike
http://www.nike.com/jumpman23/aj2012/

Značka Nike na svém produktovém webu Air Jordan využila techniku paralaxy.

Nintendo
http://www.nintendo.com.au/

Australský web značky Nintendo zase spoléhá na posun horizontálním směrem.


Apologie Paris
http://www.apologie-paris.com/

Ze skrolování na stránce této značky obuvi se vám po počátečním údivu dost možná i rozmotá hlava.

Dangers Of Fracking
http://www.dangersoffracking.com/

Extrémně dlouhý web působí dojmem infografiky. Čím níže na obrazovce klesnete, tím více informací získáte.

Carnation Group
http://www.carnationgroup.com/

Zajímavý web má i maďarská reklamní agentura Carnation Group. Kombinaci skrolování a funce „drag and drop“ posuďte sami.

Bagigia
http://www.bagigia.com/

Poněkud zvláštní produkt, kombinaci lahve a tašky, propagují neméně obyčejné stránky.

One Design Company
http://onedesigncompany.com/

Ke skrolování do všech směrů vyzývá následující webdeveloperská agentura. Všechny informace se nalézají na jediné stránce.

Activate Drinks
http://www.activatedrinks.com/

Produktová stránka se plně odhalí, až při skrolování.

-ptv-

Zdroj: Econsultancy