11 of the Best Microsite Examples We’ve Ever Seen

They say the best things often come in small packages. Pomyśl o tym: biżuteria, Snapchaty, książki, kluczyki do nowego samochodu … wszystkie te rzeczy potwierdzają to pojęcie.

A ponieważ nasza uwaga kurczy się do poziomu złotej rybki, nie powinno dziwić, że zaczynamy pożądać bardziej skoncentrowanych treści na mniejszą skalę.

Wprowadź powstanie mikrowitryn. W przeciwieństwie do zwykłych stron internetowych, mikrowitryny są raczej uproszczone i łatwiejsze w nawigacji. To nie znaczy, że nie sprawią, że będziesz chciał się rozejrzeć przez chwilę, chociaż. W rzeczywistości, te naprawdę świetne właśnie to robią. Gotowy, aby zobaczyć kilka przypadków użycia? Zapoznaj się z poniższą listą, na której znajdziesz kilka świetnych przykładów mikrowitryn w akcji.

Uwaga: W przykładzie siódmym występuje bluźnierstwo, więc przewiń listę, jeśli to nie jest Twoja filiżanka herbaty.

Co to jest mikrostrona?

Mikrostrona to indywidualna strona internetowa lub niewielka grupa stron internetowych, które działają jako oddzielny podmiot dla marki. Mikrostrona zazwyczaj znajduje się w swojej własnej domenie, ale niektóre istnieją jako subdomena.

Mikrowitryny mogą być używane, aby pomóc marce osiągnąć wiele rzeczy. Na przykład, niektóre firmy używają ich, aby podkreślić konkretną kampanię lub dotrzeć do konkretnych odbiorców. Inne wykorzystały je do opowiedzenia krótkiej historii lub zainspirowania konkretnego wezwania do działania.

11 przykładów pomysłowych mikrostron

1) YearInMusic.Spotify.com | Spotify

Oprócz tego, że służy jako bolesne przypomnienie, ile piosenek Justina Biebera wysłuchałem w zeszłym roku, Rok w Muzyce Spotify okazał się jedną z najlepiej wykonanych mikrostron, jakie kiedykolwiek widzieliśmy.

Powszechnie określana jako „celebracja” muzyki, która przeniosła nas przez poprzedni rok, interaktywna strona Spotify jest spersonalizowana specjalnie dla Ciebie, w oparciu o Twoje nawyki słuchania.

Co to dokładnie oznacza? Cóż, narzędzie ułatwia stworzenie spersonalizowanego podsumowania, które zawiera takie szczegóły, jak pierwsza odtwarzana piosenka, najlepsi artyści według sezonu i ile czasu spędziłeś na słuchaniu. Doświadczenie jest unikalne dla użytkownika, dzięki czemu może on dzielić się i porównywać swoje streszczenia z przyjaciółmi.

A jeśli chodzi o udostępnianie, mikrostrona sprawia, że jest to naprawdę proste. Każda statystyka, którą strona wyciąga dla Ciebie może być udostępniona na mediach społecznościowych dzięki poręcznemu przyciskowi w prawym dolnym rogu ekranu.

2) DangersOfFracking.com | Linda Dong

W celu uzyskania poparcia dla FRAC Act (Fracturing Responsibility and Awareness of Chemicals Act), Linda Dong, projektantka interakcji i wzornictwa przemysłowego, zaprojektowała piękną mikrostronę, która wykorzystuje paralaksę do opowiedzenia historii o zagrożeniach związanych ze szczelinowaniem hydraulicznym.

Historia zaczyna się od kropli wody spadającej z chmury, a w miarę przewijania strony, podążasz za kroplą wody, która jest przewożona z ciężarówki do miejsca szczelinowania, zamieniana w płyn śledzący i wysyłana w dół studni gazowej do ziemi. Po drodze napotykasz na pływające fakty i statystyki dotyczące niebezpieczeństw związanych ze szczelinowaniem, aż na samym końcu napotykasz dwa proste wezwania do działania: „Skontaktuj się z lokalnymi urzędnikami” oraz „Dołącz lub wesprzyj swoją lokalną organizację.”

