Tibu e-ticaret sitesini tek bir marka sistemine taşıdım.
Eylül 2026'da tibu.com.tr'nin yeniden tasarımını yaptım; dağınık renk ve şablon öğelerini tek bir marka sistemine taşıyıp yayına aldım.
tibu.com.tr
Tibu ana sayfa
Önce · 2026-09-18 · Proje arşivi
Sonra · 2026-10-11 · Canlı
Önce · Proje arşivi / Sonra · Canlı
- 1Tek renkli duyuru şeridi
- 2Büyük harf, aralıklı menü
- 3HTML metinli kampanya alanı
- 4Güven şeridi
Ne değişti
- Sayfa başlığı şablondaki "Site Başlığı - Marka Adı" yer tutucusundan "Küçük ve Büyük Numara Kadın Ayakkabı 33-45 - Tibu" başlığına geçti.
- Magenta (#C928A0) yazılı pembe duyuru şeridi sade, harf aralıklı tek renkli bir şeride döndü; 33-45 numara mesajı eklendi.
- Metni görselin içine gömülü slider afişleri yerine metni HTML olan tam genişlik kampanya alanı ve iki çağrı düğmesi geldi.
- Hero altına malzeme, numara aralığı ve konfor için üç maddelik güven şeridi eklendi.
Önce görüntüsü Tibu yenileme oturumundaki canlı site denetiminden (Chrome, 2026-09-18).
- Müşteri
- Tibu
- Sektör
- Kadın ayakkabısı e-ticareti
- Kanal
- tibu.com.tr
- Dönem
- Eyl 2026
- Rol
- Yeniden tasarım, yayına alma
Yaklaşım
- 18 Eylül 2026'da canlı siteyi denetledim; şablondan kalan renkleri ve yer tutucu metinleri listeledim.
- Renkleri üç CSS değişkeninden oluşan tek bir sisteme taşıdım.
- Ana sayfa, kategori ve ürün şablonlarını bu sisteme göre düzenleyip yayına aldım.
01 Renk sistemi
Şablon renkleri tek bir marka sistemine taşındı
Önce · 18 Eyl 2026
Şablondan kalan renkler
- #C928A0Duyuru şeridi metni
- #FD5929Çağrı düğmesi
- #0D6EFDBootstrap varsayılan mavisi
Sonra · 11 Eki 2026
tb-v2 renk değişkenleri
- #2A2622--tb-dark
- #EADFD2--tb-sand-light
- #E5CDB0--tb-sand-warm
02 Sayfa başlığı
Yer tutucu sayfa başlığı ürünü anlatan başlıkla değişti
Önce · 18 Eyl 2026 · Ana sayfa
tibu.com.tr
Site Başlığı - Marka Adı
Sonra · 11 Eki 2026 · Ana sayfa
tibu.com.tr
Küçük ve Büyük Numara Kadın Ayakkabı 33-45 - Tibu
Sonra · 11 Eki 2026 · Kategori sayfası
tibu.com.tr/cizme
Büyük ve Küçük Numara Kadın Çizme 33-45 - Tibu
03 Kategori ve ürün
Kategori ve ürün sayfası: önce ve sonra
tibu.com.tr/cizme
Tibu kategori sayfası
Önce · 2026-09-18 · Proje arşivi
Sonra · 2026-10-11 · Canlı
Önce · Proje arşivi / Sonra · Canlı
- 1Başlık ve giriş metni
- 2Çizgili filtre listesi
- 3Rozetsiz ürün kartı
Ne değişti
- Kategori sayfasına görünür bir başlık ve 33-45 numara aralığını anlatan giriş metni eklendi.
- Kartlardaki mavi "Ücretsiz Kargo" ve kırmızı "Yeni Ürün" rozetleri ile boş beş yıldızlı "(0)" puanlar kaldırıldı.
- Filtre kenar çubuğu gri kutulardan ince çizgili, büyük harf başlıklı bir listeye döndü.
- Sayfa başlığı şu an "Büyük ve Küçük Numara Kadın Çizme 33-45 - Tibu".
tibu.com.tr
Tibu ürün sayfası
Önce · 2026-09-18 · Proje arşivi
Sonra · 2026-10-11 · Canlı
Önce · Proje arşivi / Sonra · Canlı
- 1Serif ürün adı ve kod
- 2Kargo, taksit, kapıda ödeme
- 3Büyük numara düğmeleri
Ne değişti
- Ürün adı tamamı büyük harf yerine serif başlıkla yazıldı; altına ürün kodu eklendi.
- "0 değerlendirme" yazan boş yıldız satırı kaldırıldı.
- Sağ sütuna ücretsiz kargo, 12 aya varan taksit ve kapıda ödeme bilgi kutuları eklendi.
- Numara seçimi küçük kutulardan daha büyük dokunma alanlı düğmelere geçti.
Sınırlılıklar
- Önce görüntüleri 18 Eylül 2026 denetiminden, sonra görüntüleri 11 Ekim 2026 tarihli canlı siteden; aradaki içerik değişiklikleri sonra görüntüsüne yansımış olabilir.
- Bu sayfa tasarım değişikliğini gösterir; dönüşüm ya da satış etkisine dair ölçüm içermez.
Çıkarımlar
- Renkleri birkaç değişkende toplamak, sonraki düzenlemeler için tek bir kaynak bırakıyor.
- Sayfa başlığı arama sonucunda görünen ilk metin; yer tutucu kaldığında ürün ve numara aralığı bilgisi orada görünmez.