Gypsy — Tickets. مدخل مسرحي لاختيار عرض

طلب الموجز صفحة تذاكر تتضمن تواريخ عروض قابلة للاختيار على مدى شهرين، وطرقا بديلة للشراء، وثلاثة أسئلة شائعة قابلة للتوسيع. طورت الواجهة في صورة نموذج أولي تفاعلي، منطلقا من الهوية البصرية التي قدمت للعرض.

كان هذا تمرينا لتقييم المهارات. وتعرض الدراسة التصميم وحالات الواجهة العاملة فيه، مع جداول ونصوص للعرض التوضيحي لا خدمة حجز تذاكر فعلية.

الأحمر النيون وضوء المصابيح الدافئ وخلفية بأزرق منتصف الليل تصنع الأجواء المسرحية. ويستقر التقويم على لوحة بلون الكريم مستوحاة من برنامج العرض المطبوع، لتمنح شبكة التواريخ الكثيفة سطح قراءة أهدأ.

ينظم المشروع الألوان والخطوط والمسافات والحركة في رموز التصميم المشتركة (design tokens). وتمنح عناوين Antonio المضغوطة والنص الأساسي بخط هندسي واللمسات المخطوطة القسم الرئيسي والتقويم والأقسام الداعمة أدوارا متمايزة ضمن النظام البصري نفسه.

يبقي شهران متجاوران الجدول ظاهرا في عرض واحد. وتحمل التواريخ المتاحة علامات صغيرة للعروض؛ وعند اختيار تاريخ تتغير اللوحة أدناه لتعرض يومه ومكان العرض وخيارات العرض النهاري أو المسائي.

تتنقل أزرار الأشهر عبر فترة العروض التوضيحية، وتكون التواريخ الماضية والأيام التي لا عروض فيها معطلة. ويبقى التاريخ المحدد ظاهرا في الشبكة وفي اللوحة، رابطا الاختيار بالخطوة التالية. وينتهي النموذج الأولي قبل إتمام الشراء.

تجمع المقدمة بين مصابيح لافتة المسرح وشعار Gypsy النيوني وستائر تنفرج لتكشف الصفحة. ويمكن تخطي المقدمة، ويتجاوزها النموذج الأولي عندما يطلب المستخدم تقليل الحركة.

للنسخة المتحركة وملفات التسليم الثابتة غرضان مختلفان: فالنموذج الأولي يوضح التوقيت وتغيرات الحالة، بينما تحفظ الأقسام المصدرة، أي القسم الرئيسي والتقويم والأقسام الداعمة، التكوين لمراجعة التصميم.

تفصل ثلاث بطاقات مرقمة بين مسارات شباك التذاكر والهاتف والقرعة. وتحتها أكورديون من ثلاثة عناصر يبقي إجابة واحدة مفتوحة في كل مرة ويتيح إغلاق الإجابة الحالية.

تستخدم هذه الأقسام النص المؤقت المسموح به في موجز التقييم. وتتضمن البنية التي جرى تسليمها نموذج الصفحة الأولي ورموز تصميم بصرية قابلة لإعادة الاستخدام وملفات تصدير للأقسام مجهزة للتسليم عبر Figma.