Yeni Site Yayında, Mağaza Hâlâ Ucuz Görünüyor

Yenilenen bir mağazanın yayına girdiği gün tuhaf bir an olur. Tasarım gerçekten iyidir, sayfa hızlıdır, her şey planlandığı gibi çalışır — ama mağaza beklenen izlenimi vermez.

Sebep genelde tasarımda değildir. İyi tasarım ürün görsellerini saklamaz; onları büyütür.

Boşluk, görselleri büyütür

Eski ve kalabalık bir sitede ürün fotoğrafı küçüktür, etrafı doludur: kenar çubukları, kampanya bantları, üç ayrı yazı tipi. Zayıf bir fotoğrafın kusuru bu gürültünün içinde kaybolur.

Premium bir düzen tam tersini yapar. Görseli büyütür, etrafını boşaltır, üstündeki her şeyi sessizleştirir. Artık ekranda bakılacak tek şey fotoğraftır — ve fotoğraf o dikkati kaldıramıyorsa mağaza, yenilemeden önceki hâlinden daha zayıf bile görünebilir.

Grid bir karşılaştırma aracıdır

Kategori sayfasındaki ürün grid'i tek tek fotoğraflar göstermez; onları yan yana koyarak karşılaştırır. Ziyaretçi altı ürünü aynı anda görür ve aralarındaki farkı okur.

Sorun şu ki grid, ürünler arasındaki farkı gösterdiği kadar çekimler arasındaki farkı da gösterir. Biri gün ışığında, biri sarı ev ışığında, biri gölgeli bir masada çekilmişse ziyaretçinin gördüğü şey altı ürün değil, altı ayrı gün olur.

Bir mağazanın "toparlanmamış" görünmesinin en yaygın sebebi budur. Fotoğrafların tek tek kötü olması gerekmez; birbirinden farklı olmaları yeter.

Oran: en mekanik, en çabuk düzelen sorun

Grid'in her hücresi aynı orandadır. İçine giren fotoğraflar farklı oranlardaysa sistem onları kırpar — ve o kırpma kararını kimse vermemiştir.

Sonuç tanıdıktır: bir üründe ürün ortadadır, diğerinde kenardan kesilmiştir, bir başkasında karenin üst yarısında kalmıştır. Ürünlerin grid içindeki ölçeği de kayar; küçük bir küpe, koca bir çantayla aynı büyüklükte görünür.

Bir katalogda oran ve ürünün kare içindeki payı tek bir kurala oturtulduğunda mağazanın geneli aynı gün içinde toparlanır. Üstelik bu, yeni fotoğraf gerektirmeyen bir düzeltmedir.

Fon ve ışık: aynı olması, beyaz olmasından önemli

Aynı mantık fon için de geçerlidir. Fonların tamamının beyaz olması şart değildir; aynı olması gerekir. Karışık fonlu bir katalog, tek tek güzel karelerle bile dağınık görünür.

Bu tutarlılık yalnızca marka izlenimi meselesi değildir. Aynı fon üzerinde ürünler arasındaki gerçek farklar — renk, doku, boyut — görünür hâle gelir; karışık fonda o farklar fonun içinde kaybolur.

Ürün sayfasında sıra bir hiyerarşidir

Grid ürünü tanıtır, ürün sayfası ikna eder. Buradaki görseller bir albüm değil, sıralı bir argümandır: önce ürünün tamamı, sonra ölçeği, sonra malzemenin dokusu, sonra kullanımdaki hâli.

Sıra bozulduğunda sayfa da bozulur. İlk görsel bir detay yakın çekimiyse ziyaretçi, ürünün ne olduğunu anlamadan ayrıntısını görmüş olur.

Tasarım neyi telafi eder, neyi etmez

İyi bir mağaza tasarımı bazı şeyleri gerçekten kurtarır: tutarsız oranları çerçeveleyerek hizaya sokabilir, zayıf bir karenin etrafını doğru kurarak taşıyabilir, ürün sayfasındaki sırayı düzelterek eksik bir görselin yerini kısmen doldurabilir.

Telafi edemediği tek şey vardır: ürünün görünmemesi. Alıcının cevabını yalnızca fotoğraftan alabileceği sorular — bu ne kadar büyük, dokusu nasıl, üstümde nasıl durur — tasarımla cevaplanamaz.

Tasarım bir fotoğrafın sunumunu değiştirebilir; içinde olmayan bilgiyi ekleyemez.

Yenileme sırasında görsellere ne zaman ayrıca bakılır

• Kategori grid'i dağınık görünüyorsa. Genelde oran ve fon meselesidir ve çoğu zaman mevcut karelerle çözülür.
• Ürün başına görsel sayısı eşit değilse. Bazı ürünün dört, bazısının tek karesi varsa ürün sayfası üründen ürüne başka bir sayfaya dönüşür.
• Ürünler ölçeksiz görünüyorsa. Boyut algısı veren tek bir kare bile çoğu kategoride farkı kapatır.
• Yeni tasarım daha büyük görsel istiyorsa. Eski ve düşük çözünürlüklü kareler, ancak büyütüldüklerinde ortaya çıkar.

Bu dördü de yenileme projesinin başında, tasarım kararlarıyla birlikte konuşulmalıdır. Sona bırakıldığında seçenek kalmaz: ya mevcut görsellerle yayına çıkılır, ya proje bekler.

Bizde site ve görseller aynı stüdyodan çıkıyor. Pratikte bunun anlamı şu: tasarım, görsellerin ideal hâline göre değil, gerçek hâline göre planlanabiliyor — ve gerekiyorsa ikisi aynı proje içinde birlikte toparlanıyor. Web sitesi tarafında ne yaptığımız ile ürün görselleri tarafında neyi kapsadığımız ayrı ayrı yazıyor.