A velocidade de iteração é a coisa mais importante para startups. A primeira versão da nossa landing page foi construída por uma das melhores agências de design. Depois, nós a reconstruímos novamente após alguns meses – dessa vez com uma agência diferente.
Essas grandes mudanças aconteceram ao longo de diferentes fases da jornada da supermemory. Conforme nossa oferta de produto, branding e outras coisas continuavam evoluindo, nós continuávamos iterando em como apresentávamos tudo isso em nosso marketing.
As agências foram realmente incríveis no trabalho delas! Elas trouxeram grande parte do branding e da percepção por trás da marca supermemory de hoje. Sou muito grato a elas por toda a ajuda até agora.
No entanto, eu tinha um único problema.
Velocidade de iteração.
Os tempos mudaram. Sinceramente – Se você não é mais nativo em IA, você não vai conseguir.
O ciclo de feedback
Em uma dessas vezes, perguntei à agência: Qual é o prazo para este projeto?
Eu esperava dias – ou uma semana. Mas eles voltaram com um grande plano com muitos níveis de trabalho – 2 semanas para descobrir como ficaria, 1 semana depois para implementação, etc., etc.
O projeto inteiro levaria meses, e então a landing page ficaria no Framer. As outras coisas? App, designs do console – nós teríamos que implementar os designs deles depois que ficassem prontos.
A maldição do no code
Antes do Claude Code ficar tão bom, nossa landing page estava completamente no Framer – totalmente mantida por quem realmente fazia o design. Eles tinham bom gosto, e obviamente muito trabalho e esforço eram dedicados a isso. Mas qualquer alteração exigia pessoas que soubessem Framer para fazê-las.
Isso se tornou uma verdadeira maldição. Adicionar páginas de marketing, blogs, etc., era um sacrifício. O site carregava muito JavaScript ou não era bom para SEO, ou as animações travavam completamente os navegadores – e nós só tínhamos que pedir para eles melhorarem.
E nós não sabíamos exatamente como poderíamos melhorar aquilo – Era difícil para nós (porque todo mundo na supermemory era desenvolvedor na época) fazer testes A/B ou descobrir como poderíamos transmitir nossa mensagem da melhor forma, ou melhorar o texto. Além de pagar os designers, estávamos pagando milhares de dólares por ano para o Framer. Para qualquer alteração, eu não podia simplesmente dar uma instrução ao meu agente para fazê-la. Eu tinha que dizer a eles, com bons detalhes, como fazer. E então trabalhar com eles iterativamente até que fizesse sentido para nós.
Decidi me livrar de tudo isso. Dane-se. Eu mesmo vou fazer a landing page.
Ótimo design com Claude Code
Não sou designer. Mas você deveria dar uma olhada em https://supermemory.ai – Foi construída em apenas 4 horas com Claude Code.
É isso mesmo. Comecei primeiro perguntando ao Claude o que exatamente deveríamos transmitir aos nossos usuários e descobrindo o texto.
Isso tudo foi uma única sessão do Claude Opus 4.6 1M.
Prepare as habilidades.
Com base no meu plano, eu sabia que queria que o Claude fizesse animações SVG realmente boas. Pesquisei na internet os melhores cursos de animação SVG, transcrevi-os e transformei os melhores aprendizados em uma skill. A skill não era grande, mas era suficiente para garantir que a base fosse sólida.
Um subagente preparou isso. https://github.com/supermemoryai/skills/blob/main/svg-animations/SKILL.md
Da mesma forma, preparei as habilidades básicas necessárias para todas as coisas que eu sabia que um designer precisaria saber.
Esta seção, por exemplo, é completamente feita usando animações SVG.
Construa as ferramentas.
Para muitos dos visuais, eu sabia que precisaria de algumas bibliotecas – especificamente para arte ASCII animada e os efeitos de pixelização.
Então, enviei dois subagentes para descobrir como poderíamos fazer melhor essas animações na web, de forma performática, e criei um pacote a partir disso para não confundir com o design principal.
Claude automaticamente criou um pacote, colocou no meu Github aqui – https://github.com/dhravya/landing-effects – e até gravou e adicionou os GIFs para mostrar como as animações ficariam.
Fechando o ciclo com boa memória
Durante toda a sessão, eu me certifiquei de que o Claude estava realmente olhando e pensando sobre como aquilo estava ficando. Ele também sabe todos os requisitos de negócio, o que nosso time valoriza e o que nossos usuários estão pedindo, pois eu estava usando o plugin Supermemory Claude code.
Nós temos colocado todas as nossas gravações de clientes e reuniões de equipe dentro da nossa própria supermemory da equipe, e as sessões de codificação também recebem o mesmo. Como Claude já sabia tudo sobre o que fazemos e quem somos, ele foi capaz de criar uma linguagem de design e uma estratégia que aumentou nossas conversões em 40%. https://github.com/supermemoryai/claude-supermemory
A parte principal não é apenas a boa memória para o Claude – a supermemory faz isso muito bem. A parte principal foi o fato de que essa memória e contexto são coletados não apenas de sessões de codificação, mas de nossas vidas diárias, nossos chats no claude.ai, agentes OpenClaw do time e muito mais.
Completude
Pedi para ele analisar a página inteira em busca de performance e SEO – e ele fez.
Pode parecer um pouco "vibe coded" – E tudo bem para mim. Eu sei que posso iterar até a excelência em vez de esperar meses para lançar qualquer coisa.
Nativo em IA – conecte a um agente de fundo
Somos apenas 4 funcionários em tempo integral construindo a supermemory. Só isso. E isso me inclui – um fundador solo.
Um deles, que não é técnico, pode fazer todo o trabalho nas landing pages, de forma autônoma, com um agente de fundo.
O que significa que todos no time agora são designers, com ciclos de iteração suficientes.
Estamos vivendo tempos insanos. A maior parte do trabalho de design pode (e deve) ser feita pelo time enquanto estamos descobrindo as coisas.
Design é definitivamente importante para o produto – Mas a maioria das pessoas provavelmente está pagando demais por isso.
