WEBAPP

WebApp de Homenagem para o Dia das Mães

Natura · maio de 2025

A metaKosmos criou para a Natura um WebApp em que qualquer pessoa monta, com as próprias fotos e vídeos, um filme de homenagem à mãe e o compartilha em segundos. Tudo roda direto no navegador do celular, sem aplicativo e sem servidor processando mídia, sustentado por um motor de vídeo próprio desenvolvido do zero.

O case

O Dia das Mães é uma das datas mais disputadas do calendário, e a Natura quis ocupar esse momento com algo mais pessoal do que uma campanha tradicional. A ideia era simples de enunciar e difícil de executar: dar a cada pessoa a chance de transformar suas próprias memórias em um filme afetivo, pronto para enviar à mãe em poucos toques. O desafio técnico estava embutido nessa simplicidade. Para chegar ao maior número de pessoas sem fricção, a experiência precisava acontecer inteiramente no navegador do celular, sem instalação e sem depender de um servidor para processar imagem e vídeo. Renderizar vídeo com qualidade, com transparência e em tempo real dentro do navegador de um celular é um dos terrenos mais cheios de armadilhas que existem, com cada plataforma trazendo seus próprios bugs. A metaKosmos entrou no projeto, em parceria com a agência 404 Innovation Studio, responsável pela solução de ponta a ponta, da arquitetura à entrega final. A resposta foi uma arquitetura em dois estágios. De um lado, um editor interno, que funciona como um mini After Effects no navegador, onde a equipe monta o filme da marca com timeline, keyframes, transições e tratamento de cor. Desse editor sai um único arquivo pré-renderizado, o plate, que carrega cor, textura, máscaras e a transparência empacotada lado a lado. Do outro lado, um player leve, que a pessoa abre pelo link e que apenas encaixa as mídias dela nos espaços do filme, gravando o resultado em tempo real com o encoder de hardware do próprio aparelho. Essa decisão de pré-renderizar a parte da marca uma vez e compor as mídias do usuário diretamente no device foi a virada de chave de todo o projeto. Foi ela que contornou a ausência de canal de transparência no MP4, a perda de contexto do WebGL com múltiplos vídeos e os comportamentos erráticos de Safari, iCloud e Android, garantindo um filme limpo e leve até em aparelhos modestos. Em paralelo, a equipe construiu toda uma camada de robustez mobile, da leitura de fotos HEIC do iPhone ao contorno de entregas incompletas do iCloud e à redução automática de mídia para não estourar a memória do celular. Um ponto sensível era a integração com o ecossistema Natura. A solução resolveu isso por desenho: como o aplicativo é estático, roda no navegador da própria pessoa e não armazena nenhuma foto, vídeo ou filme final, a conversa de dados e segurança ficou naturalmente mais simples. A ligação com a marca se deu pelas tags de marketing e pelo texto jurídico com a política de privacidade, sem expor dados sensíveis. No ar no período pré-Dia das Mães, a ferramenta teve forte adoção: foram 248.628 aberturas, 12.007 filmes gerados e 16.052 compartilhamentos no período medido, com mais de 14 mil downloads. Para além dos números, o projeto deixou um legado interno relevante, uma stack própria e replicável que pode virar formato em novas campanhas e clientes

Desde o início, a metaKosmos uniu qualidade técnica e transparência. Quando algo não cabia no prazo, foram honestos a respeito, e isso fez toda a diferença. Uma parceria que eu repetiria sem pensar duas vezes.

Raíra Ferrabraz(404 Innovation Studio)
Resultados

Impactos

248.628Aberturas da ferramenta no período pré-Dia das Mães
12.007Filmes gerados pelos usuários
16.052Compartilhamentos no período medido
+14 milDownloads do resultado final

Próximos passos

  1. Replicar a stack de WebApp e motor de vídeo proprietário em novas campanhas sazonais da Natura e de outros clientes enterprise.

  2. Evoluir o editor interno e o player para novos formatos de homenagem e ativações de marca em escala.

Quer um case assim pra sua marca?

Fale com um especialista