Case Study / 04
Interactive Experience
Basılı katalog alışkanlığını tarayıcı üzerinde yaşayan bir ürün deneyimine dönüştürmek.
Etkileşimli dijital ürün kataloğu.
Proje özeti
Gerçekçi sayfa çevirme, kategori navigasyonu, çift dilli ürün içerikleri, responsive kullanım ve şifreli yönetim panelini bir araya getiren tarayıcı tabanlı katalog sistemi.
- Rol
- UX / Arayüz / İçerik Sistemi
- Kapsam
- Katalog / Mobil / Yönetim Paneli
- Dönem
- 2026
01
Genel bakış
Bir PDF dosyasını ekrana taşımak yerine, yönetilebilir bir katalog sistemi kurmak.
Klasik dijital katalogların çoğu, basılı sayfaların PDF biçiminde görüntülenmesiyle sınırlı kalır. Bu yaklaşım ürünler arasında gezinmeyi ve teknik bilgileri incelemeyi zorlaştırabilir.
Bu projede fiziksel katalog hissi korunurken sayfa kontrolü, kategoriyle ürün bulma, mobil kullanım ve panel üzerinden içerik güncelleme tek deneyimde birleştirildi.
02
Proje kapsamı
Katalog; 32 sayfalık mevcut yayın yapısı, 22 ürünlük yönetim ekranı, A4 ürün düzeni ve masaüstü–mobil kullanım birlikte düşünülerek kuruldu.
03
Problem
Fiziksel sayfa hissi,
teknik ürün bilgisi,
tarayıcı davranışı.
Basılı katalog hissini koruyan sayfa çevirme davranışının, ürün görselleri ve teknik içerikle birlikte farklı ekranlarda kullanılabilir kalması gerekiyordu.
-
01
Sayfaların mouse hareketine gerçekçi biçimde tepki vermesi.
-
02
Kullanıcının sayfalar arasında kolayca ilerleyebilmesi.
-
03
Ürün görseli, açıklama ve teknik tablonun aynı sayfada dengeli sunulması.
-
04
İçeriğin panel üzerinden güvenli biçimde güncellenip yayına hazırlanabilmesi.
04
Yaklaşım
Basılı kataloğun tanıdık davranışı, web arayüzünün kullanım kolaylığı.
Tasarım; fiziksel bir kataloğu taklit etmekle sınırlı tutulmadı. Ürün bulma, sayfa kontrolü ve teknik bilgiye erişim dijital kullanım alışkanlıklarına göre ele alındı.
Structure
İçerik yapısını kurmak
Kategori, ürün, açıklama, görsel ve teknik özelliklerin ortak veri mantığında tutulabileceği yapı oluşturuldu.
Page System
Ürün sayfasını tasarlamak
Büyük ürün görseli, kısa açıklama ve teknik tablo A4 oranındaki sayfa üzerinde dengeli biçimde konumlandırıldı.
Interaction
Sayfa çevirme hissini oluşturmak
Mouse ile tutma, sürükleme ve bırakma davranışları fiziksel sayfa hissini destekleyecek şekilde ele alındı.
Content Management
İçeriği panelden yönetmek
Ürün, katalog ve iletişim bilgilerinin şifreli panelden düzenlenip kaydedilebildiği yönetim akışı sisteme eklendi.
05
Responsive sistem
Aynı kataloğu masaüstünde, mobilde ve yönetim tarafında sürdürmek.
İçindekiler paneli, sayfa kontrolleri ve teknik bilgi düzeni farklı ekranlara uyarlanırken; şifreli yönetim paneli içerik güncellemelerini katalog deneyiminden ayırmadan yönetilebilir kıldı.
06
Ortaya çıkan sistem
Statik PDF yerine, yaşayan ve yönetilebilen dijital katalog.
Mouse ve klavye hareketlerine cevap veren gerçekçi sayfa çevirme deneyimi.
Görsel, açıklama ve teknik verilerin bütün ürünlerde aynı hiyerarşiyle sunulması.
Farklı ürün grupları arasında daha anlaşılır geçiş sağlayan kategori sistemi.
Ürün, katalog ve iletişim bilgilerinin mevcut tasarım bozulmadan güncellenebildiği yapı.
07
Katalog kategorileri
Lokma Ekipmanları
Tulumba Ekipmanları
Churros Ekipmanları
Seyyar Teşhir Üniteleri
08
Kullanılan yetkinlikler
UX Thinking
Interface Design
Responsive Layout
Admin Panel
Content Architecture
Product Presentation
Interaction Design
Content Management
Web Experience