Bir mobilya markasının web sitesini yenileme işini üstlendiğimde, karşımda ürünleri gerçekten güzel olan ama bunu ekranda hiç hissettiremeyen bir site vardı. Final Mobilya gibi görselliğin baş rolde olduğu bir markada, sitenin markanın kalitesini yansıtmaması en büyük sorundu. Bu yazıda o yenileme sürecini baştan sona, verdiğim kararlarla birlikte anlatmak istiyorum.

Amacım bir 'SEO nedir' anlatısı yapmak değil. Gerçek bir projede nelerle karşılaştım, neyi neden değiştirdim, teslimden sonra siteyi ayakta tutmak için ne yaptım; bunları paylaşacağım. Çünkü mobilya gibi görsel bir sektörde site yenilemenin püf noktaları, çoğu zaman detaylarda saklı.

Baştaki Tabloyu Anlamak: Sorun Neredeydi?

İşe her zaman yaptığım gibi başladım: siteyi bir müşteri gibi kullanmaya çalıştım. Telefonumdan bir koltuk modeli aramaya kalktığımda ilk fark ettiğim şey açılış hızıydı. Ana sayfa yüklenene kadar ekranda uzunca bir süre boş beyaz alan duruyordu. Bu sektörde ilk üç saniye kritik; insan koltuğu görmeden sabrını kaybediyor.

İkinci büyük sorun mobil deneyimdi. Ziyaretçilerin çoğu telefondan geliyordu ama site masaüstü için tasarlanmış, mobile sonradan sıkıştırılmıştı. Menüler küçük, butonlara basmak zor, ürün görselleri ekrana taşıyordu. Kategori yapısı da dağınıktı; aynı ürün grubu farklı isimlerle birkaç yerde geçiyor, ziyaretçi aradığı koleksiyona ulaşmakta zorlanıyordu.

Son olarak, tasarımın kendisi markanın kalite algısını taşımıyordu. Ürünler premium ama sitenin genel hissi eski ve sıkışıktı. Bir markanın showroom'una girdiğinizde hissettiğiniz ferahlığı ekranda da hissetmeniz gerekir; burada o duygu yoktu.

Yaklaşımım: Ürünü Merkeze Alan, Sade Bir Kurgu

Mobilya sitesinde asıl kahraman metin değil, görsel. Bu yüzden tasarımı ürün fotoğraflarının nefes alabileceği şekilde kurdum. Bol beyaz alan, büyük ve net görseller, dağınık olmayan bir düzen. Ziyaretçi bir koleksiyona girdiğinde önce ürünü görmeli, açıklama ve teknik detay ikinci planda kalmalı.

Kategori ve koleksiyon yapısını da tepeden sadeleştirdim. Marka ekibiyle birlikte ürünleri ziyaretçinin kafasındaki mantığa göre grupladık; 'oturma grupları', 'yatak odası', 'yemek odası' gibi net başlıklar altında topladık. Amaç, birinin üç tıklamada aradığı ürüne ulaşabilmesiydi.

Kurguyu mobil öncelikli tasarladım. Yani önce telefonda mükemmel çalışsın, sonra büyük ekrana genişlesin diye kurguladım; tam tersini değil. Bu yaklaşım, trafiğin büyük kısmının mobilden geldiği bir markada tek başına ciddi fark yaratıyor.

  • Görsel odaklı, ferah düzen: ürün fotoğrafları öne, metin geri planda.
  • Sadeleştirilmiş koleksiyon/kategori yapısı: aradığını üç tıkta bul.
  • Mobil öncelikli kurgu: önce telefonda kusursuz, sonra masaüstünde.
  • Tutarlı marka dili: renk, tipografi ve boşluklar showroom hissini taşısın.

Hız ve Görsel Optimizasyonu: Güzellik Yavaşlık Getirmemeli

Görsel odaklı bir sitenin en büyük riski, ağır fotoğraflar yüzünden yavaş açılmasıdır. Marka bana yüksek çözünürlüklü, olduğu gibi kullanıldığında sayfayı boğan görseller verdi. Ben de her görseli web için doğru boyuta indirdim, modern görsel formatları kullandım ve ekranda görünene kadar alttaki görsellerin yüklenmesini erteledim.

Bunun yanında gereksiz eklentileri ve arka planda çalışan ağır scriptleri temizledim. WordPress tarafında önbellekleme kurdum, böylece aynı sayfayı tekrar açan ziyaretçi çok daha hızlı bir deneyim yaşadı. Sonuçta site, görsellikten hiç ödün vermeden gözle görülür şekilde hızlandı.

Ekibin Kod Bilmeden Yönetebileceği Bir Panel

Benim için başarılı bir teslim, müşterinin her ürün değişikliğinde bana dönmek zorunda kalmadığı bir sitedir. Marka ekibi yazılımcı değildi; yeni bir koleksiyon geldiğinde onu kendileri ekleyebilmeliydi. Bu yüzden yönetim panelini olabildiğince sade tuttum.

Ürün eklemeyi, görsel yüklemeyi ve kategori düzenlemeyi teknik bilgi gerektirmeyecek hâle getirdim. Ekibe kısa bir kullanım kılavuzu hazırladım ve birlikte deneme yaptık. Amaç, sitenin canlı ve güncel kalması; çünkü mobilyada güncel olmayan koleksiyon, kapalı vitrin gibidir.

  • Teknik bilgi gerektirmeyen ürün ekleme ve düzenleme akışı.
  • Görselleri panele yükleyince otomatik doğru boyutlanması.
  • Ekibe özel kısa kullanım rehberi ve birlikte deneme oturumu.

Teslim Sonrası: Site Yaşayan Bir Şey

Bir siteyi teslim etmek işin sonu değil. Yenileme sonrası birkaç hafta boyunca siteyi izledim; hangi sayfalar nasıl davranıyor, mobilde takılan bir yer var mı diye baktım. Küçük ayarlarla deneyimi olgunlaştırdım.

Ayrıca düzenli bakım kurdum: yazılım güncellemeleri, yedekleme ve performans kontrolleri. Bir web sitesi, bakımı yapılmadığında zamanla yavaşlar ve güvenlik açıkları oluşur. Ben bu tarafı sürecin ayrılmaz bir parçası olarak görüyorum, çünkü asıl değer sitenin uzun vadede sağlıklı kalmasında.