11 dos Melhores Exemplos de Microsite que Já Vimos

Dizem que as melhores coisas vêm muitas vezes em pacotes pequenos. Pense nisso: jóias, Snapchats, livros, as chaves de um carro novo … todas essas coisas apóiam essa noção.

E com a nossa atenção a diminuir abaixo da de um peixinho dourado, não deve ser surpresa que comecemos a desejar um conteúdo mais focado numa escala menor, também.

Entrar a ascensão dos microsites. Ao contrário dos sites regulares, os microsites tendem a ser bastante simplistas e mais fáceis de navegar. Isto não quer dizer que eles não vão fazer você querer bisbilhotar por um tempo, no entanto. Na verdade, os realmente excelentes fazem exatamente isso. Pronto para ver alguns casos de uso? Confira a lista abaixo para alguns excelentes exemplos de microsites em ação.

Nota: Existe profanidade no exemplo sete, por isso, rola por se não é a tua chávena de chá.

O que é um Microsite?

Um microsite é uma página web individual ou um pequeno grupo de páginas web que actuam como uma entidade separada para uma marca. Um microsite normalmente vive em seu próprio domínio, mas alguns existem como um subdomínio.

Microsites podem ser usados para ajudar as marcas a alcançar uma série de coisas. Por exemplo, algumas empresas usaram-nos para destacar uma campanha específica ou para atingir personas de compradores específicos. Outras as usaram para contar uma pequena história, ou para inspirar uma chamada específica para ação.

11 Exemplos de Microsites Engenhosos

1) YearInMusic.Spotify.com | Spotify

Aside de servir como um doloroso lembrete de quantas canções de Justin Bieber eu ouvi em repetição no ano passado, Spotify’s Year in Music provou ser um dos microsites mais bem executados que já vimos.

Comumente referido a uma “celebração” da música que nos levou através do ano anterior, o site interactivo de Spotify é personalizado especialmente para si, com base nos seus hábitos auditivos.

O que é que isso significa exactamente? Bem, a ferramenta torna fácil para você criar um recapitulação personalizada que incorpora detalhes como sua primeira música tocada, os melhores artistas por temporada, e quanto tempo você passou ouvindo. A experiência é única para o utilizador, tornando divertido para ele partilhar e comparar a sua sinopse com os seus amigos.

E quando se trata de partilhar, o microsite torna-o realmente fácil. Cada estatística que o site puxa para você pode ser compartilhada em redes sociais graças a um prático botão na parte inferior direita da tela.

2) DangersOfFracking.com | Linda Dong

Em um esforço para ganhar apoio para o FRAC Act (Fracturing Responsibility and Awareness of Chemicals Act), a Designer Interaction e Industrial Linda Dong projetou um belo microsite que usa design paralaxe para contar a história sobre os perigos da fratura hidráulica.

A história começa com uma gota de água caindo de uma nuvem, e à medida que você percorre o local, você segue a gota de água enquanto ela é levada do caminhão para o local de fraturamento, transformada em fluido de rastreamento, e envia um poço de gás para o solo. Pelo caminho, você encontra fatos e estatísticas flutuantes sobre os perigos de fraturar até encontrar duas simples chamadas para ação no final: “Contacte as autoridades locais” e “Junte-se ou apoie a sua organização local”

Microsites como este estão fortemente focados no uso de tacos direccionais (neste caso, o movimento de paralaxe) para levar os utilizadores a completar uma certa chamada para a acção — por isso qualquer outra distracção ou barra de navegação é totalmente removida.

Se o seu microsite foca em uma ou duas chamadas para ação, certifique-se de que elas sejam concisas e acionáveis como esta, e que você as diferencie visualmente do resto do site, fazendo a cor da fonte pop ou colocando a cópia em um botão.

3) UrWhatUPost.com | Bolthouse Farms

“Por que a junk food deve ter toda a glória?”

Você é questionado quando chega ao microsite da BoltHouse Farms, UrWhatUPost.com. BoltHouse Farms criou o site para mostrar às pessoas quantas conversas de mídia social estavam acontecendo sobre alimentos saudáveis versus alimentos insalubres. Para fazer isso, eles coletaram hashtags #UrWhatUPost e rastrearam os tipos de alimentos que compartilhamos nas mídias sociais, depois colocaram as coisas saudáveis, como #grapes, contra as coisas insalubres, como #icecream. O objetivo do site está alinhado com a missão geral da empresa: Mudar a forma como as pessoas pensam (e postam) sobre alimentação saudável.

