Cinema Book App

“Bu akşam ne var?” sorusundan bir koltuğa ve QR’lı bilete bir dakikadan kısa sürede götüren sinema bileti uygulamasının yeniden tasarımı.

RolUI/UX Designer

PlatformiOS · 390×844

Versiyonv1 2021 → v2 2026

AraçlarFigma, FigJam

01 · Problem

Film seçmek güzeldi, bilet almak imkânsız

2021’deki konsept iki ekranda sinematik bir mor-altın atmosfer kurmuştu, ama rezervasyon dikey bir “Book Now” butonunda bitiyordu: seans yok, koltuk haritası yok, onay yok. Süre ve puan, dikey bir şeritte soluk gri yazıyla okunmuyordu.

v2 atmosferi koruyup butona dokunduktan sonraki her şeyi tasarlıyor. Kapsam: denetim, rezervasyon akışı, tasarım sistemi ve 6 hi-fi ekran.

02 · Hedefler

Üç net hedef

Sonraki adım belli olsun Fiyatı üzerinde yazan tek ve net bir ana aksiyon.

Birlikte, hızlı rezervasyon Seans ve yan yana iki koltuk 90 saniyenin altında.

Stressiz varış İnternetsiz de açılan QR’lı bilet.

03 · Denetim

Nielsen sezgiselleri ve kontrast denetimi

SorunDikey “BOOK NOW” buton gibi okunmuyor, fiyat yok, başparmak alanı dışında ÇözümYapışkan alt bar: “₺180’den başlayan biletler” ve tam genişlikte Bilet al

SorunSeans ve koltuk seçimi yok ÇözümSinemalara göre gruplanmış seanslar, durumlu koltuk haritası, açıklama ve canlı toplam

SorunAfişlerde başlık, puan ve tür yok ÇözümHer afişin altında başlık, puan, tür; tür çipleri

SorunMetadata şeridi 3.42:1 kontrastta, 8px gri ÇözümMetadata 8.35:1, AAA seviyesinde

04 · Proto-persona

Akşam altıda grup sohbetinde karar veren

Can 24 · üniversite öğrencisi · Kadıköy · ayda 2–3 kez arkadaşlarıyla sinema

“Akşam altıda grup sohbetinde karar veriyoruz. Biri bilet alana kadar yan yana iyi koltuklar gitmiş oluyor.”

Hedefler

Yan yana koltukları hızla almak
Yakındaki seansları karşılaştırmak
Öğrenci indirimi

Engeller

Koltuk görmeden önce uzun formlar
Son adımda tükendi uyarısı
Bileti e-postalarda aramak

05 · Hi-fi ekranlar

Keşfet ve karar ver, sonra bileti al

Cinema Book ana sayfa, film detayı ve seans ekranları — Ana sayfa (önce arama ve tür çipleri), film detayı (metadata çipleri, başlangıç fiyatlı yapışkan bar) ve seanslar (tarih şeridi, format filtreleri, mesafeye göre sinemalar).

Cinema Book koltuk haritası, ödeme ve e-bilet ekranları — Koltuk haritası (üç durum ve açıklama, canlı özet), ödeme (yetişkin ve öğrenci bileti, kilit ikonlu toplam) ve e-bilet (yüksek kontrastlı QR, Cüzdan’a ekle).

Örnek içerik kamu malı sessiz film klasiklerinden: Metropolis (1927), Caligari (1920), The General (1926).

06 · Test planı

Ölçülecek hedefler

Uzaktan, moderasyonlu 5 katılımcı (18–35). Görevler: bu akşam yakında bir dram bul, 19:00 seansında yan yana iki koltuk al, öğrenci bileti uygula, bileti göster. Aşağıdakiler sonuç değil, hedeftir.

<90 sn iki koltuk alma süresi hedefi

≥75 SUS hedefi

5 katılımcı, 4 görev

07 · Tasarım sistemi v2

Mor ve altın, durumlara token

#2A1730 · Plum 900#4A2A52 · Plum 700#E9B949 · Gold 400#7FD1C1 · Teal · başarı#FF8A7A · Coral · tükendi

Tipografi

Başlıklarda Lora serif (28/34 bold), arayüzde Poppins.

Bileşenler

Koltuk durumları, seans hapları, çipler ve Cüzdan’a ekle butonu.

Öğrendiklerim

Güçlü bir atmosfer bir brief’tir, ürün değil; döndürülmüş metin okunurluğa mal olur; durum renkleri token’ı hak eder.

Araştırma panoları, tüm akışlar ve ekranların tam hâli Behance’teki vaka sunumunda.

Behance’te tam vaka

Sonraki vakaCredit App