Craftberry Önceki platform projeleri
Görsel tasarım, animasyon ve düzenlenebilir içerikle ajans sitesi.
Bir bakışta proje
Yayıncılık, uygulama ve platform alanındaki önceki projelerimiz. Teknik açıklamalar, projelerin ilk uygulamasına aittir.
- Katkımız
- Görsel tasarım, animasyon ve düzenlenebilir içerikle ajans sitesi.
- Neden önemli?
- Bir markayı kullanılabilir bir içerik deneyimine dönüştürme çalışmamızı gösterir.
Bir ajansın sitesi, sattığı şeyi kanıtlamalı.
Craftberry, Shopify Plus markaları için büyük özenle işlenmiş ticaret deneyimleri kurar. Kendi web sitesinin de aynısını yapması gerekiyordu — ziyaretçi siteye girer girmez yaratıcı ustalığını göstermeli, aynı zamanda ekibin bir geliştiriciyi beklemeden içeriği yeniden yazabileceği, sıralayabileceği ve yeniden yayınlayabileceği kadar esnek olmalıydı.
Alphabite ikisini birden taşıyan headless bir site kurdu: başlı başına bir portföy gibi okunacak kadar sofistike, hareket odaklı bir ön yüz ve her bölümü pazarlama ekibinin doğrudan yönettiği bir yapıya dönüştüren bir Storyblok içerik katmanı.
Sergile
Ustalığı anlatmakla kalmayıp gözler önüne seren gelişmiş hareket ve kaydırmayla tetiklenen animasyonlar.
Yinele
Storyblok her bloğu düzenlenebilir kılar — metni, görseli ve sırayı — hiçbir dağıtım beklemeden.
Performans
Zengin hareketi hızlı ve dayanıklı sunumla dengeleyen headless bir mimari.
Hareket ve değişim için tasarlanmış headless bir site.
Birlikte tasarlanan beş parça: headless bir ön yüz, bir Storyblok içerik katmanı, gelişmiş bir hareket sistemi, kaydırmayla tetiklenen koreografi ve ekibin gerçekten sahiplendiği bir düzenleme modeli.
Headless web sitesi
İçeriği Storyblok’tan çeken ayrık bir ön yüz — tek parça bir şablonla boğuşmadan, tasarımın gerektirdiği kadar çarpıcı olmakta özgür.
Storyblok CMS
Her bölüm düzenlenebilir bir blok olarak kurgulandı; ekip sayfaları görsel olarak oluşturup baştan yazabiliyor — ne kod ne dağıtım gerekiyor.
Gelişmiş hareket
Özenle kurgulanmış bir hareket sistemi — parallax, belirme efektleri ve geçişler süs olsun diye değil, premium hissettirmek için ayarlandı.
Kaydırmayla tetiklenen animasyon
Bölümler kaydırmanın ritmine göre kendini sahneler; düz bir sayfayı tempolu, sinematik bir gezintiye dönüştürür.
Esnek düzenleme
Denemeye açık bir içerik mimarisi — yeni sayfalar ve kampanyalar neredeyse hiç uğraştırmadan yayına girer.
Arayüz, kaydırmanın kendisidir.
Hareket, sitenin üzerine sürülen bir boya değil — hikâyenin temposunu o kuruyor. Her bölüm kaydırmaya göre koreografilendi; deneyim yalnızca yüklenmek yerine adım adım açılıyor. Hissetmek için bu şeridi kaydırın.
Parallax derinliği
Katmanlar farklı hızlarda hareket ederek düz bölümlere derinlik ve mekân hissi verir.
Kaydırmaya bağlı belirmeler
Yazı ve görseller ekrana girerken yerini alır — hiçbir şey habersiz karşınıza çıkmaz.
Sabitlenmiş sahneleme
Yerine sabitlenen bölümler, çevresindeki içerik akıp giderken tek bir anın nefes almasına izin verir.
Hareket tercihine duyarlı
Tüm sistem ziyaretçinin hareket tercihini gözetir — animasyon kapalıyken de hikâye eksiksiz okunur.
Şeridi kendiniz sürün — hareket, tıpkı canlı sitedeki gibi kaydırmanıza bağlı.
Siteyi düzenleyin. Değiştiğini izleyin.
Yapının kalbi burası: her bölüm, ekibin doğrudan düzenlediği bir Storyblok bloğu. Başlığı yeniden yazın, vurgu rengini değiştirin, düzeni yeniden biçimlendirin — sağdaki ajans hero’su, tıpkı gerçek editördeki gibi anında yeniden çizilir.
Alanlara yazın, bir vurgu rengi ve düzen seçin — önizleme siz düzenledikçe güncellenir.
Şablon değil, gerçekten yapılmış gibi hissettiren ticaret.
Detaylara önem veren markalar için headless mağazalar kuran bir Shopify Plus ajansı.
Etkileşimli oyun alanı — buradaki metinler ve vurgu renkleri yeniden yazabileceğiniz örnek değerlerdir; canlı Craftberry içeriği değildir.
Headless, tipli ve hareket için ayarlanmış.
Yalın, modern bir araç seti — Storyblok içeriğini render eden bir Next.js TypeScript ön yüzü, kaydırma koreografisi için bir hareket katmanı ve tasarım sistemini bir arada tutan Tailwind.
Headless siteyi sunucu tarafı hızıyla render eden bir TypeScript React uygulaması.
İçerik modelleri ve bileşenler arasında baştan sona tipler — hızlı yinelemek güvenli.
Headless CMS — her bölüm ekibin düzenlediği ve sıraladığı bir blok.
Parallax, açığa çıkışlar ve sabitlenmiş sıralamayı yöneten kaydırmaya bağlı bir hareket katmanı.
Koyu, editoryal estetiği tutarlı kılan disiplinli bir yardımcı sınıf sistemi.
Kendini pazarlayan — ve kendini güncelleyen bir site.
Sonuç, bir Shopify Plus ajansına işi kadar özenli bir dijital varlık ve bunu mühendislik devreye girmeden hareket hâlinde tutma özgürlüğü veriyor.
Ustalığı kanıtlayan bir varlık
Hareket odaklı hikâye anlatımı ana sayfayı canlı bir portföye dönüştürür — sitenin kendisi sunumdur.
Pazarlama hızında yinele
Storyblok blokları sayesinde ekip zahmetsizce deneme yapar, yayınlar ve içeriği yeniden yayına alır.
Performanstan ödün vermeyen hikâye
Headless mimari, hızdan ya da dayanıklılıktan taviz vermeden bu zengin hareketi rahatça taşır.
Zahmetsiz yayınlama
Yeni sayfalar ve kampanyalar geliştiriciye ihtiyaç duymadan canlıya geçer — ekip kendi hızının kontrolünü elinde tutar.
Mağazanızda neyi iyileştirmek istiyorsunuz?
Ne sattığınızı, aklınızdaki mağazayı ve nerede zorlandığınızı anlatın. Seçenekleri birlikte değerlendirelim.