صوت جاي من بكرة
- العميل
- Project Alpha Tech
- الدور
- قصة · تصميم · حركة · صوت · بناء
- السنة
- 2026
قصة بالعربي الأول: مريم تلاقي شريط بتاريخ مارس ١٩٦٢، تسمع صوتها جاي من بكرة، وتقفل معاد تلاتين سنة الساعة ٠٤:٤٧.
التحدي
أغلب القصص المصرية على الويب يا بتتحول لفخامة آثار ودهب، يا بتتعمل بالإنجليزي الأول وبعدين تتترجم. اللي إحنا عايزينه كان أصعب: العربي يبقى هو اتجاه القراءة الأصلي، والصوت يشيل اللغز من غير ما يقفل الباب على اللي مش بيسمع، والموقع يفضل سريع على موبايل متوسط. الشريط لازم تحس إنه معاد، مش ذكرى.
عملنا إيه
- كتبنا تلاتين لحظة في القصة بالمصري الأول، والإنجليزي بقى ترجمة مساندة، مش العكس.
- بنينا تجربة عربي من اليمين للشمال بجد: اللمبات والتعليقات والحركة كلها ماشية مع قراءة العربي، وبعدين بتتقلب بسهولة للإنجليزي.
النتيجة
- ٣٠
- لحظات القصة
- عربي + إنجليزي
- اللغات
- مكتمل
- تجربة من غير صوت
التحدي
أغلب القصص المصرية على الويب يا بتتحول لفخامة آثار ودهب، يا بتتعمل بالإنجليزي الأول وبعدين تتترجم. اللي إحنا عايزينه كان أصعب: العربي يبقى هو اتجاه القراءة الأصلي، والصوت يشيل اللغز من غير ما يقفل الباب على اللي مش بيسمع، والموقع يفضل سريع على موبايل متوسط. الشريط لازم تحس إنه معاد، مش ذكرى.
عملنا إيه
- كتبنا تلاتين لحظة في القصة بالمصري الأول، والإنجليزي بقى ترجمة مساندة، مش العكس.
- بنينا تجربة عربي من اليمين للشمال بجد: اللمبات والتعليقات والحركة كلها ماشية مع قراءة العربي، وبعدين بتتقلب بسهولة للإنجليزي.
- الصوت اختياري في الحكاية: فيه موجة صوت بطيئة ماشية مع الموسيقى، ولو الزائر كتم الصوت أو قلّل الحركة، التعليقات الكاملة بتخلي القصة كاملة من غير صوت.
- عملنا مسار للصور (LQIP + WebP متجاوب) وأجّلنا GSAP لحد ما الزائر يشغّل الشريط، عشان أول شاشة متستناش كل حاجة تحمّل.
- حطينا التجربة على نطاق فرعي لوحدها عشان قوايم الاستوديو ما تقطعش القصة. الصفحة دي بتحكي القصة باختصار، والتجربة كاملة على voice.projectalpha.tech.
التغيير
قبل وبعد
القصة بتبدأ في ورشة راديو من الستينات، وبتقفل على صورة القاهرة دلوقتي على النيل. آخر حاجة تشوفها هي الميعاد، مش صورة أهرامات.
اسحب للمقارنة
- الكلام اتكتب بالعربي الأول والموقع من اليمين للشمال، مش موقع إنجليزي متقلوب
- موجة الصوت ماشية مع الموسيقى وفاضلة شغالة حتى لو الصوت مكتوم أو الحركة مقللة
- القفلة على القاهرة دلوقتي بدل صورة تذكارية من الجيزة
- أزرار الاستوديو بتظهر بعد ما القصة تخلص
How We Built It
Project Timeline
القصة
المعاد
ثبّتنا دايرة ١٩٦٢–١٩٩٢، والسبع تسجيلات بتواريخها، وقفلة ٠٤:٤٧، قبل ما نفتح أدوات البرمجة أصلاً.
الشكل
أرشيف مش فرجة
ألوان مرسومة بالإيد، ورق ونحاس، ودرجات الفجر. من غير فخامة فرعونية مستهلكة، ومن غير صور جاهزة عامة كهوية.
البناء
قصة بتتحرك مع السكرول
٣٠ لحظة مرتبة على خط زمني مثبت، حركة بتشتغل وقت الحاجة، صور بأحجام مختلفة، موجة صوت من الموسيقى، وتعليقات بلغتين.
الإطلاق
الصوت + دراسة الحالة
رفعنا التجربة على voice.projectalpha.tech وحطيناها أول مشروع في شغل Project Alpha، مع روابط لغة صح لصفحة طلب الشغل وصفحة الأعمال.
شغل أكتر
دراسات حالة تانية
المشروع التالي
Omit Debt
خطة · كتابة · تصميم · بناء