Cumhuriyet Web Deneyimi: Yüz Yıllık Bir Sesi Dijital Çağa Taşımak

Zorluk

Büyük bir haber sitesini yeniden tasarlamak başka hiçbir dijital ürüne benzemez: Ölçek çok büyük, içerik hiç bitmiyor ve kurumsal riskler yüksek. Cumhuriyet yalnızca bir haber kaynağı değil; milyonlarca sadık okuru onlarca yılda oluşmuş beklentilerle gelen, yüz yıllık bir kamusal kurum.

Haber sitesi ölçeğinde bilgi mimarisi. Site, Siyaset, Ekonomi ve Dünya'dan Gurme, Sürdürülebilirlik ve Kültür'e kadar onlarca bölümden oluşuyor. Her bölümün ortak bir görsel sistemi paylaşırken kendi şablon mantığına ihtiyacı vardı. Okurların hangi bölüme girerse girsin yönünü hemen bulabilmesi gerekiyordu.

Sonradan eklenmeyen, tasarımın parçası olan reklam. Cumhuriyet'in dijital geliri büyük ölçüde görüntülü reklamlara dayanıyor. Standart reklam boyutlarının sayfaya bir müdahale gibi değil, düşünülmüş bir parça gibi yerleşmesi gerekiyordu. Reklam alanlarının hem okuma akışını bozmaması hem de reklamverenler için iyi performans göstermesi gerekiyordu.

Modern bir arayüzde yüz yıllık marka. Cumhuriyet kırmızısını ve markanın editoryal otoritesini, eski bir siteye ya da sıradan bir haber şablonuna benzemeyen bir dijital dile taşımak gerekiyordu. Kurumsal ağırlıkla çağdaş okunabilirlik arasındaki denge, projenin merkezindeki tasarım sorunuydu.

Çözüm

Yeniden tasarımı bir sistem tasarımı sorunu olarak ele aldık. Çözüm tek bir anasayfa değil; bölümlere, içerik türlerine ve sayfa şablonlarına göre farklı biçimlerde bir araya getirilebilen modüler bir editoryal bileşen sistemiydi.

İçeriği öne alan bir menü yapısı. Ana menü okurları ilgi alanlarına göre bölümlere götürüyor: Son Dakika, Yazarlar, Siyaset, Ekonomi, Dünya, Spor, Yaşam, Otomotiv, Kültür Sanat, Piyasa, Gurme, Sürdürülebilirlik ve diğerleri. Cumhuriyet TV, Kitap ve özel dosyalar için eklenen ikinci satır, markanın geniş medya ekosistemini haberlerle yarıştırmadan görünür kılıyor.

Editoryal bir araç olarak anasayfa. Sayfanın en üstünde, kalın tipografi ve kontrast renkle öne çıkan bir son dakika alanı var; editörler bu alanı anın en acil haberi için esnekçe kullanabiliyor. Altındaki içerik modülleri haberin türüne göre şekil alıyor: fotoğraf ağırlıklı dosyalar, metin odaklı özetler, yazar imzalı haberler ve okur etkileşimi için anketler.

Güven işareti olarak yazarlar. Cumhuriyet Gazetesi Yazarları bölümü gazetecileri adları ve yazılarıyla öne çıkarıyor. Bu bölüm markanın editoryal kimliğini güçlendiriyor ve okurları yalnızca kategorileri değil, tek tek yazarları da takip etmeye teşvik ediyor.

En üstte anlık bilgiler. Hava durumu, döviz kurları (Dolar, Euro, Altın, BIST) ve kripto para fiyatları menünün üzerindeki canlı bir bantta akıyor; okurlar daha bir habere tıklamadan işlerine yarayacak bilgiye ulaşıyor.

Deneyimden öne çıkanlar

Kategori şablonları
Her içerik bölümü tutarlı bir ızgara yapısı kullanıyor: En güçlü görsel ve başlık öne çıkıyor, destekleyici haberler onu izliyor. Yerleşim görsel hiyerarşiyi açıkça gösteriyor ve editörlerin yargısını algoritmik bir sıralamaya bırakmıyor.

Bülten aboneliği
Anasayfaya doğrudan yerleştirilen bülten modülü, okurun ilgisini tam etkileşim anında yakalıyor. Okurlar haftalık ya da aylık gönderim arasında seçim yapıyor; böylece sosyal medya platformlarından bağımsız, sürdürülebilir ve doğrudan bir okur kanalı oluşuyor.

Sürdürülebilirlik ve tematik bölümler
Sürdürülebilirlik gibi bölümler, içerik başlamadan önce bölümün karakterini kuran tam genişlikte görsel başlıklar kullanıyor. Bu yaklaşım Cumhuriyet'in tematik alanlarına site içinde kendine özgü bir kimlik kazandırıyor; hem editoryal derinliği hem de markanın genişlemesini destekliyor.

Reklam alanlarının yerleşimi
Görüntülü reklamları içeriğin üzerine bindirmek yerine sayfa ızgarasının içine yerleştirdik. Böylece reklamlar iş ortakları için iyi performans gösterirken okuma deneyimi kesintisiz ve okunur kalıyor.

Tasarım süreci

Cumhuriyet için tasarlarken dikkatli ilerlememiz gerekiyordu. Günde 5 milyon tekil ziyaretçiye ulaşan bir sitede her arayüz kararının etkisi milyonlarca etkileşimle katlanıyor.

Odaklandık: Yol göstericimiz büyük ölçekte editoryal netlikti: Hangi sayfaya girerse girsin her okur, nerede olduğunu ve aradığını nasıl bulacağını hemen anlamalıydı. Görsel tasarıma başlamadan önce bütün paydaşlarla bu tanım üzerinde uzlaştık.

Araştırdık: Mevcut okur davranışını, içerik tüketim alışkanlıklarını ve önde gelen haber sitelerini inceledik; bilgi mimarisini bu bulgularla şekillendirdik. Okurların kategoriler arasında nasıl gezindiğine, sayfada ne kadar ilerlediğine ve nerede siteden ayrıldığına özellikle dikkat ettik.

Uyguladık: Sayfa türlerine göre değil, içerik türlerine göre düzenlenmiş modüler bir bileşen kütüphanesi kurduk. Haber kartlarını, öne çıkan makaleleri, kategori başlıklarını, yazar imzalarını, reklam alanlarını ve etkileşim modüllerini sayfa şablonlarında birleştirmeden önce tek tek tasarladık.

Ölçtük: Sistemin metin ağırlıklı haberlerde de görsel ağırlıklı yaşam içeriklerinde de aynı ölçüde iyi çalıştığını doğrulamak için prototipleri Siyaset, Spor, Yaşam ve Gurme bölümlerinden temsili içerik örnekleriyle test ettik.

Geliştirdik: Tasarım sistemini kapsamlı bir dokümantasyonla teslim ettik. Cumhuriyet'in kendi ekipleri sistemi yeni bölümlere ve içerik türlerine, görsel tutarlılığı bozmadan genişletebiliyor.