YAW Studio

تصميم وتطوير الصفحة الرئيسية لموقع YAW Studio — استوديو وثائقي وإعلامي .

الهدف لم يكن بناء صفحة تعريفية عادية، بل تجربة تحريرية قريبة من لغة السينما: بطء محسوب، إيقاع بصري واضح، ومحتوى يُقدَّم كأعمال حقيقية (أفلام، قصص مصوّرة، إطارات فوتوغرافية) لا كقوائم خدمات فقط.

ماذا تضم الصفحة؟

• افتتاحية سينمائية (intro) بهوية الاستوديو

• بطل الصفحة (Hero) مع تتابع إطارات وصورة بانورامية متجاوبة مع التمرير

• قسم الأفلام بأسلوب عرض تحريري سينمائي

• قسم القصص المصوّرة بتخطيط مجلة (Magazine layout)

• معرض إطارات تفاعلي يتحرك مع حركة المؤشر

• قسم المنشورات / الاعتمادات بأسلوب بصري أنيق

• قسم القدرات والخدمات مع تبديل بصري حي

• خاتمة تواصل قوية مع دعوة واضحة للتعاون

• قائمة تنقل كاملة الشاشة (Full-screen menu) بهوية الاستوديو

الجانب التقني:

• HTML دلالي منظم مع اهتمام بالوصولية (Accessibility)

• CSS مخصص بهوية بصرية مستقلة (Typography + Spacing + Motion)

• تفاعلات JavaScript خفيفة وعالية الأداء (Scroll reveal, Parallax, Pointer interactions)

• احترام تفضيل تقليل الحركة (prefers-reduced-motion)

• تجربة متجاوبة بالكامل على الموبايل والتابلت والديسكتوب

• بنية قابلة للتوسّع عبر سكربت توليد الصفحات (Python build pipeline)

النتيجة:

صفحة رئيسية فاخرة، هادئة، واحترافية — تناسب استوديو وثائقي يقدّم أعماله لوكالات، محطات، ومنظمات — مع إحساس بصري قريب من المونتاج السينمائي أكثر من مواقع الشركات التقليدية.