Ürün Tasarımcısı

IMDb.com

IMDb.com için resmi olmayan bir karanlık mod yeniden tasarım konsepti. Ana sayfadan Top 250’ye, izleme listesine ve seanslara kadar 14 ekranı masaüstü ve telefon boyutunda yan yana tasarladım. Çoğumuz IMDb’yi tek bir sayı için açıp kapatıyoruz. O sayıyı en önde tuttum, sonra her sayfaya kaydırmaya devam etmek için bir sebep verdim: gerçek afişler, sayfadan ayrılmadan oynayan fragmanlar, bölüm ısı haritaları ve ne izlediğini bilen bir izleme listesi.

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

Genel Bakış

IMDb, insanların bir şeye bakıp çıktığı yer. Bense onun, insanların kaldığı bir yer gibi hissettirmesini istedim. Yeniden tasarım varsayılan olarak karanlık, çünkü insanlar filmi karanlıkta izliyor. Neredeyse siyah yüzeyler, üç gri ve tek bir sarı: böylece rengi afişler veriyor, arayüz araya girmiyor. Yıldız ve puan her afişle birlikte geziyor: sıralamalarda, izleme listesinde, aramada ve oyuncu sayfalarında. Her ekranı 1440 ve 390 genişlikte aynı anda, tek bir kart sistemi, tek bir menü ve tek bir alt bilgiyle tasarladım. Yani hiçbir sayfa telefona sıkıştırılmış bir masaüstü sayfası değil. Veriler gerçek: Top 250, en popüler yapımlar, gişe, haberler ve kişiler ben tasarlarken IMDb’de görünenlerle aynı. Bu ekranlardaki her sayı 17 Ekim 2026’da doğruydu. Başlıkları ve sayıları Sora, okuduğun her şeyi Manrope taşıyor.

Ana Sayfa

Önce bir hero, sonra listeler. Ana sayfa o hafta dünyanın ne izlediğiyle açılıyor, ardından doğrudan Top 10’a, hayran favorilerine ve yaklaşan yapımlara geçiyor. Her afiş kendi puanını taşıyor, öğrenmek için tıklamak gerekmiyor.

IMDb.com ana sayfasının masaüstü ve mobil görünümü: film hero alanı, haftanın Top 10’u ve hayran favorileri, her afişin üzerinde puanı

Film Sayfası

Puan tam gözün düştüğü yerde. Afiş, başlık ve IMDb puanı aynı bakış hizasında. Oyuncular isim yerine yüzleriyle görünüyor, fragmanlar fotoğrafların yanında duruyor ve yorumlar, onları yazan insanların yüzleriyle birlikte gösteriliyor.

Dune: Part Two film sayfası: afiş, IMDb puanı, fotoğraflı oyuncu listesi, fotoğraf galerisinin yanında fragmanlar ve yorumlar

Keşfet

Bir sohbet gibi ilerleyen filtreler. Film ya da dizi, tür, yıl, puan ve süre solda duruyor ve alttaki buton geriye kaç yapım kaldığını her zaman gösteriyor. Üstteki çipler listeyi tam olarak neyin daralttığını söylüyor.

Keşfet sayfası: solda filtreler, üstte aktif filtre çipleri ve puanlı afişlerden oluşan bir grid

Top 250

Gerçekten okunabilen bir liste. Sıra, afiş, başlık, puan ve senin verdiğin puan tek satırda. Listedeki ilerlemen sağda duruyor, çünkü bu listeyi bitirmeye çalışan çok insan var.

Top 250 film listesi: her satırda sıra, afiş, başlık, puan ve senin puanın, sağda ilerleme kartı

Kişi Sayfası

Bir dosya dolabı değil, bir profil. Zendaya’nın sayfası bir fotoğraf ve popülerlik sırasıyla açılıyor, ardından en bilinen işleri, sonra da gerçekten göz gezdireceğin sıraya göre dizilmiş tüm filmografi geliyor.

Zendaya’nın kişi sayfası: büyük fotoğraf, popülerlik sırası, en bilinen yapımları ve filmografi

İzleme Listesi

Listen neyi izlediğini biliyor. İzlenen yapımlar bir tik alıyor, izlenmeyenler nerede yayında olduğunu gösteriyor. Üstteki sayılar bir afiş yığınını hafta sonu planına çeviriyor.

İzleme listesi: izlenenlerde tik, izlenmeyenlerde yayın platformu rozeti ve üstte özet sayılar

