Tio X 212: Bir Sanat Dergisi İçin Headless CMS ve Online Shop Geliştirme

212 Magazine


212 Magazine, uluslararası bir sanat ve kültür dergisidir.


212-magazine.com


Şirket Büyüklüğü
1-20 employees

Sektör
Sanat & Yayıncılık

Hizmetlerimiz
İçerik Yönetim Sistemi
E-ticaret
Front-end Geliştirme
Back-end Geliştirme
API Geliştirme

Müşteri

212 Magazine, yılda iki kez yayınlanan, İstanbul merkezli uluslararası bir sanat ve kültür dergisi. 212 Studio tarafından İngilizce ve Türkçe olarak üretilen 212 Magazine, okuyucularına bir kahve eşliğinde sakin ve yavaş bir dergi okuma deneyimi sunuyor. Bize bu “yavaş” dergi okuma deneyimini dijitale taşımak üzere ulaştılar.

Zorluklar

Öncelikli amacımız 212 Magazine gibi farklı bir okuma deneyimi sunan dergiyi dijitale de olduğu gibi yansıtabilmekti. 212 Magazine, sayfaları hızlı hızlı çevirerek, fotoğraflara göz ucuyla bakarak hızla tüketilecek bir dergi değil, bu yüzden websiteleri de scroll yapıp geçmek için olmamalıydı. Okuma deneyiminin akışının okuyucular tarafından kontrol edilmesi gerekiyordu. Derginin statik yapısı dijital sayılarda da sürdürülmeliydi.

Sahne arkasında ise editörler, yeni dijital sayılar için web sitesini teknik destek gerekmeden güncelleyebilmeliydi. 212 Magazine fotoğraf ağırlıklı bir dergi olmasına rağmen, farklı sanatsal medyumlar kullanabiliyor. Bu yaratıcı özgürlüğü dijitalde de sürdürebilmek için editörler, fotoğraflar, videolar, metinler ve sesler dahil olmak üzere farklı formatlarda içerik yayınlayabilmeliydi.

Bu arada 212 Magazine’in görsel kimliği dijital ortamda da devam ettirilmeliydi. Ne mutlu bize ki Pul Studio tarafından 212 Magazine için tasarlanan dijital deneyim ana akım bir temadan uzaktı. Bize düşen ise editörlerin oluşturmak istedikleri her içerik için iyi tasarlanmış bir sayfa oluşturmalarını kolaylaştırmak adına esnek bir CMS geliştirmekti.

Web sitesinde ayrıca güncel sayılar, eski sayılar ve diğer ürünler için bir e-ticaret bölümü bulunacaktı. Ortalama bir e-ticaret web sitesinin kullanıcı deneyiminin tam aksine, 212 Magazine tamamen farklı bir tüketim doğasına sahip. Bu nedenle yüksek dönüşümlü bir online mağaza ve sakince tüketilen sanatsal bir kanalı bir arada içeren bir evreni dijitalde yaratmalıydık.

Çözüm

212 Magazine’in okunma deneyimini dijitale taşımak üzere çalıştığımız Studio Pul dergi için dijitalde kullanılacak deneyimi ve tasarım kütüphanesini tasarladı.Tüm paydaşlardan sürekli geri bildirim sağlamaya öncelik verdiğimiz için bir workshop serisi ve rutin toplantılar ile çalışmaya başladık. 

Tio teknoloji partneri olarak bu ürünün geliştirilmesi için Gatsby ve Strapi’yi tercih ettik. Bu ikili bize front end kısmında oldukça fazla özgürlük sağladı. Bu sayede teknik altyapısı olmayan editörler, görsel kısıtlamalar olmaksızın 212 Magazine deneyimini dijitalde yeniden yaratacak içerikleri rahatça girebilecekler. Web sitesinde ayrıca güncel sayılar, eski sayılar ve diğer ürünler için bir online mağaza da bulunuyor. Online mağaza için Shopify altyapısı tercih edildi ve 212 için bir tema özelleştirmesi yapıldı. 

Web sitesini güncel tutmak, her yeni sayı için teknik müdahale gerektirmemeliydi. Kişiselleştirilebilir bir frontend’e sahip bir CMS çözümüne ihtiyaçları vardı. Cms paneli için Strapi’yi ve front end geliştirme için Gatsby JS’yi kullanmaya bu sebeple karar verdik. Normal bir CMS’de her bileşenin önceden belirlenmesi gerekir, biz ise Strapi sayesinde özelleştirilebilir bir içerik giriş akışı oluşturabildik. Tasarımdaki ögeler tekrarlanabilir küçük bileşenlere ayrıldı ve CMS mantık kurgusu Editörlerin arka plan renklerinden görsellerin yönüne kadar farklı tasarım kararları arasında kolaylıkla seçim yapabilecekleri şekilde geliştirildi. Bu altyapı sayesinde editörler tasarım ögelerinin yerleşimi ve içeriği konusunda özgürken 212 Magazine’in görsel kimliği ile örtüşmeyen bir sayfa oluşturamayacakları kadar da kısıtlandılar.

Geniş formatlı bir sanat dergisini yavaşça okuma hissini dijitalde sunmak için hızlı animasyonlar, otomatik geçişler kullanmaktan kaçındık. Her bölüm bir lego parçası gibi dinamik olarak yeniden konumlandırılabiliyor fakat bir bütün olarak web sitesi, değişikliklerden bağımsız olarak dergi ile aynı sürükleyici hissi okuyucuya geçirebiliyor. 

Sonuç

212 Magazine’in teknoloji partneri olarak, yayınlanan geniş formatlı dergi okuma ruhunu dijitale taşımak için birlikte çalıştık ve sonuç basılı yayın hissini yansıtan benzersiz bir web sitesi oldu. 

Proje teknik olmayan kişiler tarafından dinamik içerik girişi gerektirdiğinden, Strapi, headless cms oluşturmak için kullanıldı. Web sitesinde görsel iletişim ve fotoğraf öne çıkarken metin olarak kurgular, video olarak röportajlar vb. içeriyor. Strapi CMS paneli, bu deneyimi editörlerin özgürce sürdürmelerini sağlıyor.

Shopify’ın altyapısını kullanarak projenin e-ticaret bileşenini oluşturduk. Online mağaza anlayışını bir sanat dergisiyle bütünleştirmek için Shopify temasını özelleştirdik.

Sonraki sayıları deneyimlemek için sabırsızlanıyoruz.

212-magazine.com/ ↗

SOCIAL @ INSTAGRAM

@tio.ist

@tio.ist

@tio.ist

@tio.ist

@tio.ist

@tio.ist

@tio.ist

@tio.ist

ALSO ON TWITTER, LINKEDIN, YOUTUBE