MindSphere: Web3 yapay zekâ ajan platformu için marka ve Framer tanıtım sayfası

Genel bakış

MindSphere, yapay zekâ ajanlarını iş birliği yapmak, sorun çözmek ve sonuç üretmek için bir araya getiren bir yapay zekâ yönetim platformu. Kullanıcılar tek tek ajanlara ya da hazır ajan ekiplerine göz atabiliyor, modüler bir oluşturucuyla bunları özel ekiplerde birleştirebiliyor ve ekiplerini başkalarına sunabiliyor; bir MindSphere token'ı da yönetişimi, ödülleri ve platform içi işlemleri yürütüyor. [1]

Platform henüz “Yakında” aşamasındaydı. 2025'te bir ay boyunca stüdyom Beew üzerinden onun ilk kamusal yüzü üzerinde çalıştım: marka kimliği, masaüstü ve mobil için bir tanıtım sayfası ve “yakında” sayfası, 3D görseller ve sosyal medya görselleri; hepsi Framer'da geliştirildi.

Sorun

MindSphere, parçalı yapay zekâ dünyasına ajanların birlikte çalıştığı tek bir yerle cevap vermek istiyordu. Fikir güçlü ama soyuttu ve ürün henüz yayında değildi.

• Çoklu ajan koordinasyonunu her teknik seviyedeki kullanıcı için basit hissettirmek.
• Güven, şeffaflık ve ileri teknolojiyi anlatan, ayırt edici bir marka oluşturmak.
• Hızlı büyüme ve gelecekteki entegrasyonlar için ölçeklenebilir bir tasarım temeli kurmak.
• Platform “Yakında” aşamasındayken dijital ve 3D görsellerle lansman öncesi heyecan yaratmak.

Hedefler

• Ajan yönetimini kolay anlaşılır kılan, erişilebilir bir arayüz tasarlamak.
• UX araştırmasına dayanarak geliştiricilerin, işletmelerin ve son kullanıcıların ihtiyaçlarını karşılamak.
• Birlikte çalışabilirlik ve uyarlanabilirlik etrafında cesur bir marka kimliği oluşturmak.
• Tutarlı bir tasarım sistemiyle Framer'da etkileşimli ve ölçeklenebilir bir web varlığı kurmak.
• Lansman öncesi ivme kazanmak için sosyal medya tasarımlarını ve yapay zekâ kullanım senaryolarının 3D görsellerini kullanmak.

Yaklaşım

1. Önce kitleye sor

Geliştiricilere, iş liderlerine ve teknik olmayan kullanıcılara bir yapay zekâ yönetim platformunun sitesinden ne beklediklerini sorduk. Cevaplar, net mesajlı, sade ve ilgi çekici bir düzene işaret etti; iki sayfayı da bu şekillendirdi.

2. Ajanları karakterlere dönüştür

Soyut “ajanlar”, yüzü ve unvanı olan kartlara dönüşüyor, ürün tasarımcısı, blokzincir geliştiricisi, pazarlama uzmanı, ekipler de bu kartlardan oluşan gruplara. İnsanlar bir ekip kiralamayı, “çoklu ajan yönetimi”nden çok daha hızlı anlıyor.

3. Merak uyandır, her şeyi gösterme

Yapay zekâ ajanlarının 3D görselleri ve bir geri sayım, bitmemiş işlevleri göstermeden platformun ne yapacağına dair ipucu veriyor; sayfalar fazla vaat etmek yerine beklenti yaratıyor.

4. Bir sonraki sayfaya hazır bir sistem

Yeniden kullanılabilir web bileşenleri, tek bir renk düzeni, imza yeşiliyle siyaha yakın bir zemin, ve tek bir tipografi sistemi; tanıtım sayfasını, “yakında” sayfasını ve sosyal görselleri tutarlı tutuyor ve gelecekteki sayfaların tonunu belirliyor.

Çözüm

Marka kimliği

Logo, birbirine kenetlenen yüzeylerden oluşan geometrik bir işaret; birçok ajanın tek bir sistem oluşturmasına bir gönderme. Koyu zeminde yeşil bir sembol olarak da, kendi kurgu ızgarası üzerinde beyaz bir uygulama ikonu olarak da çalışıyor.

Hero ve temel özellikler

Hero, vaadi 3D bir robotun altında tek cümleyle söylüyor. Ardından dört özellik kartı geliyor, dinamik yönetim, birleşik zekâ, şeffaf iş akışı ve uyarlanabilir ekosistemler, her biri soyut bir 3D nesneyle eşleşiyor.

Ajan pazar yeri

“Explore Autonomic AI Operatives”, ajanları işe alınabilir profiller olarak sunuyor: tek tek “AI wizard”ları seç ya da topluluğun hazırladığı hazır ekiplere, örneğin bir blokzincir ekibi ya da pazarlama ekibi, göz at; her birinde bir Hire Team düğmesi var.

Özel ajan ekipleri

“Establish your personalized squad of emissaries” modüler oluşturucuyu gösteriyor: ekibe ajan ekle, sevdiğin uygulamaları bağla ve MindSphere kullanıcılarından pazar yerine, ajanlara ve üreticilere uzanan yapıyı gör. Kullanıcılar hazır bir ekibi pazar yerinde başkalarına da sunabiliyor.

Sorun ve yol haritası

“Current AI Landscape Challenges”, MindSphere logosunu bir sorunlar ızgarasının, parçalı iş akışları, birbirinden kopuk platformlar, şeffaflık eksikliği, yüksek maliyetler, tam ortasına koyuyor; çözüm kelimenin tam anlamıyla merkezde duruyor. Aşama aşama bir yol haritası da platformun nerede olduğunu gösteriyor.

Tokenomik ve topluluk

Token dağılımı, her pay için net bir açıklamayla halka grafik olarak gösteriliyor; ardından “Get MindSphere Token” bölümü ve topluluk bağlantıları geliyor. Konulara ayrılmış bir SSS de kalan soruları cevaplıyor.

SSS ve “yakında” sayfası

SSS bileşenleri soruları genel, teknik, tokenomik, yönetişim, platform ve destek başlıklarında topluyor. “Yakında” sayfası, vaadi bir geri sayım ve bekleme listesiyle tekrarlıyor; Framer'daki animasyonlar sayfayı hafif tutarken heyecan yaratıyor.

Sonuçlar

• MindSphere'in lansmanına zemin hazırlayan bir tanıtım sayfası ve “yakında” sayfası; test kullanıcıları netliğini ve çekiciliğini vurguladı.
• Tanıtım sayfasının görünümüyle bağlantılı, lansman öncesi ivmeyi destekleyen sosyal medya tasarımları.
• Lojistik ve sağlık gibi alanlardaki gerçek kullanımlara işaret eden ve bu sektörlerden ilgi çeken yapay zekâ ajanı 3D görselleri.
• Gelecekteki sayfaların taslaklarını daha hızlı üretmeyi sağlayan bir tasarım sistemi.

Çıkarımlar

• Ajanlar işe alabileceğin ekip arkadaşları gibi göründüğünde soyut yapay zekâ netleşir.
• Lansmandan önce özellik vaat etme, yeteneklerle merak uyandır.
• Çözümü görsel olarak sorunun tam ortasına koy.
• Framer'da tasarlayıp geliştirmek, lansman öncesi bir siteyi hızla değiştirilebilir tutar.