الجمعية العربية السعودية للثقافة والفنون

السياقThe context

50 عاماً من الإرث تبحث عن واجهة واحدةFifty years of legacy, one interface

الجمعية تأسست عام 1393هـ (1973م) لتكون الراعي الأول للثقافة والفنون في المملكة. اليوم تُدير فروعاً في مختلف مناطق المملكة، و4 مجالات فنية، وعضويات، ومركزاً إعلامياً، وحوكمة؛ كل ذلك كان يحتاج إلى تجربة رقمية موحّدة بحجم مكانتها.Founded in 1973 as the Kingdom’s first sponsor of culture and arts, SASCA now runs branches across the country, 4 artistic domains, memberships, a media centre and governance, all needing one unified digital experience worthy of its stature.

التحدّي: مؤسسة عريقة بمحتوى متشعّب (فروع، فعاليات، عضويات، مركز إعلامي، حوكمة) تحتاج معمارية معلومات واضحة، ونبرة عربية أصيلة، وهوية بصرية تربط التراث بواجهة رقمية حديثة دون افتعال.The challenge: a venerable institution with sprawling content needed clear information architecture, an authentic Arabic voice, and a visual identity that ties heritage to a modern digital interface without pastiche.

القراراتThe decisions

مشكلة ↔ قرار (مع المقايضة)Problem ↔ decision (with trade-off)

المشكلةProblem

فروع كثيرة بلا لغة واحدةMany branches, no shared language

القرارDecision

قالب فرع موحّد: بطاقة بصورة تراثية بلون واحد (Duotone) وشريط لوني مميّز لكل فرع، نفس البنية من الرياض إلى نجران، مع معلومات المدير والتواصل.A unified branch template: one card with a duotone heritage photo and a distinct accent bar per branch, the same structure from Riyadh to Najran, with director and contact info.

المقايضة: حرية أقل لكل فرع مقابل هوية مؤسسية متماسكة؛ التماسك أهم لمرجعٍ وطني.Trade-off: Less per-branch freedom for one coherent institutional identity; cohesion wins for a national reference.

الأثر: الزائر يتعرّف على الجمعية فوراً في أي مدينة.Impact: The Society is instantly recognisable in any city.

صفحة فروع الجمعية، شبكة بطاقات بصور تراثية بلون واحد وأشرطة لونية مميّزة

صفحة العضويات، ثلاث فئات (طالب/منتسب/عادية) مع جدول مقارنة وبوابة العضو

المشكلةProblem

العضوية قرار مُربكMembership is a confusing choice

القرارDecision

ثلاث فئات واضحة (طالب · منتسب · عادية) ببطاقات مقارنة، وجدول مزايا صريح، وبوابة عضو منفصلة، وكل مسار مختصر وعربيّ بالكامل.Three clear tiers (Student · Associate · Standard) with comparison cards, an explicit benefits table, and a separate member portal, each path short and fully Arabic.

المقايضة: عرض السعر مبكراً قد يُفلتر البعض، لكنه يبني ثقة ويرفع اكتمال التسجيل.Trade-off: Showing price early filters some, but builds trust and lifts completion.

الأثر: طريق واضح من الزيارة إلى العضوية.Impact: A clear path from visit to membership.

المشكلةProblem

كيف تبدو «الثقافة» رقمياً؟What does “culture” look like online?

القرارDecision

هوية مستوحاة من التراث: باليت بنفسجي ملكي وذهب، ونقوش نجدية هندسية، وسرد بصري بأسلوب صور البولارويد، مع صفحات «عن الجمعية» و«الحوكمة» تعرض الرؤية والرسالة ومجلس الإدارة بوضوح.A heritage-rooted identity: a royal-purple & gold palette, Najdi geometric patterns, and polaroid-style visual storytelling, with About & Governance pages presenting vision, mission and the board clearly.

المقايضة: هوية جريئة اللون مقابل مظهر مؤسسي محايد؛ الجُرأة تليق بمؤسسة فنون.Trade-off: A boldly coloured identity over a neutral corporate look; boldness suits an arts body.

الأثر: الموقع يُحسّ «ثقافة» من أول نظرة.Impact: The site feels like “culture” at first glance.

صفحة عن الجمعية، الرؤية والرسالة والأهداف ومجلس الإدارة

من الموقع المُنفَّذFrom the shipped site

صفحات حقيقية، لا نماذجReal pages, not mockups

لقطات حيّة من sasca.org.sa: الفعاليات، والعضويات، والفروع، والصفحة الرئيسية بكامل سردها البصري.Live captures from sasca.org.sa: events, memberships, branches and the full visual homepage.

الصفحة الرئيسية كاملة — الرئيسية (كاملة)Homepage (full)

نظام الهويةIdentity system

اللبنات المشتركة: عربيّ أولاًThe shared building blocks: Arabic-first

توكنز وطباعة ونقوش ومكوّنات تُبنى منها كل صفحة، بُنيت للعربية أصلاً لا مُعرّبة لاحقاً.Tokens, type, patterns and components that build every page: Arabic-native, not localised after the fact.

توكنز الألوانColour tokens

#2E1A38

#593272

#8A5AA6

#D89A28

#F2F0E4

بنفسجي ملكي، ذهب تراثي، وورق كريمي، مأخوذة من هوية الجمعية.Royal purple, heritage gold, cream paper, drawn from the Society’s identity.

سلّم الطباعةType scale

عنوان رئيسيGreta · 44/1.1

عنوان فرعيGreta · 22/1.2

نص المتن للقراءة الطويلةPlex · 16/1.8

النقش النجديNajdi pattern

مثلثات نجدية متبادلة: عنصر بصري يربط الرقمي بالتراث.Alternating Najdi triangles: a motif tying digital to heritage.

المكوّناتComponents

زر رئيسيتسجيل الدخول

فعاليةفرععضويةمبادرة

أزرار حبّة كاملة، وسوم، بطاقات فعاليات وفروع، بحالات موثّقة.Pill buttons, tags, event & branch cards, documented states.

النتيجةThe result

مؤسسة واحدة، لغة واحدةOne institution, one language

فرعاً موحّداً تحت نظام واحدbranches unified under one system

مجالات فنية بلغة بصرية واحدةartistic domains, one visual language

عاماً من الإرث رُقمِنyears of legacy, digitised

عربيّ أولاً · RTL أصيلArabic-first · native RTL

الدرس: حين يكون العميل مرجعاً وطنياً، تكون مهمة المصمّم توحيد التشتّت؛ نظام واحد يصمد عبر كل فرع ومجال وفعالية.Lesson: when the client is a national reference, the designer’s job is to unify the sprawl: one system that holds across every branch, domain and event.