Video Oynatıcı

Sayfadan ayrılmadan fragman. Gerçek kontrolleri olan bir oynatıcı, hemen altında ait olduğu yapım ve yanında sıradaki fragmanları gösteren bir kolon. Böylece bir fragman beşe dönüşüyor.

Video oynatıcı: bir fragman, altında ait olduğu yapım ve yanda sıradaki fragmanlar kolonu

Yorumlar

Bağlamıyla birlikte görüşler. Histogram, tek bir yorum okumadan önce puanın nasıl oluştuğunu gösteriyor. Spoiler içeren yorumlar kırmızı bir etiket taşıyor ve tek bir anahtarla hepsi gizlenebiliyor. Kendi yorumunu yazacağın form en altta değil en üstte duruyor.

Yorumlar sayfası: puan histogramı, spoiler etiketli yorumlar ve en üstte yorum yazma formu

Dizi Sayfası

Bölümler bir ısı haritası olarak. Severance’a sezon sekmeleri, yeşilden kırmızıya uzanan bir puan şeridi ve küçük görselli bir bölüm listesi verildi. İlerlemen ve bir sonraki sezon yanda duruyor.

Severance dizi sayfası: sezon sekmeleri, yeşilden kırmızıya uzanan bölüm puanı ısı haritası ve küçük görselli bölüm listesi

Seanslar

Günü seç, koltuğu seç. Tarihler büyük sekmeler, formatlar çipler, saatler dokunulabilir. Seçilen seans sen bileti alana kadar sağda sabit kalıyor.

Seanslar sayfası: tarih sekmeleri, format çipleri, dokunulabilir saatler ve sağda sabitlenmiş seçili seans

Gişe

Tablo değil grafik olarak gişe. Çubuklar sayesinde hafta sonu hasılatı bir bakışta okunuyor. Yılın toplam hasılat listesi ve The Odyssey için 13 haftalık eğilim hemen yanında.

Gişe sayfası: hafta sonu hasılatı için çubuk grafikler, yılın toplam hasılat listesi ve 13 haftalık eğilim grafiği

Haberler

Sektör haberleri, süzülmüş halde. Öne çıkan bir haber, yanında iki haber daha, ardından kaynakları ve yazarlarıyla bir liste. Dizi haberleri ve yükselen isimler, manşetlerle hiç yarışmayan bir kolonda duruyor.

Haberler sayfası: öne çıkan bir haber, iki ikincil haber, kaynakları ve yazarlarıyla bir liste ve yan kolon

Ödüller

Ödül sezonu, sırayla. Yaklaşan törenler kart olarak, ardından IMDb’de en çok ödül alan yapımlar kazandıkları ve aday gösterildikleri ödüllerle yan yana, sonra da bu gece izleyebileceğin kazananlar.

Ödüller sayfası: yaklaşan tören kartları, kazandıkları ödüller ve adaylıklarıyla en çok ödül alan yapımlar ve izlenebilecek kazananlar

Giriş

Ne sevdiğini soran bir giriş ekranı. Solda e-posta ya da sosyal hesap. Sağda üç tür ve beş puan, ana sayfayı sen daha görmeden kişiselleştirmeye yetiyor.

Giriş sayfası: solda e-posta ve sosyal hesapla giriş, sağda tür ve puanlardan oluşan kısa bir zevk testi

Sonuç

IMDb.com’u yeniden tasarlamak bana karanlık bir arayüzün büyük ölçüde bir disiplin meselesi olduğunu öğretti. Neredeyse siyah yüzeyler ve tek bir sarıyla bütün rengi afişler taşıyor ve insanların görmeye geldiği o tek sayı her zaman bir bakış uzaklığında. Gerçek veriyle çalışmak tasarımı beklediğimden çok değiştirdi: gerçek yapımların uzun adları var, gerçek sıralamalarda eşit puanlar var ve gerçek puanlar düzgünce hizalanmıyor. Bu yüzden her kart, düzenini hak etmek zorunda kaldı. Bu, portfolyom için yaptığım resmi olmayan bir konsept. IMDb ile bir bağlantısı yok ve IMDb tarafından onaylanmadı. IMDb adı, logosu ve puanları IMDb’ye ait. Yapımlar, afişler, fotoğraflar ve haber başlıkları ise ilgili hak sahiplerine ait.

Daha fazla çalışma