La velocità di iterazione è la cosa più importante per le startup. La prima versione della nostra landing page è stata realizzata da una delle migliori agenzie di design. Poi, l'abbiamo ricostruita dopo qualche mese, questa volta con un'altra agenzia.
Questi grandi cambiamenti sono avvenuti in diverse fasi del percorso di supermemory: man mano che la nostra offerta, il branding e altri aspetti si evolvevano, abbiamo continuato a iterare sul modo in cui comunicavamo tutto nel nostro marketing.
Le agenzie sono state davvero fantastiche nel loro lavoro! Hanno contribuito molto al branding e alla percezione alla base del marchio supermemory di oggi. Sono davvero grato per tutto l'aiuto ricevuto finora.
Tuttavia, avevo un unico problema.
La velocità di iterazione.
I tempi sono cambiati. Davvero: se non sei più AI-native, non ce la farai.
Il ciclo di feedback
Una volta, ho chiesto all'agenzia: "Quali sono i tempi per questo progetto?"
Mi aspettavo giorni, o una settimana. Invece, sono tornati con un grande piano con molti livelli di lavoro: 2 settimane per capire come sarebbe stato, 1 settimana dopo per l'implementazione, e così via.
L'intero progetto ci avrebbe portato via mesi, e poi la landing page sarebbe stata su Framer. Il resto? App, design della console: avremmo dovuto implementare i loro progetti dopo che fossero stati completati.
La maledizione del no-code
Prima che Claude Code diventasse così bravo, la nostra landing page era completamente su Framer, gestita interamente da chi aveva realizzato il design. Era di buon gusto, e ovviamente ci veniva dedicato molto lavoro e impegno. Ma qualsiasi modifica richiedeva persone che sapessero usare Framer.
È diventata una vera maledizione. Aggiungere pagine di marketing, blog, ecc. era un problema. Il sito caricava troppo JavaScript, non era performante per la SEO, o le animazioni rallentavano completamente i browser. E noi dovevamo solo chiedere loro di migliorarlo.
E non sapevamo esattamente come migliorarlo: era difficile per noi (perché all'epoca tutti in supermemory erano sviluppatori) fare test A/B, capire come comunicare al meglio il nostro messaggio o migliorare i testi. Oltre a pagare i designer, spendevamo migliaia di dollari all'anno per Framer. Per qualsiasi modifica, non potevo semplicemente dare un comando al mio agente. Dovevo spiegare loro, in modo dettagliato, come fare. E poi lavorare con loro in modo iterativo finché non fosse stato giusto per noi.
Ho deciso di eliminare tutto. Al diavolo. Mi sarei fatto la landing page da solo.
Grande design con Claude Code
Non sono un designer. Ma dovreste dare un'occhiata a https://supermemory.ai - È stata costruita in sole 4 ore con Claude Code.
Sì, avete capito bene. Ho iniziato chiedendo a Claude cosa dovevamo esattamente comunicare ai nostri utenti e definendo i testi.
Tutto questo è stata una singola sessione di Claude Opus 4.6 1M.
Preparare le competenze.
Sulla base del mio piano, sapevo di volere che Claude realizzasse animazioni SVG davvero buone. Ho setacciato internet per i migliori corsi di animazione SVG, li ho trascritti e ho creato una "skill" con gli insegnamenti migliori. La skill non era grande, ma era sufficiente per garantire una solida base di partenza.
Un sub-agente ha preparato questo. https://github.com/supermemoryai/skills/blob/main/svg-animations/SKILL.md
Allo stesso modo, ho preparato le competenze di base necessarie per tutte le cose che sapevo avrei voluto che un designer conoscesse.
Questa sezione, per esempio, è realizzata interamente con animazioni SVG.
Costruire gli strumenti.
Per molti degli elementi visivi, sapevo che avrei avuto bisogno di alcune librerie, in particolare per le ASCII art animate e gli effetti di pixelizzazione.
Quindi, ho inviato due sub-agenti per capire come realizzare al meglio queste animazioni sul web, in modo performante, e ho creato un pacchetto per non confondere la parte principale del design.
Claude ha creato automaticamente un pacchetto, lo ha messo sul mio Github qui - https://github.com/dhravya/landing-effects - e ha persino registrato e aggiunto le GIF per mostrare come sarebbero state le animazioni.
Chiudere il ciclo con una buona memoria
Durante tutta la sessione, mi sono assicurato che Claude guardasse e pensasse a come appariva il tutto. Conosce anche tutti i requisiti di business, ciò a cui il nostro team tiene e ciò che i nostri utenti chiedono, poiché stavo usando il plugin Supermemory per Claude Code.
Abbiamo inserito tutte le registrazioni dei nostri clienti e le riunioni del team nella nostra supermemory interna, e le sessioni di codifica ricevono lo stesso trattamento. Poiché Claude sapeva già tutto di ciò che facciamo e chi siamo, è stato in grado di ideare un linguaggio di design e una strategia che hanno aumentato le nostre conversioni del 40%. https://github.com/supermemoryai/claude-supermemory
La parte principale non è solo una buona memoria per Claude - supermemory lo fa molto bene. La parte principale è il fatto che questa memoria e questo contesto vengono raccolti non solo dalle sessioni di codifica, ma dalla nostra vita quotidiana, dalle nostre chat su claude.ai, dagli agenti OpenClaw del team e altro ancora.
Completezza
Gli ho chiesto di analizzare l'intera pagina per performance e SEO - e lo ha fatto.
Potrebbe sembrare un po' "vibe coded" - e per me va bene così. So di poter iterare verso la grandezza invece di aspettare mesi per pubblicare qualcosa.
AI-native - collegarlo a un agente in background
Siamo solo in 4 a tempo pieno a costruire supermemory. Tutto qui. E questo include me - un fondatore solitario.
Uno di loro, che non è tecnico, può fare tutto il lavoro sulle landing page, in modo autonomo, con un agente in background.
Il che significa che tutti nel team sono ora designer, con abbastanza cicli di iterazione.
Viviamo in tempi pazzeschi. Gran parte del lavoro di design può (e dovrebbe) essere fatto dal team mentre stiamo definendo le cose.
Il design è sicuramente importante per il prodotto - ma molte persone probabilmente lo stanno pagando troppo.
