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 producto, branding y otros aspectos seguían evolucionando, nosotros seguíamos iterando en cómo lo comunicábamos en nuestro marketing.
¡Las agencias fueron realmente increíbles en su trabajo! Aportaron gran parte del branding y la percepción detrás de la marca supermemory de hoy. Estoy muy agradecido con ellas 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 volvieron 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 llevaría meses, y luego la página de aterrizaje estaría en Framer. ¿El resto? La aplicación, los diseños de la 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 fuera 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.
Se convirtió en una verdadera maldición. Añadir 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 podíamos 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 a Framer miles de dólares al año. 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. Yo mismo haré la página de aterrizaje.
Gran diseño con Claude Code
No soy diseñador. Pero deberías echar un vistazo a https://supermemory.aihttps://supermemory.ai/): se construyó en solo 4 horas con Claude Code.
Sí, así es. Empecé preguntándole a Claude qué deberíamos comunicar exactamente a nuestros usuarios y definiendo el texto.
Todo esto fue una sola sesión de Claude Opus 4.6 1M.
Preparar las habilidades.
Basándome en mi plan, sabía que quería que Claude hiciera animaciones SVG realmente buenas. Busqué en 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
Del mismo modo, 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 muchos de los elementos visuales, sabía que necesitaría algunas librerías, concretamente para el arte ASCII animado y los efectos de pixelación.
Así que envié a dos subagentes para que descubrieran cómo hacer estas animaciones en la web de manera eficiente, y crearon un paquete con ello para no mezclarlo con el diseño principal.
Claude creó automáticamente un paquete, lo subió a mi Github aquí: https://github.com/dhravya/landing-effects e incluso grabó y añadió 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 estuviera realmente observando 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 piden nuestros usuarios, ya que estaba usando el plugin de Supermemory para Claude Code.
Hemos estado guardando todas nuestras grabaciones de clientes y reuniones de equipo en nuestra propia supermemory del equipo, y las sesiones de codificación también reciben 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 parezca un poco "vibe coded", y para mí está bien. 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 en 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 ahora todos en el equipo son diseñadores, con solo los ciclos de iteración suficientes.
Estamos viviendo tiempos increíbles. La mayor parte del trabajo de diseño puede (y debe) ser realizado por el equipo mientras estamos definiendo las cosas.
El diseño es definitivamente importante para el producto, pero la mayoría de la gente probablemente está pagando de más por él.
