Landing Page · Mídia Kit
Marina Alves
Mídia kit online para uma influenciadora de skincare (persona fictícia) — números, audiência e pacotes prontos para a marca fechar pelo WhatsApp
Projeto conceito: um mídia kit em formato de landing page para uma criadora de conteúdo de skincare e rotina real (Marina Alves é uma persona fictícia). A página substitui o PDF que circula por e-mail por uma vitrine viva — métricas, perfil de audiência, melhores conteúdos, depoimentos de marcas e pacotes com preço — e ainda oferece o mídia kit em PDF para quem precisa anexar numa proposta.
Ver site ao vivoPAPEL
UX/UI Design e desenvolvimento front-end
DURAÇÃO
Menos de 1 mês
PLATAFORMA
Web (landing page responsiva)
SQUAD
Eu (projeto autoral)
CONTEXTO
O desafio
Mídia kit de influenciador normalmente é um PDF que desatualiza rápido, não mostra vídeo e obriga a marca a trocar vários e-mails para descobrir o básico: quanto custa e como contratar. A proposta aqui foi pensar o mídia kit do ponto de vista de quem compra — o gerente de marca que precisa avaliar audiência, ver provas de resultado e sair com um pacote escolhido, tudo em poucos minutos e muitas vezes pelo celular, dentro do próprio Instagram.
ABORDAGEM
Como cheguei lá
Organizado pela decisão da marca
A ordem das seções segue as perguntas de quem vai contratar: quem é ela (hero com vídeo), qual o alcance (métricas), para quem ela fala (gênero, idade, cidades e assuntos), o que já funcionou (melhores conteúdos e depoimentos) e quanto custa (serviços e pacotes).
Preço visível e contratação em um toque
4 serviços avulsos e 2 pacotes completos, com o mais pedido em destaque. Cada botão abre o WhatsApp com uma mensagem já preenchida com o nome e o valor do pacote — a conversa começa com a marca sabendo exatamente o que quer.
Dados que se movem
Contadores animados nas métricas, barras de audiência que se preenchem na rolagem, carrosséis horizontais de vídeos e depoimentos (com rolagem automática no mobile) — tudo como progressive enhancement: sem JavaScript, ou com "reduzir movimento" ativo, todo o conteúdo aparece estático e completo.
Pensado para o navegador do Instagram
Como o link vive na bio, a página foi tratada para os navegadores internos (Instagram/WhatsApp) e para o modo escuro forçado do Samsung Internet, que inverte cores sozinho — ali a página recebe um tema escuro próprio para não quebrar a identidade visual. O mídia kit em PDF continua disponível para download.
SOLUÇÃO
O sistema em uso
Hero
Métricas
Audiência
Serviços e pacotes
Contato
Principais seções do mídia kit no mobile e no desktop — hero, métricas, audiência, serviços e contato
IMPACTO
Resultados
(métricas sujeitas a aprovação de divulgação)
8
seções seguindo a decisão de compra da marca
6
pacotes com mensagem de WhatsApp pré-preenchida
1
mídia kit em PDF para download
0
conteúdo perdido sem JavaScript (progressive enhancement)
outros projetos
Design System Multi-tenant →CONTATO
Vamos conversar sobre o seu projeto?
Preencha os campos abaixo — sua mensagem chega direto no meu WhatsApp, sem formulário de e-mail e sem espera.