Ürün Kataloğu · Müşteri Projesi

Güzelay için geliştirdiğimiz web projesi

Geniş ürün yapısını kategori, ürün detayı, galeri ve yönetim akışıyla bir araya getiren katalog projesi.

Güzelay web sitesi vitrin görüntüsü
Gerçek ekran vitrini

Masaüstü ve mobil görünümü aynı proje dosyasında görün

Bu proje sayfasında kullanılan vitrin görselleri, canlı yayından alınmış doğrulanmış ekran görüntülerinin yerel optimize edilmiş kopyalarıdır.

Masaüstü görünüm

Gerçek ana sayfa vitrini

Onarhane masaüstü ana sayfa görünümü
Mobil görünüm

Gerçek mobil servis akışı

Onarhane mobil ana sayfa görünümü
İşletmeyi ve ihtiyacı anlamak

Tasarıma başlamadan önce işin nasıl çalıştığını anlamak gerekir.

Her projede önce işletmenin sunduğu hizmeti, müşterinin neyi karşılaştırdığını ve iletişime geçmeden önce hangi bilgiyi görmek istediğini belirliyoruz.

İşletme ve müşteri davranışı

Güzelay, Ürün Kataloğu alanındaki hizmet veya ürün yapısını dijitalde daha anlaşılır hale getirmek için ele alınan bir projedir. Geniş ürün yapısını kategori, ürün detayı, galeri ve yönetim akışıyla bir araya getiren katalog projesi. Proje dosyasında yalnız sayfanın görünümü değil; kullanıcının hangi bilgiyle karar verdiği, hangi içeriklerin öne çıkarıldığı ve iletişimin nasıl kısaltıldığı birlikte değerlendirilir.

Güzelay için içerik sırasını belirlerken sektörün gerçek satın alma veya hizmet alma davranışını esas aldık. Bu projede önce işletmenin ne sunduğunu, müşterinin neyi karşılaştırdığını ve iletişime geçmeden önce hangi bilgileri görmek istediğini belirledik. Tasarım kararlarını bu gerçek kullanım sırasına göre verdik.

İçeriği gereksiz teknik terimlerle ağırlaştırmadan, hizmet veya ürün kapsamını doğru anlatan ve iletişime geçişi kolaylaştıran dengeli bir yapı kurduk.

Projede nasıl düşündük?

Önce hangi problemi çözeceğimizi netleştirdik.

Görsel tasarımdan önce müşterinin ihtiyacını, işletmenin çalışma biçimini ve sitenin hangi işi kolaylaştırması gerektiğini belirledik.

01

Geniş ürün portföyünü kategori, ürün detayı ve teklif akışıyla yönetilebilir bir B2B katalog sistemine dönüştürmek hedeflendi.

02

Güzelay için ziyaretçinin hizmet veya ürün kapsamını ilk bakışta anlayabildiği, mobilde hızlı iletişime geçebildiği ve ayrıntıları gerektiğinde rahatça inceleyebildiği bir kullanıcı akışı kurmak.

03

Tasarımı, içerik ve teknik altyapıdan ayrı düşünmeden; ürün kataloğu için gereken bilgi, iletişim ve yayın kalitesini tek çalışma standardında birleştirmek.

Projenin kritik noktaları

Uygulamada özellikle dikkat ettiğimiz konular

  • Geniş katalogda bilgi mimarisini sade tutmak
  • Benzer ürün sayfalarında yinelenen içeriği azaltmak
  • Ürün görselleri ve teknik bilgiyi performanslı sunmak
  • Teklif ve iletişim akışını ürün bağlamını kaybetmeden taşımak
Uygulama yaklaşımı

Tasarım, içerik ve teknik altyapıyı birlikte geliştirdik.

Sayfa sırası, iletişim akışı ve yayın altyapısı ayrı ayrı değil, aynı projenin birbirini tamamlayan parçaları olarak ele alındı.

Uyguladığımız çalışmalar

  • Kategori/ürün mimarisi, galeri, arama ve yönetim akışları geniş katalog büyümesine uygun biçimde birleştirildi.
  • Sektöre uygun bilgi mimarisi
  • Mobil uyumlu arayüz ve hızlı iletişim akışı
  • Teknik yayın hazırlığı ve temel arama görünürlüğü
  • Canlı site ve proje detay bağlantıları

İçeriği nasıl kurguladık?

Ürün Kataloğu kullanıcısının karar verirken aradığı temel bilgiler, hizmet/ürün grupları ve iletişim noktaları hiyerarşik olarak ayrıldı.

Güzelay sayfalarında genel reklam cümleleri yerine, işletmenin gerçekten sunduğu hizmet veya ürünleri anlatan; müşterinin seçim yaparken ihtiyaç duyduğu ayrıntıları doğru sırada veren metinler kullandık.

Canlı proje, ilgili hizmet sayfaları ve benzer sektör çalışmaları arasında doğal bağlantılar kurarak ziyaretçinin ihtiyaç duyduğu örneğe veya açıklamaya kolay ulaşmasını sağladık.

Kullanıcı deneyimi + görünürlük + teknik yayın

İyi görünen kadar doğru çalışan bir yapı kurduk.

Kullanıcının sayfada rahat ilerlemesi, Google’ın içeriği doğru anlaması ve sitenin teknik olarak temiz yayınlanması aynı tasarım kararının parçalarıdır.

Kullanıcı deneyiminde önceliklerimiz

  • Kategori ve ürün arasında hızlı geçiş
  • Arama/filtre ile ürün keşfi
  • Ürün detayında net teknik bilgi
  • Teklif CTA’sında ürün bağlamını koruma

