مشروع مخصص · 2026

SOMO STUDIO

الموقع الخاص بالاستوديو: زجاج داكن وكروم وقناديل بحر، وفيديو في الشاشة الأولى، والأسعار ومراحل العمل، ودراسات حالة و13 مقالًا. 28 صفحة إجمالًا.

إلى الصفحة الرئيسيةأنت على هذا الموقع بالفعل
الشركة
SOMO STUDIO، استوديو تصميم مواقع
النوع
موقع متعدد الصفحات، 28 صفحة
التكلفة
عمل مماثل — 500 دولار، شاملة كتابة المقالات
بُني باستخدام
HTML, CSS, JavaScript, TypeScript
العنوان
somostudioweb.com
الشاشة الرئيسية لموقع SOMO STUDIO: العنوان «مساحة قادرة على كل شيء» وفيديو لساقَي أندرويد تمشيان بحذاءين زجاجيين

عن المشروع

موقع يعرض نهج الاستوديو بنفسه

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

تقوم اللغة البصرية على الزجاج والكروم والزخارف البحرية: قناديل البحر، والزنابق الزجاجية، والأصداف. الصور والفيديوهات أُنشئت خصيصًا للاستوديو وجُمعت في مكتبة وسائط واحدة. العناوين بخط Unbounded، والنص بخط Onest. الأسعار والمدد ومراحل العمل معلنة: يراها الزائر قبل رسالته الأولى.

  • الرئيسية فيديو في القسم الرئيسي، وأنواع المواقع، وطريقة عملنا، والمشاريع، والمقالات، وخيارات التواصل
  • الأسعار والمراحل ثلاثة أنواع من المواقع بأسعار «ابتداءً من»، ومقارنة، وطريقة العمل، وأسئلة وأجوبة، وصفحة مستقلة لكل نوع
  • المشاريع كتالوج وصفحات دراسات الحالة: AMON و«تشيستايا سوفا» وهذا الموقع
  • المقالات كتالوج و13 مقالًا عن كيفية بناء الموقع وسير العمل عليه
  • عن الاستوديو والتواصل نهج الاستوديو، وTelegram، والبريد الإلكتروني
  • المستندات والصفحات الخدمية سياسة الخصوصية، وشروط الاستخدام، وصفحة 404 خاصة بالموقع
القسم الرئيسي في الصفحة الرئيسية لموقع SOMO STUDIO: العنوان «مساحة قادرة على كل شيء»، والأزرار، ومقطع فيديو لروبوت شبيه بالبشر يمشي بحذاءين من الزجاج.
يظهر القسم الرئيسي مباشرةً: العنوان والوصف والأزرار في أماكنها، بينما يعمل الفيديو في الخلفية.
القسم الرئيسي في الصفحة الرئيسية لموقع SOMO STUDIO: العنوان «مساحة قادرة على كل شيء»، والأزرار، ومقطع فيديو لروبوت شبيه بالبشر يمشي بحذاءين من الزجاج.
يظهر القسم الرئيسي مباشرةً: العنوان والوصف والأزرار في أماكنها، بينما يعمل الفيديو في الخلفية.
القسم الرئيسي في الصفحة الرئيسية لموقع SOMO STUDIO: العنوان «مساحة قادرة على كل شيء»، والأزرار، ومقطع فيديو لروبوت شبيه بالبشر يمشي بحذاءين من الزجاج.
يظهر القسم الرئيسي مباشرةً: العنوان والوصف والأزرار في أماكنها، بينما يعمل الفيديو في الخلفية.

الصفحات

الأسعار ودراسات الحالة والمقالات والتواصل

صفحة «الأسعار والمراحل»: الشاشة الأولى «اختر نوع الموقع المناسب لمهمتك»
«الأسعار والمراحل»: ثلاثة أنواع من المواقع بأسعار «ابتداءً من»، ومقارنة، وطريقة العمل.
صفحة مقال «كم تكلفة الموقع، وعلامَ يتوقف سعره؟»
لكل مقال من المقالات الثلاثة عشر غلافه الخاص ومجموعة مقالات قريبة في الموضوع.
صفحة «التواصل» مع زر Telegram والبريد الإلكتروني
التواصل: Telegram والبريد الإلكتروني، دون نماذج زائدة.
كتالوج المشاريع: بطاقات دراسات الحالة مع لقطات من المواقع
كتالوج المشاريع: شاشات كل موقع على الحاسوب والهاتف.

الرئيسية

مشاهد بدل الأقسام

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

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

قسم «ثلاثة أنواع من المواقع لمهام مختلفة» على خلفية من كتل زجاجية
قسم «كل مشروع بيئة رقمية قائمة بذاتها» مع زنابق زجاجية
قسم «المعنى أولًا. ثم الشكل. ثم التفاصيل.» مع فيديو ليد زجاجية وقنديل بحر

الهاتف

الأجواء نفسها على شاشة صغيرة

في نسخة الهاتف، يُقصّ الفيديو ليلائم الشاشة العمودية. وتظهر القائمة ومبدّل اللغة داخل لوحة زجاجية، مع زر Telegram في القائمة وفي نهاية كل صفحة.

نسخة SOMO STUDIO للجوال: الشاشة الأولى
نسخة الهاتف من موقع SOMO STUDIO مع فتح القائمة.
نسخة الهاتف من موقع SOMO STUDIO مع فتح القائمة.
نسخة الهاتف من موقع SOMO STUDIO مع فتح القائمة.

SOMO STUDIO

أنت على هذا الموقع

somostudioweb.com

تريد موقعًا يبقى في الذاكرة؟

أخبرنا عن نفسك وكيف ترى موقعك. وسنجد له معًا الشكل المناسب.

ناقش مشروعك على Telegram