Todos os projetos

Estudo de caso · E-commerce

MailVault.

Landing page de uma plataforma de atendimento e vendas por e-mail para lojas Shopify: agentes de IA respondem clientes e recuperam carrinhos. Visual de painel técnico, em três idiomas.

Primeira tela da landing page do MailVault, com título sobre atendimento que responde sozinho e a esfera laranja dos agentes
01

Estudo de caso

Sobre o projeto.

Atendimento de loja que responde sozinho, pelo e-mail.

O MailVault automatiza o suporte e as vendas de lojas Shopify pelo e-mail. A agente Aria responde os clientes; Mira, Valentina e Livia detectam carrinhos abandonados, escrevem a oferta e revisam antes de enviar. O dono da loja só revisa o que importa. A página precisava explicar uma arquitetura técnica (webhooks, agentes e painel) para quem toca loja, sem perder a cara de produto sério.

  1. 01Quatro agentes, uma equipeAria no atendimento; Mira, Valentina e Livia nas vendas
  2. 02Em tempo realWebhooks da Shopify no lugar da checagem de hora em hora
  3. 03Respostas com base na lojaPolíticas, FAQ e páginas de troca e entrega como fonte
  4. 04Painel de revisãoCaixa de entrada por loja, custo por agente e fila de aprovação
02

Estudo de caso

O desafio.

A plataforma é técnica; quem compra, nem sempre. O desafio era traduzir webhooks, agentes e pipelines em algo que o dono de loja entende de relance, e ainda passar a confiança de um produto de engenharia.

  1. 01Arquitetura em linguagem simplesExplicar o caminho do e-mail, da chegada à resposta, em quatro passos
  2. 02Produto em movimentoMostrar a plataforma trabalhando, e não só descrever o que ela faz
  3. 03TransparênciaDeixar claro que os números da página são de demonstração
  4. 04Três idiomasPortuguês, inglês e espanhol, com troca rápida no topo
  5. 05Caminho até o painelLevar o visitante do conceito ao painel em poucos cliques

Identidade

Paleta de cores.

As cores e as fontes que dão o tom do projeto, do fundo aos detalhes.

01Fundo#0A0A0B
02Superfície#0D0D0E
03Laranja#FF9500
04Âmbar#FFB347
05Pêssego#FFD1B8
06Terracota#D97757
07Verde#4ADE80
08Violeta#8B5CF6
Títulos e textoAaGeistABCDEFGHIJ abcdefghij 0123456789
DestaquesAaInstrument SerifABCDEFGHIJ abcdefghij 0123456789
Dados e códigoAaGeist MonoABCDEFGHIJ abcdefghij 0123456789

Um olhar de perto

Passe o mouse na tela e role para navegar no siteDeslize o dedo dentro da tela para navegar no site

Página inteira: MailVault, na tela do notebook
Versão mobile: MailVault, na tela do celular
03

Estudo de caso

O impacto.

O resultado é uma página com cara de produto de engenharia, que mostra a plataforma trabalhando e explica cada etapa sem jargão desnecessário.

  • Plataforma ao vivoFeed de webhooks e ações dos agentes rolando já na primeira tela
  • Quatro passosCaptura, análise, pesquisa e resposta explicados em sequência
  • Equipe à vistaCartões de Aria, Mira, Valentina e Livia com a função de cada uma
  • Três idiomasPT, EN e ES na mesma página
  • Números honestosMétricas de demonstração identificadas como ilustrativas
  • Identidade própriaPreto, laranja e âmbar, com uma serifada itálica nos destaques

Nos bastidores

Como tudo aconteceu.

Prazo, a partir de
48 horas
Formato
Projeto personalizado
Entregas
  • Design e desenvolvimento da landing page
  • Versões em português, inglês e espanhol
  • Seções de arquitetura, agentes, contrato de webhook e painel
  • Versão para celular

Comece agora

Vamos construir o seu próximo projeto.

Transforme sua ideia em uma presença digital que parece premium, carrega rápido e conquista clientes melhores.

Prefere uma conversa?

Agendar uma conversa

Disponível para projetos

Conte sobre o seu projeto

Alguns detalhes bastam. A gente cuida do resto.

Tenho interesse em
Orçamento
Prazo