Müşteri ve sektör

Perde Lazım, perde markası Brillant'ın online satış sitesi. Tasarladığım ana sayfada da "perdelazim.com Brillant resmi satış sitesidir" ifadesi yer alıyor. Sitede tül, zebra, stor, fon ve dikey perde kategorileri var. Ekranlardaki tarihler ve alt bilgi 2021 yılını gösteriyor.

İhtiyaç

Sitenin vaadi ana sayfa metninde duruyor: bayiden randevu alıp seçilen perdeyi yakından görmek ve satın almak. Bu yüzden site iki yolu bir arada sunmalıydı. Biri online sipariş, diğeri bayi randevusu. Bayilerin de siteye ayrı bir giriş noktası olmalıydı. Sipariş sonrasında takip, iptal ve iade adımları kullanıcıyı yormadan ilerlemeliydi.

Rolüm ve kapsam

Sitenin arayüzünü ben tasarladım. Kapak görselinde de yazdığı gibi tasarımı Figma'da hazırladım. Teslim için Zeplin kullandım. Kapakta 20 ekran yazıyor. Bu sayfada bunların 12'si yer alıyor:

• Hesabım: Siparişlerim, Kullanıcı Bilgilerim, İptal ve İade Detayları
• İptal ve iade akışı: iptal formu, iade formu, iade talebi detayı
• Yardım: Yardım Merkezi ve yardım içeriği sayfası
• Kurumsal sayfalar: Blog, Hakkımızda, İletişim
• Hata sayfası

Süreç ve tasarım kararları

Randevuyu her sayfada görünür tuttum. Üst çubuğun solunda "Randevu Oluştur", telefon ve kampanyalar duruyor. Sağda sipariş takibi, giriş ve üyelik var. "Bayi Girişi" kırmızı butonla diğerlerinden ayrılıyor.

Hesap alanını tek bir sol menüde topladım. Siparişler, iptal ve iadeler, kullanıcı ve adres bilgileri ile yardım aynı listede.

Sipariş kartlarında durumu iki katmanda gösterdim. Üstte küçük bir etiket var: aktif ya da tamamlanan sipariş. Altında açık bir durum başlığı geliyor: "Siparişiniz Hazırlanıyor!", "Siparişiniz Yolda!" ya da "Siparişiniz Teslim Edildi!". Liste son 1, 3, 6 ve 12 aya göre süzülebiliyor.

Sipariş detayında iptal ile iadeyi iki ayrı butona ayırdım: "İade et" ve "İptal Et (Sipariş Yola Çıkmadan)". İkisi arasındaki fark butonun üzerinde yazıyor.

İadeyi kısa bir soru formuna böldüm. Kullanıcı ürünü teslim alıp almadığını ve kargoya verip vermediğini işaretliyor. Ardından kargo firmasını ve iade nedenini seçiyor. İade talebi detayında durum, kargo bilgisi ve iade kodu öne çıkıyor. Altında müşteri ile site arasındaki mesajlaşma akıyor.

Yardım Merkezi'nde arama kutusunun altında dört sekme var. İlk sekme "Neden Randevu Oluşturmalıyım?" sorusuna ayrıldı.

Vurgu rengi logodaki kırmızı. Butonlar, durum etiketleri ve aktif menü öğeleri bu renkte. Sayfa altında ödeme kolaylığı, 30 gün iptal garantisi ve güvenli alışveriş bilgisini taşıyan bir şerit var.

Teslimler

• Figma'da 20 ekranlık masaüstü arayüz tasarımı
• Geliştirici teslimi için Zeplin
• Portfolyoda kapak ve 12 ekran görseli

Sonuç

Perdelazim.com bir dönem yayındaydı. İnternet Arşivi'nde Kasım 2021 ile Haziran 2022 arasına ait kayıtlar var. Arşivdeki sayfa metninde tasarımdaki yapının parçaları görülüyor:

• Randevu ve bayi girişi içeren üst çubuk
• "resmi satış sitesidir" ifadesi
• Ödeme, iptal garantisi ve güvenli alışveriş şeridi
• Kurumsal, Kategoriler ve Bize Ulaşın sütunlu alt bilgi

Menü öğeleri ve telefon numarası tasarımdan farklı. Alan adı bugün yayında değil.

Bu çalışma e-ticaret sitesi tasarımı hizmetimden bir örnek.