La vélocité d'itération est la chose la plus importante pour les startups. La première version de notre page d'accueil a été construite par l'une des meilleures agences de design. Puis, nous l'avons reconstruite quelques mois plus tard – une agence différente cette fois-ci.
Ces grands changements ont ponctué les différentes phases du parcours de supermemory. Alors que notre offre produit, notre image de marque et d'autres éléments continuaient d'évoluer, nous n'arrêtions pas d'itérer sur la façon dont nous les présentions dans notre marketing.
Les agences étaient vraiment incroyables dans leur travail ! Elles ont apporté une grande partie de l'image de marque et de la perception qui se cache derrière la marque supermemory d'aujourd'hui. Je leur suis vraiment reconnaissant pour toute l'aide apportée jusqu'à présent.
Cependant, j'avais un seul problème.
La vélocité d'itération.
Les temps ont changé. Sincèrement – si vous n'êtes plus natif de l'IA, vous n'y arriverez pas.
La boucle de rétroaction
Une fois, j'ai demandé à l'agence : quel est le calendrier pour ce projet ?
Je m'attendais à des jours – ou une semaine. Mais ils sont revenus avec un grand plan comportant plusieurs niveaux de travail – 2 semaines pour déterminer à quoi cela ressemblerait, 1 semaine après pour l'implémentation, etc., etc.
L'ensemble du projet nous prendrait des mois, et ensuite la page d'accueil serait sur Framer. Les autres éléments ? L'application, les designs de la console – nous devions en fait implémenter leurs designs une fois qu'ils étaient terminés.
La malédiction du no code
Avant que Claude Code ne devienne aussi performant, notre page d'accueil était entièrement sur Framer – entièrement maintenue par ceux qui avaient fait le design. Ils étaient de bon goût, et évidemment beaucoup de travail et d'efforts y étaient consacrés. Mais, tout changement nécessitait des personnes connaissant Framer pour le réaliser.
C'est devenu une véritable malédiction. Ajouter des pages marketing, des blogs, etc. était une plaie. Le site web chargeait trop de JavaScript, n'était pas bon pour le référencement, ou les animations ralentissaient complètement les navigateurs – et nous devions juste leur demander de l'améliorer.
Et nous ne savions pas vraiment comment l'améliorer exactement – il nous était difficile (parce que tout le monde chez supermemory était développeur à l'époque) de faire des tests A/B, de trouver la meilleure façon de transmettre notre message ou d'améliorer le texte. En plus de payer les designers, nous payions Framer des milliers de dollars par an. Pour tout changement, je ne pouvais pas simplement demander à mon agent de le faire. Je devais leur dire, en détail, comment le faire. Et ensuite travailler avec eux de manière itérative jusqu'à ce que cela nous convienne.
J'ai décidé de tout supprimer. Et puis zut. Je vais faire la page d'accueil moi-même.
Un superbe design avec Claude Code
Je ne suis pas designer. Mais vous devriez jeter un œil à https://supermemory.ai – Elle a été construite en seulement 4 heures avec Claude Code.
Oui. C'est vrai. J'ai d'abord commencé par demander à Claude ce que nous devions exactement transmettre à nos utilisateurs et j'ai déterminé le texte.
Tout cela s'est déroulé en une seule session Claude Opus 4.6 1M.
Préparez les compétences.
Sur la base de mon plan, je savais que je voulais que Claude fasse de très bonnes animations SVG. J'ai parcouru Internet à la recherche des meilleurs cours d'animation SVG, je les ai transcrits et j'ai créé une compétence à partir des meilleurs enseignements. La compétence n'était pas grande, mais elle était juste suffisante pour garantir une base solide.
Un sous-agent a préparé cela. https://github.com/supermemoryai/skills/blob/main/svg-animations/SKILL.md
De la même manière, j'ai préparé les compétences de base nécessaires pour toutes les choses que je savais qu'un designer devait connaître.
Cette section, par exemple, est entièrement réalisée à l'aide d'animations SVG.
Construisez les outils.
Pour de nombreux visuels, je savais que j'aurais besoin de certaines bibliothèques – notamment pour les ASCII art animés et les effets de pixellisation.
J'ai donc envoyé deux sous-agents pour déterminer comment réaliser au mieux ces animations sur le web, de manière performante, et j'ai créé un package à partir de cela pour ne pas confondre avec le travail de design principal.
Claude a automatiquement créé un package, l'a mis sur mon Github ici – https://github.com/dhravya/landing-effects et a même enregistré et ajouté les GIFs pour montrer à quoi ressembleraient les animations.
Boucler la boucle avec une bonne mémoire
Tout au long de la session, je me suis assuré que Claude regardait et réfléchissait à l'apparence de tout cela. Il connaît également toutes les exigences commerciales, ce qui importe à notre équipe et ce que nos utilisateurs demandent, car j'utilisais le plugin Supermemory Claude code.
Nous avons mis tous nos enregistrements clients et réunions d'équipe dans notre propre supermemory d'équipe, et les sessions de codage reçoivent également la même chose. Parce que Claude savait déjà tout ce que nous faisions et qui nous étions, il a pu proposer un langage de design et une stratégie qui ont augmenté nos conversions de 40 %. https://github.com/supermemoryai/claude-supermemory
La partie principale n'est pas seulement une bonne mémoire pour Claude – supermemory fait cela très bien. La partie principale était le fait que cette mémoire et ce contexte sont collectés non seulement à partir des sessions de codage, mais aussi de notre vie quotidienne, de nos discussions sur claude.ai, des agents OpenClaw de l'équipe, et plus encore.
Exhaustivité
Je lui ai demandé d'analyser l'ensemble de la page pour les performances et le référencement – et il l'a fait.
Cela peut sembler un peu "vibe codé" – et cela me convient. Je sais que je peux itérer vers l'excellence au lieu d'attendre des mois pour livrer quoi que ce soit.
Natif de l'IA – connectez-le à un agent d'arrière-plan
Nous ne sommes que 4 employés à temps plein pour construire supermemory. C'est tout. Et cela m'inclut – un fondateur solo.
L'un d'entre eux, qui n'est pas technique, peut faire tout le travail sur les pages d'accueil, de manière autonome, avec un agent d'arrière-plan.
Ce qui signifie que tout le monde dans l'équipe est désormais le designer, avec juste assez de cycles d'itération.
Nous vivons une époque complètement folle. La plupart du travail de design peut (et devrait) être fait par l'équipe lorsque nous sommes en phase de découverte.
Le design est certainement important pour le produit – mais la plupart des gens paient probablement trop cher pour cela.
