11 nejlepších příkladů mikrostránek, které jsme kdy viděli

Říká se, že nejlepší věci jsou často v malých baleních. Přemýšlejte o tom: šperky, Snapchaty, knihy, klíčky od nového auta… všechny tyto věci tuto myšlenku potvrzují.

A vzhledem k tomu, že se naše pozornost zmenšuje pod úroveň zlaté rybky, nemělo by nás překvapit, že začínáme toužit i po cílenějším obsahu v menším měřítku.

Začíná vznik mikrostránek. Na rozdíl od běžných webových stránek bývají mikrostránky spíše jednodušší a snadněji se na nich orientuje. To však neznamená, že se v nich nebudete chtít chvíli hrabat. Ve skutečnosti ty opravdu skvělé dělají právě to.Klikněte sem a stáhněte si naši kurátorskou sbírku příkladů interaktivního obsahu. Jste připraveni podívat se na několik příkladů použití? Podívejte se na seznam níže, kde najdete několik skvělých příkladů mikrostránek v akci.

Poznámka: V sedmém příkladu se vyskytují vulgární výrazy, takže pokud to není váš šálek čaje, projděte si ho.

Co je to mikrostránka?

Mikrostránka je samostatná webová stránka nebo malý shluk webových stránek, které fungují jako samostatná entita značky. Mikrostránka obvykle sídlí na vlastní doméně, ale některé existují i jako subdoména.

Mikrostránky mohou značkám pomoci dosáhnout řady cílů. Některé společnosti je například používají ke zvýraznění konkrétní kampaně nebo k zacílení na konkrétní kupující persony. Jiné je použily k vyprávění krátkého příběhu nebo k inspiraci konkrétní výzvy k akci.

11 příkladů geniálních mikrostránek

1) YearInMusic.Spotify.com | Spotify

Kromě toho, že slouží jako bolestivá připomínka toho, kolik písniček Justina Biebera jsem loni poslouchal opakovaně, se Rok v hudbě ve službě Spotify ukázal jako jedna z nejlépe provedených mikrostránek, které jsme kdy viděli.

spotify-year-in-music.png

Interaktivní stránka společnosti Spotify, která se běžně označuje jako „oslava“ hudby, která nás provázela uplynulým rokem, je přizpůsobená speciálně pro vás na základě vašich poslechových zvyklostí.

Co přesně to znamená? Inu, nástroj vám umožňuje snadno vytvořit personalizovanou rekapitulaci, která zahrnuje podrobnosti, jako je vaše první přehraná skladba, nejoblíbenější interpreti podle ročních období a kolik času jste poslechem strávili. Zážitek je pro uživatele jedinečný, takže je pro něj zábavné sdílet a porovnávat svou synopsi s přáteli.

A pokud jde o sdílení, mikrostránka to opravdu usnadňuje. Každou statistiku, kterou pro vás stránka vytáhne, můžete sdílet na sociálních sítích díky praktickému tlačítku v pravém dolním rohu obrazovky.

2) DangersOfFracking.com | Linda Dong

Ve snaze získat podporu pro zákon FRAC (Fracturing Responsibility and Awareness of Chemicals Act) navrhla interakční a průmyslová designérka Linda Dong krásnou mikrostránku, která pomocí paralaxního designu vypráví o nebezpečí hydraulického štěpení.

mikrosite-fracact

Příběh začíná kapkou vody padající z mraku a při posouvání stránky dolů sledujete, jak je kapka vody převážena z nákladního auta na místo frakování, přeměněna na sledovací kapalinu a poslána do plynového vrtu do země. Cestou se setkáváte s plovoucími fakty a statistikami o nebezpečí frakování, až na samém konci narazíte na dvě jednoduché výzvy k akci: „

microsite-fracact2

Microsite, jako je tato, se výrazně soustředí na využití směrových signálů (v tomto případě paralaxního pohybu), aby přiměly uživatele dokončit určitou výzvu k akci – takže jakékoli další rozptýlení nebo navigační panel jsou zcela odstraněny.

