Kino — تجربة بصرية مبنية حول الحركة

Kino هو مشروع تجريبي بنيته لأدفع جانب الـFront-end الإبداعي عندي إلى مستوى أبعد، مع التركيز على الصورة والحركة وطريقة تفاعل المستخدم مع الصفحة.

الفكرة كانت بناء تجربة رقمية مرتبطة بالسينما والمراجع البصرية، لكن مع اعتبار الموقع نفسه جزءاً من طريقة سرد المحتوى. لذلك ركزت بشكل كبير على الـtransitions، الـscroll effects والحركة بدلاً من الاعتماد على layout ثابت فقط.

بالنسبة لي، كان المشروع فرصة لاختبار مقدار الـpersonality والـcreativity الذي يمكنني إضافته إلى تجربة Front-end مع الحفاظ على التنظيم والـresponsive behavior.

المدة: 4 ايام

التحدي:

المواقع الإبداعية يمكن بسهولة أن تكون ملفتة بصرياً لكنها صعبة الاستخدام. كثرة الـanimations والعناصر البصرية والlayouts غير التقليدية قد تؤثر على وضوح التجربة إذا لم تكن الـhierarchy والـinteraction مدروسة بشكل جيد. في Kino، أردت استكشاف كيفية بناء تجربة بصرية قوية دون أن أفقد البساطة وسهولة التصفح.

كان التحدي الأساسي هو التحكم في كمية الحركة داخل التجربة.

بما أن المشروع يعتمد بشكل كبير على الـtransitions والـscroll effects، كان من الضروري أن تكون الحركة مقصودة وألا تؤثر على وضوح المحتوى أو الـvisual hierarchy.

الأهداف:

تطوير مهاراتي في الـCreative Front-end.

استكشاف الـMotion والـScroll-based Interactions.

بناء تجربة بصرية قوية مرتبطة بالسينما والثقافة البصرية.

إنشاء تجربة Responsive تعمل على Desktop وMobile.

جعل الـAnimation جزءاً من التفاعل وليس مجرد decoration.