Bolthouse Farms prova que os microsites não têm de ser minimalistas. As páginas do site são coloridas e animadas, com palavras e números em movimento que se transformam em cenouras penduradas e romãs oscilantes. Clique em um item de comida e a magia acontece – cada item de comida é diferente. Clique em uma romã e você pode “bater” nela com seu clicker como uma piñata. Clique num melão e é levado para uma página de “meditação de melão”, semelhante ao Visualizador do iTunes.

4) Dominosdxp.com | Domino’s Pizza

No ano passado, a Domino’s anunciou seus novos carros de entrega de pizza Chevy Spark, conhecidos como DXPs. Os carros foram propositadamente re-projetados para a entrega de pizza, e como resultado, eles ostentam uma tonelada de características impressionantes — como um forno onde a porta esquerda deveria estar, espaço para até 80 pizzas, armazenamento personalizado para molhos e bebidas.

Para mostrar essa incrível qualidade, eles recentemente lançaram um microsite dedicado a detalhar todas as coisas DXP.

O site é fortemente interativo e permite aos visitantes ampliarem cada uma das funcionalidades para entenderem melhor o propósito e o nível de pensamento de cada adição. O site inteiro também é habilmente animado, tornando realmente interessante aprender sobre cada recurso.

Se nada mais, este é um ótimo exemplo de como pegar um produto ou idéia bastante complexa e promovê-la e explicá-la de uma maneira que seja ao mesmo tempo divertida e de fácil digestão. Mas não se limite a tomar a nossa palavra … visite o site para explorar por si mesmo.

5) EmojiTracker.com | Matthew Rothenberg

Não há “ponto” para o emojitracker.com — ele foi criado por Matthew Rothenberg, ex-Chefe de Produto no Flickr e Bitly, como um experimento de rastreamento em tempo real de todos os emojis usados no Twitter.

As únicas chamadas para ação no site são os botões tweet e follow na parte inferior. Caso contrário, é apenas para puro interesse. Sem barra de navegação ou maneira de chegar a outro site, pode na verdade ser confuso para algumas pessoas.

Tecnicamente, ele quebra as regras do bom design da interface do usuário, mas vai mostrar que os microsites não precisam ter designs complicados. Mantenha simples manter as pessoas na página sem ocupar muito tempo.

6) Fu2016.com | House of Cards

Step aside, Donald Trump. Há um novo candidato presidencial tomando a internet de assalto com este microsite impressionante e interativo.

Se você não está familiarizado com a série Netflix “House of Cards”, o programa segue um homem chamado Francis Underwood, um político implacável com uma agenda escondida. Quando a série entra na quarta temporada, eles são promovidos a estréia com um microsite esperto que se diverte na política. Fale sobre o timing perfeito, amirite?

O microsite convida os visitantes a juntarem-se ao movimento de Underwood e a apoiarem o rally para questões “importantes” como a desigualdade, a desonestidade e o direito. Mas brincadeiras à parte, o que mais gostamos neste microsite é o design. Na verdade, você poderia facilmente argumentar que o site funciona melhor do que o dos candidatos presidenciais atuais. Desde o Underwoods, olhos arrebatadores e deslocados (visite o site para ver por si próprio) até aos vídeos de alta qualidade, o microsite atrai-o e oferece-lhe boas razões para ficar por perto e envolver-se com o conteúdo.

7) WhatTheF*ckShouldIMakeForDinner.com | Zach Golden

Don’t have a big budget? Pegue uma dica de Zach Golden, autor de What The F*ck Should I Make For Dinner?, que criou um microsite para promover o livro.

Earmuffs, kids.

O site tem um layout muito simples: Uma linha rotativa “propósito da receita”, uma receita rotativa do livro, e três links que permitem que você tipo “escolha sua própria viagem”. Tem um tema minimalista a preto e branco; usa todos os bonés; e coloca uma pequena chamada para a acção no canto que promove o seu livro. É isso mesmo.

A empresa de mídia Digiday pegou uma deixa do Golden e usou seu modelo de microsite para conduzir uma experiência própria. Eles criaram o microsite WhatTheF*ckIsMyTwitterBio.com — com orçamento de mídia zero — para ver se o conteúdo ficaria viral e ajudaria a construir sua marca.

“Graças ao open-source WTFEngine de Justin Windle, algum alojamento Web barato e um registro de domínio de $12, WhatTheF*ckIsMyTwitterBio.com estava pronto e funcionando em menos de duas horas”, diz o comunicado de imprensa da Digiday. “O segundo passo foi preencher o site com conteúdo, que levou .”