Microsites, takie jak ta, są mocno skoncentrowane na wykorzystaniu wskazówek kierunkowych (w tym przypadku ruchu paralaksy), aby nakłonić użytkowników do wykonania określonego wezwania do działania — więc wszelkie inne elementy rozpraszające uwagę lub pasek nawigacyjny są całkowicie usunięte.

Jeśli twoja mikrostrona koncentruje się na jednym lub dwóch wezwaniach do działania, upewnij się, że są one zwięzłe i możliwe do wykonania, tak jak to jest w tym przypadku, oraz że odróżniasz je wizualnie od reszty strony poprzez kolor czcionki lub umieszczenie kopii w przycisku.

3) UrWhatUPost.com | Bolthouse Farms

„Dlaczego śmieciowe jedzenie powinno mieć całą chwałę?”

Pytanie to pada, gdy po raz pierwszy trafiasz na mikrostronę BoltHouse Farms, UrWhatUPost.com. Firma BoltHouse Farms stworzyła tę stronę, aby pokazać ludziom, jak wiele rozmów w mediach społecznościowych toczy się na temat zdrowej żywności w porównaniu z niezdrową. Aby to zrobić, zebrali hashtagi #UrWhatUPost i prześledzili rodzaje żywności, którymi dzielimy się w mediach społecznościowych, a następnie zestawili zdrowe rzeczy, takie jak #grapes, z niezdrowymi, takimi jak #icecream. Cel strony jest zbieżny z ogólną misją firmy: Zmienić sposób, w jaki ludzie myślą (i postują) o zdrowej żywności.

Bolthouse Farms udowadnia, że mikrostrony nie muszą być minimalistyczne. Strony w witrynie są kolorowe i animowane, a słowa i ruchome liczby zamieniają się w dyndające marchewki i kołyszące się granaty. Po kliknięciu na produkt spożywczy dzieje się magia – każdy produkt jest inny. Kliknij na granat i możesz „uderzyć” w niego klikerem jak w piñatę. Kliknij na melona, a zostaniesz przeniesiony na stronę „medytacji melona”, podobną do wizualizatora iTunes.

4) Dominosdxp.com | Domino’s Pizza

W zeszłym roku Domino’s ogłosiło swoje nowe samochody dostawcze Chevy Spark, znane jako DXP. Samochody te zostały celowo przeprojektowane do dostarczania pizzy i w rezultacie mogą pochwalić się mnóstwem niesamowitych cech, takich jak piekarnik w miejscu, gdzie powinny znajdować się lewe drzwi, miejsce na 80 pizz, niestandardowy schowek na sosy i napoje.

Aby pochwalić się tą niesamowitością, Domino’s uruchomiło ostatnio specjalną mikrostronę, na której opisano wszystkie rzeczy związane z DXP.

Strona jest mocno interaktywna i umożliwia odwiedzającym powiększanie każdej z funkcji, aby uzyskać lepsze zrozumienie celu i poziomu przemyśleń, który został włożony w każdy dodatek. Cała strona jest również umiejętnie animowana, co sprawia, że poznanie każdej funkcji jest naprawdę interesujące.

Jeśli nic innego, jest to świetny przykład tego, jak wziąć dość złożony produkt lub pomysł i wypromować go oraz wyjaśnić w sposób, który jest zarówno zabawny, jak i łatwo przyswajalny. Ale nie bierz tylko naszego słowa za pewnik … odwiedź stronę internetową, aby odkryć to samemu.

5) EmojiTracker.com | Matthew Rothenberg

Nie ma żadnego „punktu” w emojitracker.com — został stworzony przez Matthew Rothenberga, byłego szefa działu produktu w Flickr i Bitly, jako eksperyment w śledzeniu w czasie rzeczywistym wszystkich emojis używanych na Twitterze.

Jedyne wezwania do działania w witrynie są tweet i śledzić przyciski na samym dole. W przeciwnym razie, jest to tylko dla czystego zainteresowania. Bez paska nawigacyjnego lub sposobu na przejście do innej strony, może to być mylące dla niektórych osób.

