Ürün Tasarımcısı

LEGO.com

LEGO.com için resmi olmayan bir yeniden tasarım konsepti. Ana sayfadan ödemeye, Insiders’tan çocuk alanına kadar 14 ekranı masaüstü ve telefon boyutunda yan yana tasarladım. Site çok iş yapıyor: hem bir mağaza, hem bir sadakat programı, hem bir talimat arşivi, hem de çocuklar için bir alan. Hepsinin, setlerin başrolde olduğu tek ve sakin bir yer gibi hissettirmesini istedim.

LEGO.com yeniden tasarımının telefonda ve masaüstünde açık yeni ana sayfası

Genel Bakış

LEGO.com çok iş yapıyor ve bugün her bölümü kendi düzen mantığıyla çalışıyor: mağaza, Insiders, talimat arşivi, çocuk sayfaları ve marka hikâyeleri. Hepsini korudum ama tek bir 12 kolonlu grid, tek bir tipografi ölçeği ve tek bir bileşen setine taşıdım. Böylece doğum günü hediyesi alan bir ebeveyn de Star Destroyer yapan bir yetişkin de aynı sakin deneyimi yaşıyor. Ürün görselleri hiçbir zaman bir banner’ın içinde değil, nötr kutucukların üzerinde duruyor ve yanlarında gerçek fiyatlar, parça sayıları ve puanlar var. Her ekranı 1440 ve 390 genişlikte aynı anda tasarladım, yani hiçbir sayfa telefona sıkıştırılmış bir masaüstü sayfası değil. Renk paleti LEGO sarısı, kırmızısı ve mavisinin yanına koyu bir lacivert ve neredeyse siyah bir mürekkep rengi ekliyor. Kalın başlıklardan gövde metnine kadar her şeyi Outfit taşıyor.

Ana Sayfa

Banner değil set satan bir ana sayfa. Hero alanında bir yaşam tarzı fotoğrafı iki güncel kampanyayla yan yana duruyor. Altında yaş kartları, ayın yeni setleri ve tema halkası, insanları iki tıkta bir ürüne ulaştırıyor.

LEGO.com ana sayfasının masaüstü ve mobil görünümü: aile fotoğraflı hero, iki kampanya, yaş kartları ve yeni setler

Temalara Göre Setler

Kırk yedi tema, tek bir sakin grid. Her temaya aynı yuvarlak kutucuk verildi, böylece lisanslı temalarla LEGO’nun kendi temaları eşit duruyor. İlgi alanına ve yaşa göre kısayollar da temalarla düşünmeyen herkesi yakalıyor.

Temalara göre setler sayfası: yuvarlak tema kutucukları, ilgi alanı kısayolları ve yaş filtreleri, masaüstü ve mobil

Tema Listeleme

Bir sohbet gibi okunan filtreler. Her seçeneğin yanında bir sayı var, aktif olanlar çip olarak görünüyor ve hediye kampanyası gridin üstünde bir banner olmak yerine grid içinde bir kartın yerini alıyor.

LEGO Star Wars listeleme sayfası: solda filtreler, aktif filtre çipleri ve hediye kampanyası kartlı set gridi

Ürün Detayı

Satın alma kutusu, insanların ilk sorduğu dört soruyu cevaplıyor: yaş, parça sayısı, minifigürler ve boyut, hepsi fiyatın üstünde. Kargo, iade ve eksik parça sözü de tam tereddüdün başladığı yerde alt alta duruyor.

Executor Super Star Destroyer ürün sayfası: galeri, satın alma kutusu, teknik özellikler ve yorumlar

Sepet

Sadece ne ödediğini değil, ne kazandığını da gösteren bir sepet. Her satırda Insiders puanları var, hediye ürün çoktan eklenmiş ve liste uzadıkça özet yerinde kalıyor.

LEGO.com sepeti: her satırda Insiders puanları, hediye ürün ve sipariş özeti

Ödeme

Tek sayfa, dört adım, hiçbir numara yok. İletişim, adres, teslimat ve hediye seçenekleri tek bir kolonda ilerliyor. Sipariş de sağda hep görünür, kimse kontrol etmek için yeni sekme açmıyor.

