انتقل إلى المحتوى الرئيسي
العودة إلى الأعمال
الهوية البصرية

سرورا: الهوية و‍‍ا‍‍ل‍‍و‍‍ي‍‍ب

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

سرورا: الهوية والويب

التحدي

لقطات المواقع الكاملة تطغى عادةً على بقية دراسة الحالة. كان على الصفحة أن تحافظ على دقة الموقع كاملةً دون أن تفرض تمريراً عمودياً لا ينتهي.

النهج

توضع الشعارات وصور المنشورات في قسم مستقل قبل الانتقال إلى الموقع. تُعرض بعد ذلك صفحة الهبوط الكاملة داخل إطار تمرير تفاعلي يمكن استكشافه في مكانه دون مغادرة صفحة دراسة الحالة.

النتيجة

صفحة دراسة واحدة تجمع الهوية والمنشورات والموقع، بإيقاع يُقرأ بوضوح على الهاتف وسطح المكتب.

الشعار الرئيسي · ثنائي اللغة عن قصد

العلامة الفرعية · الغمزة داخل «surora»

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

يخبّئ الشعار الفرعي غمزة هادئة داخل «surora»، بمقاس مناسب للصور الشخصية وأيقونات التطبيقات وأضيق مساحات العلامة.

الشعار الرئيسي لاستوديو سرورا: ستوديو بالعربية فوق surora بالإنجليزية بتدرج لوني على خلفية بيضاء
العلامة الفرعية لاستوديو سرورا: o و r بتدرج لوني تشكل وجهاً يغمز مع منحنى ابتسامة على خلفية بيضاء

المنشورات وحركة قصيرة

تحمل تركيبات المنشورات الهوية إلى العروض الدوّارة والفيديوهات العمودية، بالمقاسات التي تتطلّبها كل منصة تماماً.

اسحب يساراً أو يميناً للتنقل بين الشرائح، أو استخدم الأسهم.

عرض إنستغرام Surora × Miss Loren - الشريحة 1 من 5

الشريحة 1 من 5

عرض دوّار

يمتدّ العرض الدوّار بالهوية إلى تعاون في قطاع الأزياء عبر الأقمشة واللافتات والبطاقات، ويُختَتَم بدعوة واحدة واضحة للفعل باللغتين.

الهوية البصرية

اسحب يساراً أو يميناً للتنقل بين الشرائح، أو استخدم الأسهم.

عرض إنستغرام استوديو سرورا عن الماسكوت - الشريحة 1 من 4

الشريحة 1 من 4

عرض دوّار

يبني العرض الدوّار القصير قصة الشخصية في أربع خطوات بسيطة، معتمداً على الشخصية والنبرة بدل قوائم الخصائص.

الهوية البصرية

موشن

كل مفهوم · موشن قصير

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

الهوية البصرية

صفحة الهبوط كما يراها الزائر

تُعرض صفحة الهبوط الكاملة تماماً كما يراها أيّ زائر حقيقي. مرّر داخل المعاينة أدناه لترى كيف تتواصل الألوان والأقسام من الأعلى إلى الأسفل.

انقر داخل المعاينة ثم مرّر لأسفل لاستكشاف بقية الصفحة. يمكن الانتقال إليها أيضاً بمفتاح Tab من لوحة المفاتيح.

لقطة شاشة كاملة لموقع استوديو سرورا داخل إطار معاينة

تطلق م‍‍و‍‍ق‍‍ع ع‍‍ل‍‍ا‍‍م‍‍ة ج‍‍ر‍‍ي‍‍ء؟

حين تحتاج العلامة إلى الانتقال من الهوية إلى السوشال إلى صفحة الهبوط، يُبنى هنا النظام المتكامل نفسه من الموجز إلى الإطلاق.