Technicznie łamie to zasady dobrego projektowania interfejsu użytkownika, ale pokazuje, że mikrostrony nie muszą mieć skomplikowanych projektów. Zachowaj prostotę, aby utrzymać ludzi na stronie bez zajmowania zbyt wiele ich czasu.

6) Fu2016.com | House of Cards

Odsuń się, Donaldzie Trumpie. Jest nowy kandydat na prezydenta, który szturmem zdobywa internet dzięki tej imponującej, interaktywnej mikrostronie.

Jeśli nie jesteś zaznajomiony z serialem Netflix „House of Cards”, program śledzi losy niejakiego Francisa Underwooda, bezwzględnego polityka z ukrytą agendą. Jako że serial wchodzi w sezon czwarty, promują premierę sprytnym microsite, który nabija się z polityki. Mówimy tu o idealnym wyczuciu czasu, prawda?

Mikrostrona zaprasza odwiedzających do przyłączenia się do ruchu Underwooda i zebrania poparcia dla „ważnych” kwestii, takich jak nierówność, nieuczciwość i uprawnienia. Ale żarty na bok, to co najbardziej podoba nam się w tej mikrostronie to jej wygląd. W rzeczywistości, można śmiało stwierdzić, że strona funkcjonuje lepiej niż strony kandydatów na prezydenta. Od przyciągających uwagę oczu Underwoodsa (odwiedź stronę, aby się o tym przekonać) po wysokiej jakości filmy wideo, strona przyciąga uwagę i dostarcza powodów, dla których warto się na niej zatrzymać i zaangażować w treść.

7) WhatTheF*ckShouldIMakeForDinner.com | Zach Golden

Nie masz dużego budżetu? Skorzystaj z podpowiedzi Zacha Goldena, autora książki „What The F*ck Should I Make For Dinner?”, który stworzył mikrostronę promującą książkę.

Nauszniki, dzieciaki.

Strona ma bardzo prosty układ: Obracająca się linia „cel przepisu”, obracający się przepis z książki i trzy linki, które pozwalają ci jakby „wybrać swoją własną podróż”. Ma czarno-biały, minimalistyczny temat; używa wszystkich czapek; i umieszcza małe wezwanie do działania w rogu, które promuje jego książkę. To wszystko.

Firma medialna Digiday wzięła przykład z Golden’a i wykorzystała jego szablon mikrostrony do przeprowadzenia własnego eksperymentu. Stworzyli mikrostronę WhatTheF*ckIsMyTwitterBio.com — z zerowym budżetem medialnym — aby sprawdzić, czy jej zawartość będzie wirusowa i pomoże budować ich markę.

„Dzięki open-source’owemu WTFEngine autorstwa Justina Windle’a, taniemu hostingowi i rejestracji domeny za 12 dolarów, strona WhatTheF*ckIsMyTwitterBio.com powstała w mniej niż dwie godziny” – czytamy w informacji prasowej Digiday. „Drugim krokiem było zapełnienie strony treścią, co zajęło .”

Największy wniosek? Że dobra kopia działa. „Nie wydaliśmy ani grosza na promocję strony, a osiągnęła ona prawie 100 000 unikalnych użytkowników 'organicznie’.”

8) ElfYourself.com | OfficeMax

Nie sądziłeś chyba, że mogę napisać wpis o mikrostronach i nie uwzględnić ElfYourself, prawda? Oczywiście, że nie. Poniższy zrzut ekranu pokazuje, jak strona wygląda teraz, ale w sezonie świątecznym spodziewajcie się, że wasza skrzynka odbiorcza znów będzie pełna animacji ElfYourself, ponieważ ElfYourself nie odejdzie.

Co sprawiło, że strona jest tak popularna? Poza tym, że jest przezabawna, łatwo się nią dzielić, ma jedno wezwanie do działania i czyni użytkowników gwiazdami.

„To ożywiło markę dla konsumentów”, napisał Kenneth Hein w Forbes, „a dla tłumu business-to-business zapewniło ludzką twarz detaliście Big Box.”

