11 dos melhores exemplos de microsites que já vimos

Publicados: 2022-04-28

Dizem que as melhores coisas geralmente vêm em pacotes pequenos. Pense nisso: joias, livros, as chaves de um carro novo… todas essas coisas apoiam essa noção. E com nossa atenção diminuindo abaixo da de um peixinho dourado, não deve ser surpresa que também desejemos conteúdo mais focado em uma escala menor.

É aqui que entram os microsites. Ao contrário dos sites comuns, os microsites tendem a ser simplistas e fáceis de navegar. Isso não quer dizer que eles não vão fazer você querer bisbilhotar por um tempo, no entanto. Na verdade, os realmente grandes fazem exatamente isso. Neste post, mostraremos alguns ótimos exemplos de design de microsites em ação.

Acesse centenas de modelos de sites no Theme Marketplace da HubSpot

O que é um microsite?

Um microsite é uma página da web ou um pequeno site feito para promover o produto, serviço, campanha ou evento de uma empresa. Os microsites geralmente usam um domínio ou subdomínio diferente do site principal da empresa e incluem links para o site principal, mas atuam como uma entidade separada para a marca.

Os microsites podem ajudar as marcas a alcançar uma série de coisas. Como diz o gerente de produto da HubSpot, Alex Girard, “você pode usar um site para criar uma experiência digital para vários momentos diferentes na jornada do comprador. Não precisa ser apenas um site corporativo '.com' para converter visitantes em leads. Você pode criar experiências digitais que abrangem toda a jornada do cliente.”

Por exemplo, muitas empresas os usam para destacar uma campanha específica ou segmentar compradores específicos. Outros os usam para contar uma história curta ou para experimentar novos tipos de conteúdo de marca ou para se espalhar para uma nova região. Com um grande evento chegando, uma empresa pode lançar um microsite para divulgar e promover inscrições.

Seja qual for o motivo, o objetivo de um microsite é envolver os visitantes com uma mensagem específica, gerar interesse e atraí-los para as ofertas da empresa.

1. Avaliador de sites (HubSpot)

O HubSpot Website Grader é um microsite para melhorar seu site gratuitamente. Cole o URL do seu site e seu endereço de e-mail e o Website Grader aproveitará o sistema de avaliação automatizada do Google Lighthouse para atribuir uma nota ao seu site.

microsite examples: hubspot website grader homepage

O Website Grader calcula sua nota com base em quatro fatores principais – desempenho (a velocidade do seu site), SEO, celular e segurança – cada um dos quais recebe sua própria pontuação. Para cada fator, o Website Grader detalha a classificação do seu site e sugere áreas de melhoria.

exemplos de microsites: página de pontuação do avaliador de sites

Junto com suas sugestões, o Website Grader direciona os visitantes para um curso da HubSpot Academy sobre como aumentar a nota do site. Se os usuários precisarem de mais orientação, eles podem clicar em um dos vários CTAs na página de avaliação para fazer o curso.

2. Ouvindo Juntos (Spotify)

O Spotify sabe como fazer um microsite – sua imensamente popular série Spotify Wrapped começou como um microsite e desde então se tornou um recurso de seu aplicativo móvel. Em 2020, a plataforma de streaming introduziu um novo microsite para apoiar sua campanha Listening Together.

exemplos de microsites: spotify ouvindo juntos página inicial

O microsite apresenta um mapa tridimensional giratório da Terra coberto de alfinetes. Cada par de pinos representa dois usuários pressionando play na mesma faixa ao mesmo tempo. Ao clicar em um alfinete, você pode ouvir a música que está sendo tocada, tornando este microsite um meio para descobrir novas músicas.

microsite examples: spotify listening together page

No geral, é o tipo de microsite que apenas uma marca como o Spotify poderia fazer, um lembrete inteligente e emocionante de como a música nos une.

3. Meu tipo de criativo (Adobe)

O pacote de software da Adobe contém mais de algumas ferramentas padrão do setor para criativos visuais. Além das ferramentas de renome que produz, uma grande força por trás do sucesso da Adobe é a capacidade da marca de se alinhar com os clientes por meio do marketing. O microsite My Creative Type é um excelente exemplo.

microsite examples: adobe creative types homepage

Neste microsite, os visitantes preenchem um pequeno questionário para determinar sua “personalidade criativa”. As 15 perguntas avaliam seu pensamento, comportamento e perspectiva, cada uma seguida por uma metáfora de vídeo divertida para a resposta que você dá.

microsite examples: adobe creative types question page

No final, você recebe um dos oito tipos criativos (eu tenho “o Criador”) e uma descrição de seus pontos fortes, potencial, motivações e conselhos para perseguir objetivos criativos. Você pode então baixar seu tipo ou compartilhá-lo nas mídias sociais.