Pokud se vaše mikrostránka soustředí na jednu nebo dvě výzvy k akci, ujistěte se, že jsou stručné a akční, jako je tomu v tomto případě, a že je vizuálně odlišíte od zbytku webu tím, že zvýrazníte barvu písma nebo umístíte kopii do tlačítka.

3) UrWhatUPost.com | Bolthouse Farms

„Proč by mělo nezdravé jídlo získat všechnu slávu?“

Tuto otázku si položíte, když poprvé přijdete na mikrostránku UrWhatUPost.com společnosti BoltHouse Farms. Společnost BoltHouse Farms vytvořila tuto stránku, aby lidem ukázala, kolik konverzací na sociálních sítích se odehrává na téma zdravé potraviny versus nezdravé potraviny. Za tímto účelem shromáždili hashtagy #UrWhatUPost a sledovali druhy potravin, které sdílíme na sociálních sítích, a poté postavili proti sobě zdravé věci, jako je #grapes, a nezdravé věci, jako je #icecream. Cíl webu je v souladu s celkovým posláním jejich společnosti:

microsite-foodpornindex

Bolthouse Farms dokazuje, že mikrostránky nemusí být minimalistické. Stránky na webu jsou barevné a animované, slova a pohyblivá čísla se mění na visící mrkve a houpající se granátová jablka. Klikněte na potravinu a stane se kouzlo – každá potravina je jiná. Klikněte na granátové jablko a můžete do něj „udeřit“ klikrem jako do piňaty. Klikněte na meloun a dostanete se na stránku „melounové meditace“, něco jako vizualizér iTunes.

4) Dominosdxp.com | Domino’s Pizza

Loni společnost Domino’s oznámila své nové vozy pro rozvoz pizzy Chevy Spark, známé jako DXP. Vozy byly záměrně přepracovány pro rozvoz pizzy a díky tomu se mohou pochlubit spoustou úžasných funkcí – například pecí v místě, kde by měly být levé dveře, prostorem až pro 80 pizz, vlastním úložným prostorem pro omáčky a nápoje.

Aby se touto úžasností pochlubili, spustili nedávno speciální mikrostránku s podrobným popisem všech věcí kolem DXP.

dominos-microsite.png

Stránka je silně interaktivní a umožňuje návštěvníkům přiblížit si jednotlivé funkce, aby lépe pochopili účel a míru promyšlenosti jednotlivých doplňků. Celá stránka je také šikovně animovaná, takže je opravdu zajímavé se o jednotlivých funkcích dozvědět.

Kdyby nic jiného, jedná se o skvělý příklad toho, jak vzít poměrně složitý produkt nebo myšlenku a propagovat a vysvětlit ji způsobem, který je zábavný a zároveň snadno stravitelný. Ale neberte nás jen za slovo … navštivte webové stránky a prozkoumejte je sami.

5) EmojiTracker.com | Matthew Rothenberg

Server emojitracker.com nemá žádný „smysl“ – vytvořil ho Matthew Rothenberg, bývalý vedoucí produktového oddělení ve společnostech Flickr a Bitly, jako experiment se sledováním všech emoji používaných na Twitteru v reálném čase.

Screen_Shot_2014-08-19_at_3.37.13_PM

Jediné výzvy k akci na stránce jsou tlačítka tweet a follow úplně dole. Jinak je to jen čistě pro zajímavost. Bez navigační lišty nebo způsobu, jak se dostat na jinou stránku, to může být pro některé lidi skutečně matoucí.

Technicky to porušuje pravidla dobrého návrhu uživatelského rozhraní, ale ukazuje to, že mikrostránky nemusí mít složitý design. Zachovejte jednoduchost, abyste lidi udrželi na stránce a nezabrali jim příliš mnoho času.

6) Fu2016.com | House of Cards

