La velocidad de iteración es lo más importante para las startups. La primera versión de nuestra página de aterrizaje fue creada por una de las mejores agencias de diseño. Luego, la reconstruimos unos meses después, esta vez con una agencia diferente.
Estos grandes cambios ocurrieron a lo largo de las diferentes fases del viaje de supermemory. A medida que nuestra oferta de productos, marca y otros aspectos seguían evolucionando, nosotros seguíamos iterando en cómo los presentábamos en nuestro marketing.
¡Las agencias fueron realmente increíbles en su trabajo! Aportaron gran parte de la marca y la percepción detrás de la marca supermemory actual. Les estoy muy agradecido por toda la ayuda hasta ahora.
Sin embargo, tenía un solo problema.
La velocidad de iteración.
Los tiempos han cambiado. De verdad: si ya no eres nativo de la IA, no vas a lograrlo.
El ciclo de retroalimentación
En una de esas ocasiones, le pregunté a la agencia: ¿Cuál es el cronograma de este proyecto?
Esperaba días, o una semana. Pero ellos regresaron con un gran plan con muchos niveles de trabajo: 2 semanas para definir cómo se vería, 1 semana después para la implementación, etc., etc.
Todo el proyecto nos tomaría meses, y luego la página de aterrizaje estaría en Framer. ¿El resto? Aplicación, diseños de consola: teníamos que implementar sus diseños después de que estuvieran listos.
La maldición del no-code
Antes de que Claude Code se volviera tan bueno, nuestra página de aterrizaje estaba completamente en Framer, mantenida totalmente por quienes hacían el diseño. Tenían buen gusto y, obviamente, se invertía mucho trabajo y esfuerzo. Pero cualquier cambio requería personas que supieran usar Framer para hacerlo.
Se convirtió en una verdadera maldición. Agregar páginas de marketing, blogs, etc., era un dolor de cabeza. El sitio web cargaba demasiado JavaScript, no era bueno para el SEO, o las animaciones ralentizaban por completo los navegadores. Y solo teníamos que pedirles que lo mejoraran.
Y realmente no sabíamos cómo mejorarlo exactamente. Era difícil para nosotros (porque en ese momento todos en supermemory éramos desarrolladores) hacer pruebas A/B, descubrir cómo transmitir nuestro mensaje de la mejor manera, o mejorar el texto. Además de pagar a los diseñadores, estábamos pagando miles de dólares al año a Framer. Para cualquier cambio, no podía simplemente pedirle a mi agente que lo hiciera. Tenía que decirles, con mucho detalle, cómo hacerlo, y luego trabajar con ellos de forma iterativa hasta que tuviera sentido para nosotros.
Decidí deshacerme de todo. Al diablo. Haré la página de aterrizaje yo mismo.
Gran diseño con Claude Code
No soy diseñador. Pero deberías ver https://supermemory.aihttps://supermemory.ai/): se construyó en solo 4 horas con Claude Code.
Sí, así es. Primero empecé preguntándole a Claude qué exactamente deberíamos transmitir a nuestros usuarios y definiendo el texto.
Todo esto fue una sola sesión de Claude Opus 4.6 1M.
Preparar las habilidades.
Basado en mi plan, sabía que quería que Claude hiciera animaciones SVG realmente buenas. Busqué por internet los mejores cursos de animación SVG, los transcribí y creé una habilidad a partir de los mejores aprendizajes. La habilidad no era grande, pero era suficiente para asegurar una base sólida.
Un subagente preparó esto. https://github.com/supermemoryai/skills/blob/main/svg-animations/SKILL.md
De manera similar, preparé las habilidades básicas necesarias para todas las cosas que sabía que un diseñador debía conocer.
Esta sección, por ejemplo, está completamente hecha con animaciones SVG.
Construir las herramientas.
Para muchas de las imágenes, sabía que necesitaría algunas bibliotecas, específicamente para arte ASCII animado y los efectos de pixelación.
Entonces, envié dos subagentes para descubrir cómo podríamos hacer mejor estas animaciones en la web, de manera eficiente, y creé un paquete con ellas para no confundir el diseño principal.
Claude automáticamente creó un paquete, lo puso en mi GitHub aquí: https://github.com/dhravya/landing-effects e incluso grabó y agregó los GIFs para mostrar cómo se verían las animaciones.
Cerrar el ciclo con buena memoria
Durante toda la sesión, me aseguré de que Claude realmente estuviera viendo y pensando en cómo se veía esto. También conoce todos los requisitos del negocio, lo que le importa a nuestro equipo y lo que nuestros usuarios están pidiendo, ya que estaba usando el plugin de Supermemory para Claude Code.
Hemos estado poniendo todas nuestras grabaciones de clientes y reuniones de equipo dentro de nuestro propio supermemory de equipo, y las sesiones de codificación también obtienen lo mismo. Como Claude ya sabía todo sobre lo que hacemos y quiénes somos, pudo crear un lenguaje de diseño y una estrategia que aumentaron nuestras conversiones en un 40%. https://github.com/supermemoryai/claude-supermemory
La parte principal no es solo la buena memoria para Claude (supermemory hace eso muy bien). La parte principal fue el hecho de que esta memoria y contexto se recopilan no solo de las sesiones de codificación, sino de nuestra vida diaria, nuestros chats en claude.ai, los agentes OpenClaw del equipo y más.
Integridad
Le pedí que analizara toda la página en cuanto a rendimiento y SEO, y lo hizo.
Puede que se vea un poco "vibe coded", y eso está bien para mí. Sé que puedo iterar hacia la grandeza en lugar de esperar meses para lanzar algo.
Nativo de IA: conéctalo a un agente de fondo
Somos solo 4 empleados a tiempo completo construyendo supermemory. Eso es todo. Y eso me incluye a mí, un fundador solitario.
Uno de ellos, que no es técnico, puede hacer todo el trabajo en las páginas de aterrizaje, de forma autónoma, con un agente de fondo.
Lo que significa que todos en el equipo son ahora diseñadores, con solo suficientes ciclos de iteración.
Estamos viviendo tiempos increíbles. La mayor parte del trabajo de diseño puede (y debe) ser realizado por el equipo mientras estamos descubriendo las cosas.
El diseño es definitivamente importante para el producto, pero la mayoría de las personas probablemente están pagando de más por él.