microsite examples: adobe creative types results page

Embora não esteja totalmente claro o quão empiricamente tudo isso é, ainda é uma maneira divertida de trazer novos artistas aspirantes ao rebanho.

4. Emojitracker (Emojipedia)

Não há "ponto" para emojitracker.com. Ele foi criado por Matthew Rothenberg, ex-chefe de produto do Flickr e Bitly, como um experimento para rastrear todos os emojis usados ​​no Twitter em tempo real. Agora, é mantido como um microsite para Emojipedia.

microsite examples: emoji tracker page

Os únicos apelos à ação no site são alguns links de saída na parte inferior. Caso contrário, é apenas por puro interesse. Sem barra de navegação ou maneira de chegar a outro site, isso pode confundir alguns visitantes.

Emojipedia pode quebrar algumas regras de design de interface do usuário, mas também mostra que os microsites não precisam ter designs complicados e que uma ideia legal pode te levar muito longe. Simplifique o suficiente para manter as pessoas na página sem ocupar muito tempo.

5. Elf Yourself (OfficeMax)

Acho que é uma regra que você não pode escrever sobre microsites sem mencionar o Elf Yourself, talvez o microsite de maior sucesso de todos os tempos. Venha a temporada de férias, espere que sua caixa de entrada esteja repleta de animações porque o Elf Yourself não vai embora.

microsite examples: elf yourself homepage

O que tornou o site tão popular em primeiro lugar? Bem, é hilário. Além disso, o conteúdo é facilmente compartilhável, o site é simples de usar e faz dos usuários as estrelas. Você dificilmente saberia que este é um site patrocinado por uma empresa.

A OfficeMax usou o microsite para ser criativo e deixou sua bandeira bizarra voar, e realmente conseguiu. A empresa focou sua campanha nos consumidores, não na marca – mas o vínculo de vendas veio no final dos vídeos do Elf Yourself na forma de cupons e promoções.

6. Coração Azul (Patagônia)

A Patagonia é uma das poucas marcas excepcionais que não apenas oferece uma experiência de alto nível ao cliente, mas vai além em seu trabalho de advocacia. Em parceria com a Farm League, a empresa criou um microsite para chamar a atenção para os danos ambientais causados ​​por hidrelétricas na região dos Balcãs.

microsite examples: patagonia blue heart homepage

Ao contrário da maioria dos outros microsites, o site Blue Heart não inclui CTAs proeminentes direcionando os visitantes para o site principal da Patagônia. Em vez disso, coloca o foco completamente na história que está sendo contada com vários elementos: um curta-metragem, artigos e um mapa interativo.

exemplos de microsites: página de informações do coração azul da Patagônia

É raro as marcas lançarem microsites dessa qualidade – Blue Heart é uma experiência envolvente e visualmente rica com uma missão que vai muito além de gerar leads para o negócio servir a uma missão maior.

7. Dentro de CHANEL (Chanel)

Inside Chanel é um microsite que utiliza multimídia para educar os visitantes sobre a história e o patrimônio da empresa. O site abriga uma tonelada de vídeos curtos e sociais que narram as pessoas, lugares, itens e eventos que contribuíram para o sucesso contínuo dessa marca de moda icônica.

microsite examples: inside chanel homepage

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

Adoramos a abordagem centrada em vídeo para contar histórias visuais. Cada vídeo abre a cortina e oferece uma visão exclusiva das fotos e histórias dos bastidores, pois pertencem a diferentes aspectos da marca – cor, alta costura e assim por diante.

microsite examples: inside chanel article page

Este site não é a primeira tentativa da Chanel na criação de microsites. Na verdade, a marca experimentou vários formatos de microsite, incluindo o site de estilo editorial Chanel News.

8. Museu Xbox (Microsoft)

Para comemorar o 20º aniversário de sua marca Xbox, a Microsoft lançou o microsite Xbox Museum, um tour virtual por seus diversos consoles ao longo dos anos.

exemplos de microsite: 20 anos de página inicial do xbox

Este site rico em conteúdo é construído em torno dos eventos significativos da história do Xbox, incluindo lançamentos de console, planos de design, lançamentos de jogos e muito mais. Você joga como um personagem que navega em uma linha do tempo virtual, visitando artigos que marcam cada evento.

microsite examples: the museum of xbox interface

É uma maneira única e apropriada de comemorar um marco tão grande para os negócios, além de capturar a nostalgia dos fãs de longa data e o interesse dos novos.

9. Vida em Casa (Ikea)

2020 e 2021 marcaram uma grande mudança em onde e como passamos nosso tempo. Para esclarecer a interseção entre saúde mental e espaço de vida, a Ikea publicou um microsite de pesquisas originais e maneiras de ser mais feliz em casa.

