Printbarn

Ana sayfa — minimum içerik

Ana sayfa içerikleri sade ve odaklı tutulacak; dikkat dağıtan gereksiz öğelerden arındırılarak net bir kullanıcı deneyimi sağlanacaktır.

Header — login / sepet hover dropdown

Login ve sepet butonlarına hover durumunda açılan dropdown menü yapısı uygulanacaktır. Referans: yesweprint.com.

Login / kayıt — sekmeli hızlı geçiş

Login ve kayıt sayfaları arasında sekme yapısıyla hızlı geçiş sağlanacak; form içerikleri ortak tutularak kullanıcı akışı kesintiye uğratılmayacaktır.

Ürün sayfası — kullanıcı değerlendirme alanı

Ürün detay sayfalarına kullanıcı yorum ve değerlendirme bölümü eklenecektir.

Filtre — yumuşak geçişli açılma animasyonu

Filtre panelinin açılışında yumuşak geçişli bir slide animasyonu uygulanacaktır.

Katalog sayfası

Ürün yelpazesini topluca sunan bağımsız bir katalog sayfası oluşturulacaktır.

Servis sayfası

DTG, Screen Printing ve Embroidery başta olmak üzere sunulan baskı hizmetlerini listeleyen bağımsız bir servis sayfası oluşturulacaktır.

Sepet ve ödeme akışı — sadeleştirme En Kritik

Projenin en kritik başlığıdır. Mevcut akış uzun ve karmaşık olduğundan dönüşüm oranını olumsuz etkilemektedir. Kullanıcı, tasarım adımını tamamladıktan sonra en az adımla sepete geçip ödemeyi tamamlayabilmelidir.

İletişim sayfası yenilemesi

Mevcut iletişim sayfası tümüyle yeniden tasarlanacaktır.

Lokasyon bazlı sayfalar (Toronto öncelikli)

Toronto öncelikli olmak üzere şehir ve eyalet bazında landing sayfaları oluşturulacaktır.

Marka sayfaları (15 marka)

Portföyde yer alan 15 ayrı marka için bağımsız marka sayfaları hazırlanacaktır.

Design Studio yenilemesi

Mevcut Design Studio arayüzü yeniden tasarlanacaktır.

Sayfa geçiş animasyonları

Sayfalar arası geçişlerde özel görsel öğeler ve geçiş animasyonları uygulanacaktır.

Favicon — bağımsız kırmızı nokta kaldırılacak Madde 3

Favicon üzerindeki bağımsız kırmızı nokta ("bindi" çağrışımı nedeniyle) kaldırılacaktır. "p" harfi içi Navy (#0F1B3D), "b" harfi içi Red (#DD1111) olarak korunacaktır. Brand hikayesi: p = print, b = barn.

Footer — favicon ikonu kaldırılacak Madde 7

Footer alanındaki favicon ikonu kaldırılacak; yalnızca wordmark korunacaktır.

Footer — esnek kolon yapısı Madde 7

Sabit 4 kolonlu yapı yerine içerik hacmine göre 4-6 kolon arasında ölçeklenebilen dinamik bir grid sistemi uygulanacaktır.

Footer — sosyal medya ikonlarının sadeleştirilmesi Madde 7

Facebook ve Twitter ikonları kaldırılacak; sosyal medya alanında yalnızca Instagram ve Google Business korunacaktır.

Badge — "New" / "Best Seller" renk ayrımı Madde 11

Best Seller etiketi için altın/amber renk paleti (#FFF8E7 / #B8860B) kullanılacak; New etiketi mevcut renk kurgusuyla korunacaktır.

Badge — "Yeni" → "Yeni Sezon" güncellemesi Madde 11

Etiket metni "YENİ SEZON" olarak güncellenecek; padding değerleri yeni metin uzunluğuna uygun şekilde yeniden ayarlanacaktır.

Banner — dekoratif daire kaldırılacak Madde 20

Banner bileşeninde sağ tarafta yer alan 80x80 ölçülerindeki dekoratif daire kaldırılacaktır.

Sadelik doktrini Madde 20

"İşe yaramayan her nokta kaldırılacak. Metinler kısaltılacak. Fonksiyonel olmayan ikonlar iptal edilecek." Referans standart: Apple / Google.

Buton hover scale efekti kaldırılacak

.btn:hover üzerindeki transform: scale(1.02) kuralı kaldırılacak; hover durumunda yalnızca renk geçişi korunacaktır.

Topbar emojileri kaldırılacak

Topbar içerisindeki 🚚 ve 📞 emojileri kaldırılacak; "$99 üzeri ücretsiz kargo" ve "(877) 555-BARN" ifadeleri düz metin olarak sunulacaktır.

Footer SSL rozeti kaldırılacak

Footer'daki 🔒 SSL rozeti kaldırılacaktır. HTTPS bilgisi modern tarayıcılarda halihazırda görünür olduğundan ek bir gösterge gerekmemektedir.

Boş sepet emojisi kaldırılacak

Boş sepet kartındaki 🛒 emojisi kaldırılacak; yalnızca başlık ve CTA korunacaktır.

Toast unicode ikonları kaldırılacak

Toast bileşenlerindeki ✓, ⚠, ✕ ve ℹ unicode karakterleri kaldırılacak; bildirim tipleri yalnızca arka plan rengi ile ayırt edilecektir.

Filtre akordeon oku — unicode yerine SVG

Filtre akordeonlarında ▾ unicode karakteri yerine Lucide chevron-down SVG ikonu kullanılacaktır.

Breadcrumb ayracı — unicode yerine forward slash

Breadcrumb ayracı olarak › karakteri yerine / kullanılacaktır. Bu tercih font bağımsızdır ve tüm tarayıcılarda tutarlı görünüm sağlar.

Checkout adımlarında ✓ işareti kaldırılacak

Checkout akışındaki tamamlanmış adımlar yalnızca Royal Blue dolgu rengi ile ifade edilecek; ✓ işareti kullanılmayacaktır.

Yorum kartı yıldızları — unicode yerine SVG

Yorum kartlarında ★★★★★ unicode karakterleri yerine 5 adet SVG yıldız (amber #F59E0B) kullanılacaktır. Yarım yıldız ve hover durumlarının doğru render edilebilmesi için SVG zorunludur.

CTA butonlarındaki ok karakterleri kaldırılacak

"Devamını Oku →" ve "Design Now →" gibi buton metinlerindeki ok karakterleri kaldırılacaktır.

Boş sepet destek metni kısaltılacak

"Ürünleri keşfedip sepetinize ekleyin." destek metni kaldırılacaktır; CTA butonu aynı yönlendirmeyi zaten sağlamaktadır.

Toast mesajları sadeleştirilecek

Toast mesajları daha kısa ve doğrudan bir dille yeniden yazılacaktır. Örnek: "Ürün sepete eklendi" → "Sepete eklendi". Toplam 4 toast metni güncellenecektir.

Hata ve başarı mesajları — Apple tarzı dil

Özür dileyici uzun cümleler yerine kısa ve doğrudan bir dil benimsenecektir. Örnek: "Ödeme işlemi tamamlanamadı. Lütfen bilgilerinizi kontrol edin." → "Ödeme başarısız. Bilgileri kontrol edin."

Form validasyon metinleri kısaltılacak

Form validasyon mesajları 2-3 kelimeyle sınırlandırılacaktır. Örnek: "Geçerli bir e-posta adresi girin" → "Geçersiz e-posta".

Topbar typewriter animasyonu korunacak

Live chat butonu korunacak

Live chat yanına "Get a Quote" butonu eklenecek