Tüm projeler

birkly.io

Bir CMS için ürün web sitesi

birkly.io, insanlar ve yapay zekâ için eşit derecede tasarlanmış bir CMS olan Birkly’nin herkese açık evidir. Yedi dilde işletme sahiplerini, pazarlamacıları, geliştiricileri, ürün geliştirenleri ve yapay zekâ ajanlarını Birkly’nin her biri için ne yaptığı üzerinden adım adım gezdirir. Sade görünür, ama arkasında bir topluluk ağından ve bağışlardan yol haritası oylamalarına ve otomasyonlara kadar birbirine bağlı pek çok özellik vardır; hepsi Birkly’nin kendisi üzerinde çalışır.

Müşteri
Birkly
Hizmetler
Dijital tasarımWeb geliştirmeBirkly & eklentiler
Kullanılanlar
Birkly
Web sitesi
Siteyi ziyaret et

Çıkış noktası

Tek ürün, birbirinden çok farklı iki okur

Birkly’nin iki tür okura anlamlı gelmesi gerekir. Biri bir işletme yürütür ve kimseyi aramadan bir salı öğleden sonrası güncelleyebileceği bir web sitesi ister. Diğeri bir geliştiricidir ya da giderek daha sık bir yapay zekâ ajanıdır ve içeriğin tam olarak nasıl saklandığını, oluşturulduğunu ve genişletildiğini bilmek ister.

Yalnızca birincisine seslenen bir ürün sitesi ikincisine belirsiz gelir. Yalnızca ikincisine seslenen bir site ise birinci okuru daha ilk paragrafta kaybeder. birkly.io’nun görevi ikisini birden tutmak ve bunu arkasında duramayacağımız tek bir iddia olmadan yapmaktı.

Metin

Önce sade sözcükler, ayrıntılar istenince

Siteyi dışarıdan içeriye doğru yazdık. Her sayfa önce Birkly’nin sizin için ne yaptığını günlük bir dille anlatır, ancak ondan sonra nasıl yaptığını gösterir: koleksiyonlar, kayıtlar, şablonlar. Teknik terimler işe yaradıklarında ortaya çıkar ve her biri ilk geçtiği yerde açıklanır.

Bazı şeyleri de bilerek dışarıda bıraktık. Kurulum sayıları, ürünü hiç kullanmamış şirketlerin logoları ya da kendi yazdığımız referanslar yok. Birkly alfa aşamasında ve site bunu açıkça söylüyor: erken erişim dalgalar hâlinde açılıyor, belgeler bir ön izleme sürümü ve yazılım yayınlandığında ücretsiz ve açık kaynak olacak. Aynı kural makineler için de geçerli. Bir Agent Guide, Birkly’nin iddialarını yapay zekâ aramaları ve asistanlar için yapılandırılmış veri olarak yayınlar; her biri gözden geçirilmiş ve tarihlenmiştir ve bunların ötesinde özellik uydurulmaması açıkça belirtilir.

Telefonda birkly.io: “A CMS built for humans and AI equally” ve nane yeşili bir düğme
Ana sayfa, Birkly’nin ne olduğunu tek cümlede söyler.

Tasarım

Kâğıt, mürekkep, nane yeşili ve huş

birkly.io temel renklerini CMS’in kendisinden devralır: kırık beyaz kâğıt, mürekkep koyuluğunda metin ve nane yeşili bir vurgu; böylece ürün ve web sitesi aynı ailenin parçası gibi hissettirir. Başlıklar Source Serif 4, metinler Instrument Sans ile dizildi. Bu temelin üzerine site, panelin asla kullanmayacağı kadar geniş bir pazarlama görselleri ve efektleri yelpazesi ekler.

En ayırt edici olanı, sitenin her yerinde arka planlardan geçen çizgi animasyonlarıdır. Organik biçimde hareket eder, ismin ardındaki doğal hikâyeyi anlatır (birk, Danca’da huş ağacı demektir) ve doğal ile dijital öğeler arasında denge kuran bir tasarımın tonunu belirler. Dijital taraf, bölüm etiketi olarak kullanılan gerçek Birkly şablon sözdizimi parçalarında görünür; örneğin from 'birkly' get 'the point' ya da for each entry in 'hub' ordered by newest. Hub’da da her eklentinin kendi rengi ve küçük bir huş ormanı vardır.

Dizüstü bilgisayarda birkly.io Hub’ı: Automation, Commerce, Events, Studio ve User Management eklentilerinin kartları
Hub: başlığın üstünde şablon sözdizimi ve her eklenti için bir huş ormanı.

Ürünü göstermek

Maket değil, gerçek ekranlar

Site Birkly’yi gösterdiği her yerde gerçeğini gösterir. Ana sayfa içerik modelini üç adımda anlatır (biçimi tanımla, doldur, sayfaya çek) ve her adımı çalışan panelden bir ekran görüntüsüyle gösterir: şema düzenleyicisi, kayıt formu ve iş başındaki bir şablon. Ardından gelen örnekler de gerçek kurulumlardır: bir portfolyo, bir blog, belgeler, bir çevrimiçi mağaza, bir etkinlik sitesi ve bir sosyal akış; hepsi aynı koleksiyonlar, kayıtlar ve alanlarla kurulmuştur.

