Contexto

O Flamey é uma plataforma de IA para criação e gerenciamento de sequências de e-mails. Este projeto foi desenvolvido como parte de um design challenge com duração de duas semanas, com foco em repensar a experiência de e-mail marketing para quem precisa planejar, escrever e automatizar comunicações recorrentes com consistência e velocidade.

Desafio

O principal desafio foi projetar uma experiência que ajudasse usuários a criar e gerenciar sequências de e-mail com IA de forma prática e contextual. A IA entra como suporte em pontos onde normalmente há mais fricção, como planejamento do fluxo, escrita e ajustes.

Como desafio secundário, revisei como produtos do segmento resolvem hoje automações e criação de conteúdo, identificando padrões consolidados e oportunidades de melhoria para reduzir carga mental, tornar o fluxo mais legível e diminuir a distância entre a intenção (“quero criar uma sequência”) e a execução (sequência pronta para rodar).

Metodologia

Por ser um projeto de revisão de design, a metodologia seguiu passos mais simples e curtos, com foco em avançar rápido sem perder o contexto. Em vez de aplicar todas as etapas de um processo longo, priorizei entender o cenário atual, mapear os principais pontos de fricção e validar decisões de estrutura e interface com base em referências do mercado.

Pesquisa

Para começar, estudei produtos concorrentes de e-mail marketing e como eles estruturam automações, fluxos visuais e organização da informação, buscando padrões que reduzissem a curva de adaptação e deixassem a lógica de sequências mais previsível.

Entre as principais referências que encontrei estavam as plataformas ActiveCampaign, Mailchimp e Hostinger. Com essa pesquisa, descobri como o processo de e-mail sequence funciona, seu público-alvo e que objetivos ele ajuda a solucionar e como faz isso.

Estrutura

Para o projeto, foquei em garantir que as features do produto tivessem hierarquia clara e uma árvore de informação coerente. Estruturei a arquitetura de informação em níveis lógicos e com apenas a quantidade de informação necessária por vez, reduzindo a carga mental e facilitando a tomada de decisão ao longo do fluxo.

Prototipagem

Os protótipos foram feitos para se adaptarem a todos os tamanhos de tela. Usei o kit de interfaces do shadcn, que já possui um padrão estabelecido na área, facilitando a integração entre design e desenvolvimento. As interfaces foram totalmente feitas usando as melhores práticas do Figma, incluindo autolayout, variáveis e motion nos componentes.

Solução

Por fim, traduzi todo o aprendizado da pesquisa em uma experiência que guia o usuário do primeiro passo até a sequência pronta para rodar. Combinando a visão geral e profundidade, oferecendo um espaço claro para organizar fluxos, escrever com apoio de IA e revisar cada detalhe sem perder o objetivo.

Criando Sequências

A home reúne a lista completa de sequências de e-mails, com dois modos de visualização: tabela para comparação rápida e cards para leitura mais focada. A partir dela, é possível iniciar uma nova sequência, definir nome e descrição, adicionar tags e criar rascunhos para continuar depois. Isso reduz o atrito entre “organizar” e “começar a construir”.

Pensei em fazer uma tela à parte, mas após testar decidi manter um modal para criação de novas sequências. Nesse fluxo, o usuário pode definir todas as informações iniciais que precisa e continuar no contexto da lista, o que acelera o “primeiro passo”, mas o mantém orientado sobre onde ele está.

Definindo Fluxos

Ao invés de usar apenas listas ou formulários, optei por um editor visual inspirado em ferramentas de automação de fluxos. Esse formato permite visualizar a sequência inteira, compreender a ordem dos envios, conectar cards por drag and drop e entender gatilhos e intervalos entre mensagens. Com isso, a lógica do fluxo fica mais explícita e fácil de revisar do que em estruturas tradicionais baseadas apenas em listas.

Escrevendo E-mails

Para facilitar o processo de criação de conteúdo, desenvolvi um editor dividido em dois painéis redimensionáveis. O primeiro painel concentra escopo e orientação, com detalhes, prompts livres e suporte de IA em uma janela de chat local. Isso ajuda a destravar rascunhos e manter consistência. O segundo painel traz uma pré-visualização editável do corpo do e-mail, permitindo inserir chaves dinâmicas, como datas e informações do usuário, e ajustar o texto já no contexto de leitura.

Resultado

No fim, o projeto terminou com uma proposta de interface mais moderna, organizada e preparada para escrita. Além da qualidade visual, o foco principal esteve em melhorar a experiência de criação de sequências, tornando tarefas complexas mais fáceis com uma abordagem visual baseada em cards e por apoios de IA inseridos com intenção. Mesmo desenvolvido em um curto período, esse desafio me permitiu explorar decisões de UX, arquitetura da informação, componentes reutilizáveis e design voltado para escalabilidade.

Aprendizados

Esse desafio foi uma ótima forma de explorar um domínio que eu ainda não tinha contato. Durante o processo, percebi que a área de IA aplicada à criação de sequências de e-mail possui muitos benefícios, especialmente em relação a automações, gatilhos, segmentação de usuários e estratégias de comunicação.

Além da evolução visual da interface, o projeto me mostrou a importância de compreender o contexto de negócio antes de propor soluções de design. Também foi um exercício útil para equilibrar velocidade de execução com qualidade, priorizando decisões que gerassem o maior impacto no menor tempo possível.