Tek sayfalık ödeme: tek kolonda iletişim, adres, teslimat ve hediye seçenekleri, sağda sipariş özeti

Tema Sayfası

Technic’e, Technic gibi hissettiren bir sayfa. Kenardan kenara fotoğraflar, en üstte 1:8 ölçekli en iddialı setler ve parçaları listelemek yerine fonksiyonları anlatan bir bölüm.

LEGO Technic tema sayfası: koyu fotoğraflı hero, 1:8 ölçekli süper arabalar ve hareketli fonksiyonları anlatan bölüm

Yapım Talimatları

Kitapçığı mı kaybettin? Sayfanın tüm meselesi bu. Tek bir arama kutusu olan sarı bir hero, ardından set numarasının nerede yazdığı, her kitapçığı PDF olarak sunan son setlerin ve telefonu tercih edenler için uygulama.

Yapım talimatları sayfası: sarı arama alanı, set numarasını bulma rehberi ve son görüntülenen setler

LEGO Insiders

Beş saniyede okunabilen bir sadakat paneli. Puanlar, seviye ve bir sonraki seviyeye kalan fark en üstte. Bugün gerçekten alabileceğin ödüller, alamayacaklarından önce geliyor.

LEGO Insiders paneli: puan bakiyesi, seviye ilerlemesi ve hemen alınabilecek ödüller

Pick a Brick

Parçalar, parça gibi çizildi. Her element yukarıdan görünüyor, böylece 2x4 ile 2x2 bir bakışta ayırt ediliyor. Renk seçenekleri en başta, parça çantası da hep sağda.

Pick a Brick: renk seçenekleri, yukarıdan çizilmiş parça gridi ve sağda parça çantası

Hediye Bulucu

Bin filtre yerine üç soru. Yaş, ilgi alanı ve bütçe tek bir kartta. Sonuçlar hemen altında beliriyor, kimse başladığı sayfadan ayrılmak zorunda kalmıyor.

Hediye bulucu: tek kartta yaş, ilgi alanı ve bütçe soruları, altında uygun setler

Mağaza Bulucu

Harita başrolde, liste ise ayrıntıda. Mağazalar, her birinde neler olduğuyla birlikte solda. Harita sağda ve en yakın mağaza açık halde. Bu ayın etkinlikleri de hemen altında.

Mağaza bulucu: solda LEGO Store listesi, sağda harita, altta bu ayın mağaza içi etkinlikleri

Hesap ve Siparişler

Önce siparişler, gerisi sonra. Sipariş takibi dört adım olarak çizildi, böylece bir ebeveyn kutunun bugün gelip gelmediğini bir bakışta anlıyor. Adresler ve ödeme bilgileri de sessizce yanında duruyor.

Hesap sayfası: dört adımlı takibiyle siparişler, yanda kayıtlı adresler ve ödeme bilgileri

Çocuk Alanı

Sitenin sekiz yaşındakiler için yapılmış köşesi. Daha büyük yazılar, dört renk ve hiç mağaza yok. Oyunlar, videolar ve yapım görevleri önde. Büyükler için olan bağlantı ise kolayca bulunuyor ve gözden kaçmıyor.

Çocuk alanı: büyük renkli aktivite kartları, bir sıra tema ve haftanın yapımları

Sonuç

LEGO.com bana büyük bir sitenin büyük bir fikre değil, her bölümün üzerinde anlaştığı tek bir gride ihtiyacı olduğunu gösterdi. Mağaza, Insiders, talimatlar ve çocuk alanı aynı kartları ve aynı tipografiyi paylaşınca her sayfa kendi tek işine odaklanabildi. Metinler de düzen kadar önemliydi: butonlar bir sonraki adımda ne olacağını söylüyor, başlıklar ise bir basın bülteni gibi değil, LEGO Store’daki biri konuşuyormuş gibi. Bu, portfolyom için yaptığım resmi olmayan bir konsept. LEGO Group ile bir bağlantısı yok ve onlar tarafından onaylanmadı. LEGO markası, ürün görselleri ve fotoğraflar LEGO Group’a ait.

Daha fazla çalışma