The sua maior takeaway? Essa boa cópia funciona. “Nós não gastamos um centavo promovendo o site, e ele atingiu quase 100.000 usuários únicos ‘organicamente'”

8) ElfYourself.com | OfficeMax

You didn’t think I could write a blog post about microsites and not include ElfYourself, did you? Claro que não. O screenshot abaixo mostra como é o site agora, mas na época das férias, espere que a sua caixa de entrada esteja novamente cheia de animações da ElfYourself este ano porque a ElfYourself não vai embora.

O que tornou o site tão popular? Além de hilariante, também é facilmente compartilhável, tem uma única chamada para ação, e faz dos usuários as estrelas.

“Deu vida à marca para os consumidores”, escreveu Kenneth Hein em Forbes, “e para a multidão de business-to-business forneceu um rosto humano para o grande retalhista de caixas””

Em outras palavras, Office Max usou o microsite para ser criativo e deixou sua bandeira esquisita voar, e funcionou como um encanto. Eles focaram a campanha nos consumidores, não na marca — mas o link de vendas veio no final dos vídeos da ElfYourself na forma de cupons e promos.

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

Sejamos francos: Todos nós adoramos GIFs. E o pessoal da Coca-Cola tem aproveitado esta admiração inevitável criando uma experiência online imersiva na forma do microsite “Taste the Feeling”.

Aqui é como funciona: Quando os utilizadores aterram na página, são recebidos com um videoclipe de dois minutos ao som de um hino de campanha personalizado de Avicii e Conrad Sewell. O vídeo é composto de looping, GIFs de três segundos que retratam as muitas emoções sentidas pelos bebedores da Coca-Cola. Enquanto assiste, você pode selecionar uma emoção clicando em um dos 32 ícones baseados em emoções, ou digite sua própria emoção para puxar um GIF correspondente.

Todos os GIFs são facilmente compartilháveis nas mídias sociais, o que serve como uma ótima maneira de atrair as pessoas de volta ao site para se envolverem com o conteúdo.

Este microsite também serve como um ótimo exemplo para aqueles interessados em globalizar seus ativos de campanha, já que está disponível em mais de 20 idiomas diferentes.

10) Inside.Chanel.com | Chanel

Inside Chanel é um microsite que “trabalha para informar os consumidores sobre a história e a herança da casa através de vídeo e conteúdo multimídia”, de acordo com o Luxury Daily. O site abriga uma tonelada de vídeos curtos e sociais que relatam as pessoas, lugares, coisas e eventos que contribuíram para o sucesso contínuo desta marca icônica da moda.

O propósito? “A estratégia por trás deste microsite é criar alguma acessibilidade da história de Chanel, mas mais importante, seu sucesso ao longo dos anos”, explica Dalia Strum, presidente da Dalia Inc.

Adoramos sua abordagem vídeo-cêntrica à narração visual de histórias. Cada um dos vídeos visa puxar a cortina para trás e dar aos visitantes um olhar exclusivo sobre as fotos e histórias dos bastidores, pois elas pertencem a diferentes aspectos da marca — cor, costura, e assim por diante.

É importante notar que este site não é a primeira facada de Chanel na criação do microsite. Na verdade, a marca experimentou múltiplos formatos de microsite, incluindo o site estilo editorial Chanel News:

11) BurgerBff.com | Mellow Mushroom

Este microsite do pessoal da Mellow Mushroom — uma franquia de pizzaria estabelecida em Atlanta, Geórgia — foi criada para apoiar a sua recente campanha “Burger BFF”. A campanha foi lançada para criar buzz para seus novos itens de menu: Herb (um hambúrguer vegetariano) e Carnie (um hambúrguer de carne).

Os itens do menu foram adaptados em BFFs de desenhos animados para o bem da campanha … e o resultado é bastante adorável.

Mellow Mushroom usa o microsite como forma de promover um concurso para uma chance de ganhar uma ida e volta a Denver ou Seattle com o seu bestie. E fá-lo de várias maneiras realmente divertidas e interessantes. Por exemplo, uma seção do site convida os visitantes a usar a hashtag #BurgerBFF para entrar no concurso e mostrar suas melhores fotos de hambúrguer no Instagram:

Mas isso não é tudo: O site também oferece aos visitantes várias outras formas envolventes e interativas de participar do concurso, incluindo quizzes e um gerador de contos estilo Mad Libs- estilo “Mad Libs-“.

Aqui estão 11 exemplos de páginas de preços que você vai querer conferir.