Billur Optik
Billur Optik’in farklı gözlük markalarını güvenle sunabileceği, ürün sayısı büyüdükçe yapısı bozulmayan ve mağazadan çevrim içi alışverişe aynı marka hissini taşıyan bir e-ticaret deneyimi oluşturmak.
Portföy görselindeki ürünler, fiyatlar ve stok bilgileri proje geliştirme sürecinde kullanılan demo katalog içeriğidir.
ZİYARETÇİ NEYLE GELİYOR
Gözlük alışverişine gelen ziyaretçi çoğu zaman tam model adını bilmiyor. Kadın, erkek veya çocuk kategorisinden başlamak; markaları karşılaştırmak, çerçevenin rengini ve ürün özelliklerini görmek istiyor. Kararını verirken de iade, orijinallik, teslimat ve ödeme konusunda açık güven sinyalleri arıyor.
SEKTÖRÜN SORUNU
- 01Ürün sayısı arttıkça kategori, marka ve filtreler birbirine karışıyor; ziyaretçi doğru modele ulaşmadan mağazadan ayrılıyor.
- 02Hazır e-ticaret temaları özellikle ürün detayı, sepet, ödeme ve hesap ekranlarında aynı görsel dili koruyamıyor.
- 03İade koşulları, satıcı bilgileri ve alışveriş güveni farklı sayfalara dağıldığında satın alma kararı gereksiz biçimde zorlaşıyor.
TASARIM KARARLARI
Ürün önce, arayüz sonra
Siyah, beyaz ve sıcak kırık beyazdan oluşan kontrollü palet; ürün fotoğraflarını, çerçeve formlarını ve marka isimlerini öne çıkarıyor. Arayüz dekorasyonla yarışmıyor, seçimi destekliyor.
Kategori ve marka yolları ilk ekrandan erişilebilir
Güneş gözlüğü, kadın, erkek, çocuk ve markalar ana navigasyona taşındı. Arama alanı marka, model veya renk üzerinden doğrudan ürün sonuçlarına ulaşıyor.
WooCommerce sonradan eklenmiş gibi görünmüyor
Ürün listeleme, ürün detayı, varyasyonlar, değerlendirmeler, sepet, ödeme, hesabım, siparişler ve adres ekranları özel temanın tasarım sistemine uyarlandı. Böylece alışveriş akışı boyunca görsel dil değişmiyor.
İçerik kodun içinde kilitli değil
Ana menü WordPress menü yönetiminden, tema içeriği ve mağaza bilgileri tema ayarlarından düzenlenebiliyor. Ürün kategorileri, markalar, cinsiyet ve renk nitelikleri WooCommerce veri yapısını kullanıyor.
Mobil deneyim masaüstünün küçültülmüş hâli değil
Header, arama, ürün kartları, ürün detay aksiyonları, sepet ve hesap ekranları küçük ekranlar için yeniden düzenlendi. Dokunma alanları, okunabilirlik ve yatay taşma ayrı ayrı kontrol edildi.
Renk ve tipografi
Yüksek kontrastlı siyah beyaz sistem, sıcak kırık beyaz yüzeylerle yumuşatıldı. Bodoni karakterindeki özel Billur Optik wordmark markaya editoryal bir imza verirken sade sans serif arayüz tipografisi ürün bilgilerini ve fiyatları hızlı okunur tutuyor.
Tek eylem
Doğru gözlüğü bul ve satın alma akışını tamamla.
Kaç adımda
Dört temel adım: kategori veya arama, ürün seçimi, sepet, teslimat ve ödeme.
PROJE KAPSAMI
- 01Bilgi mimarisi ve kullanıcı akışları
- 02UI/UX tasarımı ve tasarım sistemi
- 03WordPress için sıfırdan özel PHP tema
- 04WooCommerce tema entegrasyonu
- 05Dinamik menü ve tema ayarları
- 06Ürün kategorileri, marka taksonomisi ve ürün nitelikleri
- 07Ürün listeleme ve ürün detay deneyimi
- 08Sepet, ödeme, hesabım ve değerlendirme ekranları
- 09Mobil ve tablet uyarlamaları
- 10Teknik SEO, sitemap ve sosyal paylaşım metadatası
- 11Erişilebilirlik ve performans iyileştirmeleri
- 12Yasal içerik sayfaları ve ödeme öncesi onay akışı
- 13Bülten abonelik alanı
TEKNOLOJİLER
- WordPress
- WooCommerce
- PHP
- HTML5
- CSS
- JavaScript
- WP-CLI
YAYINA GEÇİŞ
Proje şu anda yerel geliştirme ortamındadır. Canlı alan adı, HTTPS, ödeme kuruluşu ve kargo sağlayıcısı; mağazanın ticari tercihleri kesinleştikten sonra production ortamında yapılandırılacaktır.
TASARIM HEDEFİ
Billur Optik’in farklı gözlük markalarını güvenle sunabileceği, ürün sayısı büyüdükçe yapısı bozulmayan ve mağazadan çevrim içi alışverişe aynı marka hissini taşıyan bir e-ticaret deneyimi oluşturmak.
SONRAKİ ÇALIŞMA
LÛMABenzer bir iş konuşalım.
İşinizi anlatın, ne yapılabileceğini söyleyelim. Ücretsiz, 30 dakika, bağlayıcı değil.