Yineleme hızı, startup'lar için en önemli şeydir. Açılış sayfamızın ilk versiyonu, en iyi tasarım ajanslarından biri tarafından yapıldı. Ardından, birkaç ay sonra tekrar yeniden inşa ettik - bu sefer farklı bir ajansla.
Bu büyük değişiklikler, supermemory'nin yolculuğunun farklı aşamalarında gerçekleşti. Ürün teklifimiz, markalaşmamız ve diğer şeyler sürekli geliştikçe, pazarlamamızda bunu nasıl aktardığımız konusunda da sürekli yineleme yapıyorduk.
Ajanslar işlerinde gerçekten harikaydı! Bugünkü supermemory markasının arkasındaki markalaşmanın ve algının büyük bir kısmını onlar getirdi. Şimdiye kadarki tüm yardımları için onlara gerçekten minnettarım.
Ancak, tek bir sorunum vardı.
Yineleme hızı.
Zaman değişti. Gerçekten - Artık AI doğal (AI native) değilseniz, başaramayacaksınız.
Geri bildirim döngüsü
Bir keresinde ajansa sordum: Bu projenin zaman çizelgesi nedir?
Günler - ya da bir hafta bekliyordum. Ama onlar, bir sürü iş katmanı içeren büyük bir planla geri döndüler - Nasıl görüneceğini anlamak için 2 hafta, ondan sonra uygulama için 1 hafta, vb. vb.
Tüm proje aylarımızı alacaktı ve sonra açılış sayfası framer'da olacaktı. Diğer şeyler? Uygulama, konsol tasarımları - onların tasarımlarını bitirdikten sonra aslında uygulamamız gerekiyordu.
Kodsuz (no code) laneti
Claude Code bu kadar iyi hale gelmeden önce, açılış sayfamız tamamen framer'daydı - Tasarımı yapanlar tarafından tamamen yönetiliyordu. Zevkliydiler ve belli ki çok fazla iş ve çaba harcanıyordu. Ancak, herhangi bir değişiklik, framer'ı bilen kişilerin bunları yapmasını gerektiriyordu.
Gerçek bir lanet haline geldi. Pazarlama sayfaları, bloglar vb. eklemek bir eziyetti. Web sitesi çok fazla javascript yüklüyor, SEO'da iyi olmuyor veya animasyonlar tarayıcıları tamamen yavaşlatıyordu - Ve biz sadece onlara bunu iyileştirmelerini söylemek zorunda kalıyorduk.
Ve bunu tam olarak nasıl iyileştirebileceğimizi gerçekten bilmiyorduk - (çünkü supermemory'deki herkes o zamanlar geliştiriciydi) A/B testleri yapmak veya mesajımızı en iyi şekilde nasıl iletebileceğimizi bulmak veya metni iyileştirmek bizim için zordu. Tasarımcılara ödeme yapmanın yanı sıra, Framer'a yılda binlerce dolar ödüyorduk. Herhangi bir değişiklik için, sadece ajanıma bunu yapmasını söyleyemezdim. Onlara, bunu nasıl yapacaklarını iyi bir ayrıntıyla anlatmak zorundaydım. ve sonra bizim için anlamlı hale gelene kadar onlarla yinelemeli olarak çalışmak zorundaydım.
Hepsinden kurtulmaya karar verdim. canı cehenneme. Açılış sayfasını kendim yapacağım.
Claude Code ile harika tasarım
Ben bir tasarımcı değilim. Ama şuraya bir bakmalısınız: https://supermemory.ai - Sadece 4 saat içinde claude code ile inşa edildi.
Evet. Doğru duydunuz. İlk olarak Claude'a kullanıcılarımıza tam olarak neyi iletmemiz gerektiğini sorarak ve metni belirleyerek başladım.
Bütün bu olay, tek bir Claude Opus 4.6 1M oturumuydu.
Becerileri hazırlayın.
Planıma dayanarak, Claude'un gerçekten iyi SVG animasyonu yapmasını istediğimi biliyordum. En iyi SVG animasyon kursları için interneti taradım, onları yazıya döktüm ve en iyi öğrenimlerden bir beceri oluşturdum. Beceri büyük değildi, ancak temelin güçlü olmasını sağlamak için yeterliydi.
Bir alt ajan bunu hazırladı. https://github.com/supermemoryai/skills/blob/main/svg-animations/SKILL.md
Benzer şekilde, bir tasarımcının bilmesi gerektiğini bildiğim her şey için gerekli temel becerileri hazırladım.
Örneğin bu bölüm, tamamen svg animasyonları kullanılarak yapıldı.
Araçları oluşturun.
Görsellerin çoğu için bazı kütüphanelere ihtiyacım olacağını biliyordum - Özellikle animasyonlu Ascii sanatı ve pikselleştirme efektleri için.
Bu yüzden, bu animasyonları web'de, performanslı bir şekilde en iyi nasıl yapabileceğimizi anlamaları için iki alt ajan gönderdim ve ana tasarım işlerini karıştırmamak için bundan bir paket oluşturdum.
Claude otomatik olarak bir paket oluşturdu, onu Github'ıma koydu - https://github.com/dhravya/landing-effects ve hatta animasyonların nasıl görüneceğini göstermek için GIF'leri kaydetti ve ekledi.
İyi hafıza ile döngüyü kapatmak
Oturum boyunca, Claude'un bunun nasıl göründüğüne gerçekten bakmasını ve düşünmesini sağladım. Ayrıca tüm iş gereksinimlerini, ekibimizin neyi önemsediğini ve kullanıcılarımızın ne istediğini biliyor, çünkü Supermemory Claude code eklentisini kullanıyordum.
Tüm müşteri kayıtlarımızı ve ekip toplantılarımızı kendi ekip supermemory'mize koyuyoruz ve kodlama oturumları da aynısını alıyor. Claude ne yaptığımız ve kim olduğumuz hakkında zaten her şeyi bildiği için, dönüşümlerimizi %40 artıran bir tasarım dili ve stratejisi oluşturmayı başardı. https://github.com/supermemoryai/claude-supermemory
Ana kısım sadece claude için iyi bir hafıza değil - supermemory bunu çok iyi yapıyor. Ana kısım, bu hafıza ve bağlamın sadece kodlama oturumlarından değil, günlük hayatımızdan, claude.ai sohbetlerimizden, ekibin openclaw ajanlarından ve daha fazlasından toplanmasıydı.
Tamamlama
Tüm sayfayı performans ve SEO için analiz etmesini istedim - ve yaptı.
Biraz "vibe coded" gibi görünebilir - Ve bu benim için sorun değil. Bir şeyi yayınlamak için aylarca beklemek yerine, yineleme yaparak mükemmelliğe ulaşabileceğimi biliyorum.
AI doğal (AI native) - bir arka plan ajanına bağlayın
Supermemory'yi inşa eden sadece 4 tam zamanlı çalışanız. Bu kadar. Ve bu da dahil olmak üzere ben - yalnız bir kurucu.
Teknik olmayan bir tanesi, bir arka plan ajanı ile açılış sayfalarındaki tüm işi otonom bir şekilde yapabiliyor.
Bu, ekipteki herkesin artık tasarımcı olduğu anlamına geliyor, yeterli yineleme döngüsüyle.
Çılgın zamanlarda yaşıyoruz. Tasarım işinin çoğu, bir şeyleri çözerken ekip tarafından yapılabilir (ve yapılmalıdır).
Tasarım kesinlikle ürün için önemlidir - Ancak çoğu insan muhtemelen bunun için fazla para ödüyor.