Bu biraz cilaya mal olur, çünkü gerçek arayüzlerin gerçek uç durumları vardır. Ama biri Birkly’yi kurup kendisine vaat edilenin tam olarak aynısını bulduğu anda karşılığını verir.

birkly.io gösteren iki dizüstü bilgisayar: açık renkte “One content model. Every kind of site.” ve koyu renkte hedef kitle bölümü
Tek içerik modeli, her türlü site.

Yapı

İlk ziyaretten ilk kuruluma

Site, ziyaretçileri insanların gerçekten sorduğu sorular etrafında, kabaşa onları sordukları sırayla kurulmuş bir kullanıcı hikâyesi boyunca gezdirir:

  • Bu nedir? Ana sayfa Birkly’nin ne olduğunu söyler, ardından her okur türü için ne yaptığını gösterir: işletme sahipleri, pazarlamacılar, geliştiriciler, ürün geliştirenler ve yapay zekâ ajanları; hepsi aynı kurulumu açar.
  • Nasıl çalışır? Ürün sayfası içerik modelini, şablonları, rolleri, yapay zekâyı ve eklentileri ele alır.
  • Güvenebilir miyim? Belgeler bir öğleden sonrada okunacak şekilde yazıldı, yeni başlayanlar ve ileri kullanıcılar için ayrı yollar sunar; 1.0’a giden yol haritası herkese açık ve güncel tutulur.
  • Yön verebilir miyim? Club üyeleri yol haritası için oy verir; böylece topluluk bir sonraki adımda neyin inşa edileceğinde gerçekten söz sahibi olur.
  • Nasıl başlarım? Net yollar Hub’a, Club’a ve dalgalar hâlinde açılan erken erişime götürür.
  • Nasıl destek olabilirim? Sponsorlar sayfası ve Club, bağımsız bir CMS’i tek seferlik ya da aylık olarak desteklemeyi sağlar.

Her sayfa bir sonraki soruya işaret ederek biter; böylece kimse menüde kendi yolunu aramak zorunda kalmaz.

Birkly ile kuruldu

Birkly’nin tüm özellikleri, canlı kullanımda

birkly.io, Birkly’yi yalnızca anlatmaz; onun üzerinde çalışır ve sistemin her parçasını birlikte kullanır:

  • Sayfalar ve içerik, sitenin anlattığı panelin ta kendisinde, yedi dilde düzenlenir.
  • Club, User Management eklentisiyle kurulmuş, Birkly topluluğu için gerçekten çalışan bir sosyal ağdır. Üyeler gönderi yazar, birbirini takip eder, duyuru paylaşır ve yol haritası için oy verir.
  • Bağışlar Commerce eklentisiyle, tek seferlik ya da aylık abonelik olarak çalışır. Her bağış destekçinin Club hesabına bağlanır, bir destekçi rozeti kazandırır ve özel tasarlanmış bir bağışçı duvarında görünür.
  • Otomasyonlar form gönderimlerini yanıtlar ve bekleme listesindekileri gruplara ayırır. Biri kaydolduğunda bir iş akışı grubunu belirler ve bir onay e-postası gönderir; kimsenin elle bir şey yapmasına gerek kalmaz.
  • Agent Guide ve WebMCP, siteyi yapay zekâ aramalarına ve asistanlara tanıtır, tarayıcı ajanlarına da birkaç güvenli eylem sunar.

Site sade görünür, ama parçalar birbirine bağlıdır: Bir bağış üyenin profilinde görünür, üyeler gönderi yazar ve oy verir, oylar da bir sonraki adımda neyin inşa edileceğini belirler. Bu, birkly.io’yu ürünün ilk ve en zorlu testi, esnekliğinin de en net kanıtı yapar. Siteyi yönetirken bir şey zahmetli geldiğinde, bu sitede geçici bir çözüme değil, Birkly’nin kendisinde bir değişikliğe dönüştü.

birkly.io’daki “New Waitlister” otomasyonu: bir kayıt oluşturulduğunda bir alan ayarlanır ve bir e-posta gönderilir
birkly.io’nun bekleme listesi otomasyonu, Birkly ile kuruldu.

Sonuç

birkly.io sakin bir ürün sitesi gibi görünür ve asıl mesele de budur: Yüzeyin altında bir sosyal ağ, bağışlar, bir bağışçı duvarı, yol haritası oylamaları ve otomasyonlar birlikte çalışır; hepsi her Birkly kullanıcısının sahip olduğu aynı koleksiyonlar, kayıtlar ve eklentilerle kurulmuştur. Sitedeki her iddia doğrulanabilir ve siteye yapılan her iyileştirme önce ürüne yapılan bir iyileştirme olarak başlar. Birkly’nin ne kadar esnek olduğunun en net kanıtıdır.

Siteyi ziyaret et

Okumaya devam et