microsite examples: life at home ikea homepage

Ao longo do relatório, os leitores aprendem como nossa saúde mental, famílias e comunidades mudaram durante a pandemia do COVID-19. Eles enfatizam o papel de um espaço de vida confortável e relacionamentos fortes em nosso bem-estar mental. Outros elementos interessantes incluem uma visualização de mapa, vídeos e pequenas perguntas feitas ao leitor.

microsite examples: a statistic displayed on the ikea life at home microsite

O microsite da Ikea habilmente conecta a importância de espaços seguros e relacionamentos saudáveis ​​de volta à sua marca, formando associações positivas na mente dos visitantes e aproximando-os de uma compra.

10. Nave Espacial da NASA (NASA)

Sejamos honestos, as naves espaciais são provavelmente a coisa mais legal de todos os tempos, e a NASA sabe disso. É por isso que eles lançaram (trocadilho intencional) este microsite: para catalogar todos os seus satélites, desde o primeiro em 1960 até seu lançamento mais recente, o Telescópio Espacial James Webb.

microsite examples: nasa spacecraft homepage

Cada espaçonave tem sua própria visualização tridimensional que você pode girar e visualizar de vários ângulos, juntamente com uma breve descrição. É o suficiente para reacender o interesse de qualquer criança (ou adulto) em pesquisa e exploração espacial.

11. Mercado de Agricultores de Chipotle (Chipotle)

A Chipotle, favorita de refeições rápidas e casuais, quer que você saiba que seus ingredientes são provenientes de fazendas familiares de forma sustentável e ética, por isso lançou um microsite dedicado a apoiá-los.

microsite examples: chipotle farmers market homepage

O Chipotle Farmers Market é um microsite que lista alguns dos fornecedores da empresa e links para seus sites onde você pode comprar seus produtos diretamente. O site também é um meio de divulgar o programa Seed Grants, que dá US$ 5.000 a 50 agricultores com menos de 40 anos.

microsite examples: chipotle farmers market team page

Microsite x site

Embora os microsites geralmente sejam seus próprios sites, há algumas coisas que os diferenciam do que costumamos chamar de sites.

A principal diferença entre um site e um microsite é o seu propósito. O site de uma organização geralmente faz muitas coisas, incluindo explicar seus produtos ou serviços, compartilhar seus valores e missão e vender produtos. É o principal local onde visitantes, leads e clientes vão para aprender ou fazer negócios com você. Provavelmente também foi criado para gerar conversões e incentivar os visitantes a fazer uma compra.

Os microsites, por outro lado, podem ser criados por vários motivos diferentes. Como explica Girard, os microsites são “sites menores, separados do site corporativo de uma empresa, que permitem que os profissionais de marketing criem rapidamente conteúdo e relatem o sucesso de uma iniciativa específica”. Essa iniciativa pode ser uma campanha, um lançamento de produto, um evento ou outra forma de atrair clientes atuais e potenciais. Ainda assim, todos os microsites geralmente são focados no reconhecimento ou conversão da marca. Eles também normalmente ocupam um domínio ou subdomínio diferente do site principal.

Além disso, como o próprio nome indica, os microsites são geralmente menores que os sites completos da empresa. Como vimos em nossos exemplos, um microsite pode variar em tamanho de uma página a várias, mas quase sempre menos páginas do que o site principal ao qual está relacionado.

Microsite x página de destino

Assim como os microsites, as landing pages são focadas em um objetivo específico relacionado a uma jogada de marketing. No entanto, uma página de destino não é um site – é uma única página da Web em um site destinada a informar os visitantes sobre uma oferta e gerar conversões.

Enquanto as páginas de destino apresentam um design mínimo para manter os visitantes focados na geração de leads, os microsites incentivam a exploração e o engajamento. Os microsites visam construir conexões positivas entre pessoas e marcas, para que os visitantes tenham maior probabilidade de converter mais tarde em sua jornada.

Microsites: Pequenos, mas poderosos

Pelo menos quando se trata de sites, as empresas não gostam de correr riscos. O objetivo é levar os visitantes desde o desembarque até a conversão para a compra da forma mais simples e rápida possível. É por isso que as empresas gastam tanto de seus recursos em design e experiência do usuário.

Mas os microsites não são o site principal de uma empresa – esse é o ponto. Como resultado, eles são alguns dos projetos mais legais da internet. Os microsites são uma chance de experimentar novos conteúdos, promover uma mensagem única, fazer algo incomum e, o mais importante, criar valor para os visitantes.

Nota do editor: Este post foi publicado originalmente em março de 2016 e foi atualizado para maior abrangência.

Nova frase de chamariz