full Cinema Ticket Booking System for "Egy Boulevard Cinema"

full Cinema Ticket Booking System for "Egy Boulevard Cinema" ?

? The User Journey (6 Screens):

1️⃣ Movie Posters Design

• Custom movie posters for Spider-Man, Batman, Joker, Django Unchained

• Built in Adobe Photoshop - photo manipulation, color grading, typography

• Dual-tone themes: Red (Spidey), Yellow (Batman), Orange (Joker), Western sepia (Django)

2️⃣ Movie Selection Interface

• Card-based layout with movie posters, genres, durations

• Bilingual design (Arabic/English) for local market

• Clear CTAs: "اختر الفيلم" buttons with consistent yellow brand color

3️⃣ Showtime Selection

• Time slot cards with hall numbers (القاعة 1, 2, 3, 4)

• Active/Inactive states for availability

• Side-by-side movie poster for confirmation

4️⃣ Interactive Seat Booking

• Visual seat map with 3 sections (A, B, C)

• Color-coded states: Available (white), Selected (yellow), Reserved (gold), VIP (outline)

• Real-time price calculation: EGP 360 for 3 seats

• Legend for seat types (محجوز, تم اختياره, متاح للحجز)

5️⃣ Booking Confirmation

• Success state with checkmark animation

• QR Code generation for digital ticket

• Complete trip summary: Movie, time, seats, hall

? UX Decisions:

• Progressive Disclosure: Step-by-step flow reduces cognitive load

• Visual Feedback: Selected seats glow yellow, prices update instantly

• Accessibility: High contrast for readability, clear iconography

• Localization: Full Arabic support with proper RTL considerations

? Key Learning: Designing for real-world scenarios (seat selection, time conflicts, pricing) taught me more than theoretical exercises. Every pixel serves a functional purpose.