Ustupte, Donalde Trumpe. Je tu nový prezidentský kandidát, který bere internet útokem díky této působivé interaktivní mikrostránce.

Pokud neznáte seriál společnosti Netflix „House of Cards“, pořad sleduje muže jménem Francis Underwood, bezohledného politika se skrytými plány. Protože seriál vstupuje do čtvrté série, propaguje premiéru chytrou mikrostránkou, která si dělá legraci z politiky. Mluvíme o perfektním načasování, co říkáte?

frank-underwood-microsite.png

Mikrostránka vyzývá návštěvníky, aby se připojili k Underwoodovu hnutí a shromáždili podporu pro „důležité“ problémy, jako je nerovnost, nepoctivost a nárok. Ale vtipy stranou, nejvíc se nám na této microsite líbí její design. Vlastně by se dalo snadno tvrdit, že stránka funguje lépe než stránky skutečných prezidentských kandidátů. Od Underwoodových upoutávajících, šibalských očí (navštivte web a přesvědčte se sami) až po vysoce kvalitní videa vás mikrostránka vtáhne a poskytne vám dobré důvody, proč se na ní zdržet a věnovat se obsahu.

FU_2016.png

7) WhatTheF*ckShouldIMakeForDinner.com | Zach Golden

Nemáte velký rozpočet? Nechte si poradit od Zacha Goldena, autora knihy What The F*ck Should I Make For Dinner? (Co bych si měl udělat k večeři?), který pro propagaci knihy vytvořil mikrostránku.

Co bych měl kurva udělat k večeři_.png

Děti, nastražte uši

Stránka má velmi jednoduché rozvržení: Rotační řádek „účel receptu“, rotující recept z knihy a tři odkazy, které vám umožní tak trochu „zvolit si vlastní cestu“. Má černobílé, minimalistické téma; používá všechna velká písmena a do rohu umisťuje malou výzvu k akci, která propaguje jeho knihu. To je vše.

Mediální společnost Digiday si vzala příklad z Goldena a použila jeho šablonu mikrostránky k provedení vlastního experimentu. Vytvořili mikrostránku WhatTheF*ckIsMyTwitterBio.com – s nulovým mediálním rozpočtem – aby zjistili, zda se obsah stane virálním a pomůže budovat jejich značku.

„Díky open-source WTFEngine od Justina Windleho, levnému webovému hostingu a registraci domény za 12 dolarů byla stránka WhatTheF*ckIsMyTwitterBio.com spuštěna za méně než dvě hodiny,“ stojí v tiskové zprávě společnosti Digiday. „Druhým krokem bylo naplnění webu obsahem, což zabralo .“

What_The_Fuck_Is_My_Twitter_Bio_.png

Jejich největší poznatek? Že dobrá kopie funguje. „Za propagaci webu jsme neutratili ani korunu a ‚organicky‘ dosáhl téměř 100 000 unikátních uživatelů.“

8) ElfYourself.com | OfficeMax

Mysleli jste si, že nemůžu napsat blogový příspěvek o mikrostránkách a nezahrnout do něj ElfYourself, že ne? Samozřejmě že ne. Snímek obrazovky níže ukazuje, jak web vypadá právě teď, ale až přijde sváteční sezóna, očekávejte, že vaše e-mailová schránka bude letos opět plná animací ElfYourself, protože ElfYourself nezmizí.

Screen_Shot_2016-03-02_at_3.01.52_PM.png

Čím si web získal takovou oblibu? Kromě toho, že je vtipná, je také snadno sdílená, má jedinou výzvu k akci a z uživatelů dělá hvězdy.

„Pro spotřebitele oživila značku,“ napsal Kenneth Hein v časopise Forbes, „a pro podnikatele poskytla lidskou tvář velkého maloobchodního řetězce.“

Jinými slovy, Office Max využil mikrostránku k tomu, aby byl kreativní a nechal vlát svou vlajku šílenství, a fungovalo to jako po másle. Kampaň zaměřili na spotřebitele, ne na značku – ale prodejní vazba přišla na konci videí ElfYourself v podobě kupónů a promoakcí.