Innymi słowy, Office Max wykorzystał mikrostronę, aby być kreatywnym i pozwolić swojej fladze szaleć, i zadziałało to jak urok. Skupili kampanię na konsumentach, a nie na marce — ale sprzedaż wiązana pojawiła się na końcu filmów ElfYourself w postaci kuponów i promocji.

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

Spójrzmy prawdzie w oczy: Wszyscy uwielbiamy GIF-y. I ludzie z Coca-Coli wykorzystali ten nieunikniony zachwyt, tworząc wciągające doświadczenie online w postaci mikrostrony „Taste the Feeling”.

Oto jak to działa: Kiedy użytkownicy lądują na stronie, spotykają się z dwuminutowym teledyskiem ustawionym przy dźwiękach niestandardowego hymnu kampanii autorstwa Avicii i Conrada Sewella. Teledysk składa się z zapętlonych, trzysekundowych GIF-ów, które obrazują wiele emocji odczuwanych przez osoby pijące Coca-Colę. Podczas oglądania można wybrać emocję, klikając na jedną z 32 ikon opartych na emocjach, lub wpisać własną emocję, aby wyświetlić odpowiadający jej GIF.

Wszystkie GIF-y można łatwo udostępniać w mediach społecznościowych, co stanowi świetny sposób na przyciągnięcie ludzi z powrotem na stronę, aby zaangażowali się w treść.

Ta mikrostrona służy również jako świetny przykład dla tych, którzy są zainteresowani globalizacją swoich zasobów kampanii, ponieważ jest ona dostępna w ponad 20 różnych językach.

10) Inside.Chanel.com | Chanel

Inside Chanel to mikrostrona, która „pracuje nad informowaniem konsumentów o historii i dziedzictwie domu poprzez wideo i treści multimedialne”, według Luxury Daily. Strona zawiera mnóstwo krótkich, społecznościowych filmów wideo, które są kroniką ludzi, miejsc, rzeczy i wydarzeń, które przyczyniły się do ciągłego sukcesu tej ikonicznej marki mody.

Cel? „Strategią stojącą za tą stroną jest stworzenie pewnego dostępu do historii Chanel, ale co ważniejsze, ich sukcesu na przestrzeni lat”, wyjaśnia Dalia Strum, prezes Dalia Inc.

Uwielbiamy ich video-centryczne podejście do wizualnego opowiadania historii. Każdy z filmów ma na celu odsunięcie kurtyny, dając odwiedzającym ekskluzywne spojrzenie na zakulisowe zdjęcia i historie, odnoszące się do różnych aspektów marki – kolorów, couture, i tak dalej.

Warto zauważyć, że ta strona nie jest pierwszym krokiem Chanel w tworzeniu mikrostron. W rzeczywistości, marka eksperymentowała z wieloma formatami mikrowitryn, włączając w to stronę w stylu redakcyjnym Chanel News:

11) BurgerBff.com | Mellow Mushroom

Ta mikrowitryna od ludzi z Mellow Mushroom — franczyza pizzerii założona w Atlancie, Georgia — została stworzona aby wesprzeć ich ostatnią kampanię „Burger BFF”. Kampania została uruchomiona, aby stworzyć buzz dla ich nowych pozycji menu: Herb (wegetariański burger) i Carnie (burger z wołowiny).

Pozycje menu zostały dostosowane do kreskówek BFF dla dobra kampanii … i wynik jest całkiem lovable.

Mellow Mushroom wykorzystuje mikrowitrynę jako sposób promowania konkursu na szansę wygrania wycieczki do Denver lub Seattle z ich bestie. I robi to na kilka naprawdę zabawnych i ciekawych sposobów. Na przykład, jedna z sekcji witryny zachęca odwiedzających do użycia hashtagu #BurgerBFF, aby wziąć udział w konkursie i pochwalić się swoimi najlepszymi zdjęciami burgerów na Instagramie:

Ale to nie wszystko: Strona oferuje odwiedzającym również kilka innych, interaktywnych sposobów na wzięcie udziału w konkursie, w tym quizy i generator opowiadań w stylu Mad Libs.

A oto 11 przykładów stron z cenami, które warto sprawdzić.