Arama görünürlüğünde önceliklerimiz

  • Kategori kümelerinde özgün açıklamalar
  • Ürün URL ve canonical standardı
  • Arama filtrelerinin indeks kontrolü
  • Katalog ve ambalaj model kümeleriyle doğal iç bağlantı
Bu projeyi güçlü yapan yaklaşım

Bu projenin gücü, Güzelay markasının Ürün Kataloğu yapısını yalnız görsel olarak sunmak yerine; karar bilgisi, güven kanıtı, mobil kullanılabilirlik, teknik yayın ve ilgili içerik kümeleriyle birlikte çalıştırmasından gelir.

Yayın sonrası gelişim

Siteyi teslim günü biten bir iş olarak görmüyoruz.

İşletmenin yeni hizmetleri, ürünleri ve içerik ihtiyaçları çıktığında yapının kontrollü biçimde büyüyebilmesini baştan planlıyoruz.

Güzelay için kurduğumuz yapı yeni hizmet, ürün, bölge veya içerik ihtiyacı çıktığında baştan kurulmak zorunda kalmayacak şekilde planlandı. Mevcut sayfa düzeni korunarak yeni bölümler eklenebilir; iletişim ve teklif akışları aynı çalışma standardında devam eder.

Portföyümüzde Güzelay yalnız bir referans görseli olarak durmuyor. Canlı çalışma, ilgili sektör projeleri ve tasarım örnekleriyle birlikte sunuluyor; böylece benzer bir proje düşünen işletme hangi kararları neden verdiğimizi doğrudan inceleyebiliyor.

Teslim edilen yapı

Bu projede uyguladığımız başlıca çalışmalar

  • Sektöre uygun bilgi mimarisi
  • Mobil uyumlu arayüz ve hızlı iletişim akışı
  • Teknik yayın hazırlığı ve temel arama görünürlüğü
  • Canlı site ve proje detay bağlantıları
Canlı olarak incelenebilenler

Çalışmayı doğrudan inceleyebileceğiniz noktalar

  • Canlı site bağlantısı
  • Gerçek masaüstü ve mobil arayüz
  • Yayınlanan içerik ve sayfa yapısı
  • İletişim ve yönlendirme akışları

Performans notu: Performans, arama görünürlüğü ve talep verileri yeterli ölçüm oluştuğunda Analytics ve Search Console üzerinden dönemsel olarak değerlendirilir; doğrulanmamış sonuçlar başarı iddiası olarak kullanılmaz.

Öne çıkan yapı

Projeyi güçlendiren kararlar

Bu proje dosyasını farklılaştıran başlıkları kısa ve net biçimde öne çıkarıyoruz.

•

Geniş ürün portföyünü kategori, ürün detayı ve teklif akışıyla yönetilebilir bir B2B katalog sistemine dönüştürmek hedef

•

Kategori ve ürün arasında hızlı geçiş

•

Kategori kümelerinde özgün açıklamalar

•

Canlı proje ve ölçülebilir iletişim yaklaşımı

İlgili proje kümeleri

Benzer sektörler, tamamlayıcı işler ve dijital ürünler

Doğal kullanıcı bağlamı oluşturan proje dosyaları; otomotiv, teknik bilgi, üretim ve servis kümeleri içinde birlikte incelenebilir.

Sivpak web sitesi vitrin görünümüAmbalaj, Gıda & Temizlik
Müşteri Projesi

Sivpak

Geniş ürün gruplarını kategori, kullanım alanı ve iletişim yapısıyla düzenleyen kurumsal ürün vitrini.

Yayın öncesi teknik kabul

“Site hazır” demeden önce çalışan sistemi kontrol ederiz.

Performans puanını garanti cümlesine çevirmeyiz. Gerçek cihaz görünümü, bağlantılar, indeks sinyalleri, formlar ve yayın davranışı birlikte doğrulanır.

Güven ve teslim standardını inceleyin →
  1. 01Mobil ve masaüstünde taşmasız görünüm
  2. 02HTTPS ve tek kanonik adres
  3. 03Çalışan telefon, WhatsApp, e-posta ve form akışları
  4. 04Kırık bağlantı ve 404 kontrolü
  5. 05Doğru robots, canonical ve sitemap sinyalleri
  6. 06Görsel boyutları, lazy-load ve temel performans kontrolü
  7. 07Yapılandırılmış veri ve paylaşım meta kontrolleri
  8. 08Yayın öncesi müşteri onayı ve teslim kaydı
60 saniyelik kapsam özeti

İhtiyacınızı seçin, görüşmeye hazır bir proje özeti oluşturun.

Herkese aynı paket yerine; proje türü, içerik, dil, entegrasyon ve destek ihtiyacına göre kapsam netleşir. Fiyat, bu gerçek kapsam üzerinden hazırlanır.

  • Gereksiz özellik yükü oluşmaz
  • Teklifler aynı kapsam üzerinden karşılaştırılır
  • Eksikler görüşmeden önce görünür hâle gelir
Ücretsiz SEO analizi

Sitenizin teknik durumunu ölçmeden karar vermeyin.

Yiğit Analyzer; teknik SEO, tarama, site mimarisi, performans ve kritik hata sinyallerini tek raporda bir araya getirir. Bulguları önem derecesine ve kanıta göre önceliklendirir.

Teknik SEOP0–P3 öncelikMasaüstü + mobilPDF · CSV · JSON
Sitenizi ücretsiz analiz edin Güvenli analiz · sonuçlar kanıtlarla gruplanır