9) TasteTheFeeling.Coca-Cola.com | Coca-Cola

Přiznejme si to: Všichni máme rádi GIFy. A lidé ze společnosti Coca-Cola využili tohoto nevyhnutelného obdivu a vytvořili pohlcující online zážitek v podobě mikrostránky „Taste the Feeling“.

Coca_Cola_Taste_The_Feeling.png

Takhle to funguje: Když uživatelé přistanou na stránce, zobrazí se jim dvouminutové hudební video za zvuků vlastní hymny kampaně od Aviciiho a Conrada Sewella. Video se skládá z třívteřinových GIFů ve smyčce, které zobrazují mnoho emocí, jež pijáci Coca-Coly prožívají. Během sledování si můžete vybrat emoci kliknutím na jednu z 32 ikon založených na emocích nebo zadat vlastní emoci a vytáhnout odpovídající GIF.

Všechny GIFy lze snadno sdílet na sociálních sítích, což slouží jako skvělý způsob, jak přilákat lidi zpět na stránky a zapojit se do obsahu.

Tato mikrostránka také slouží jako skvělý příklad pro ty, kteří mají zájem globalizovat prostředky své kampaně, protože je k dispozici ve více než 20 různých jazycích.

10) Inside.Chanel.com | Chanel

Inside Chanel je mikrostránka, která se podle Luxury Daily „snaží informovat zákazníky o historii a dědictví domu prostřednictvím videa a multimediálního obsahu“. Na stránkách se nachází spousta krátkých sociálních videí, která zachycují lidi, místa, věci a události, které přispěly k trvalému úspěchu této ikonické módní značky.

Účelem? „Strategií této mikrostránky je vytvořit určitou dostupnost historie značky Chanel, ale hlavně jejího úspěchu v průběhu let,“ vysvětluje Dalia Strumová, prezidentka společnosti Dalia Inc.

Inside_CHANEL.png

Líbí se nám jejich přístup k vizuálnímu vyprávění příběhů zaměřený na videa. Cílem každého z videí je poodhrnout oponu a poskytnout návštěvníkům exkluzivní pohled na fotografie a příběhy ze zákulisí, které se týkají různých aspektů značky – barev, módy apod.

Je důležité poznamenat, že tato stránka není prvním pokusem společnosti Chanel o vytvoření mikrostránky. Ve skutečnosti značka experimentovala s několika formáty mikrostránek, včetně stránky Chanel News v redakčním stylu:

Chanel_News.png

11) BurgerBff.com | Mellow Mushroom

Tato mikrostránka od lidí z Mellow Mushroom — franšízy pizzerie založené v Atlantě ve státě Georgia — byla vytvořena na podporu jejich nedávné kampaně „Burger BFF“. Kampaň byla spuštěna s cílem vytvořit rozruch pro jejich nové položky menu: Herb (vegetariánský burger) a Carnie (hovězí burger).

Položky menu byly pro účely kampaně upraveny do podoby kreslených BFF … a výsledek je docela roztomilý.

BFF_Burger.png

Mellow Mushroom využívá microsite k propagaci soutěže o možnost vyhrát zpáteční cestu do Denveru nebo Seattlu se svým bestie. A činí tak řadou opravdu zábavných a zajímavých způsobů. V jedné části stránky například vyzývá návštěvníky, aby se pomocí hashtagu #BurgerBFF zapojili do soutěže a pochlubili se svými nejlepšími snímky burgerů na Instagramu:

BurgerBFF_Campaign.png

Ale to není všechno: Stránka nabízí návštěvníkům také několik dalších poutavých, interaktivních způsobů, jak se do soutěže zapojit, včetně kvízů a generátoru příběhů ve stylu Mad Libs.

Tady je 11 příkladů cenových stránek, které si budete chtít prohlédnout.

Nová výzva k akci

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.