موقع ولوحة تحكم ومنصة إطلاق للجمعية الشرق أوسطية لبيئة الأحياء الدقيقة والتقنية الحيوية، صُمّمت لتبدو الجمعية الوليدة راسخة منذ يومها الأول.
- العميل
- MEsME
- السنة
- 2026
- السوق
- دولي
- الخدمات
- تطوير المواقع الإلكترونية · تصميم واجهات وتجربة المستخدم (UI/UX)
المهمة
جمعية علمية وليدة لديها اسم ومجلس مؤسس وموعد إطلاق، وتحتاج إلى بيت رقمي ينبض بالحياة كالنُظم البيئية التي تدرسها، ولوحة تحكم يديرها مجلسها بنفسه.
01 · الهدف
إطلاق أول موقع للجمعية قبل ظهورها الرسمي في مسقط: يعرّف بالجمعية، ويستقبل الأعضاء المؤسسين والجدد، ويروّج لمؤتمر الإطلاق.
02 · ما بنيناه
موقع سريع وسهل الوصول مبني بـ Next.js مع لوحة تحكم Payload للفعاليات والأخبار والمؤسسين والمجلس، وطلبات عضوية مع رفع السيرة الذاتية، ونظام تصميم مستوحى من الشعار.
03 · النتيجة
الموقع متاح على mesme.me، ويتصدّر إطلاق مسقط صفحته الرئيسية بعدّاد تنازلي حي وتذكرة QR للتسجيل، وكل صفحة قابلة للتعديل دون مطوّر.
للجوال أولًا: الإيقاع والخطوط والنماذج نفسها على كل شاشة.
الصفحة الرئيسية
من الفضول إلى العضوية في تمريرة واحدة
تتحرك الصفحة الرئيسية كرحلة ميدانية: الجمعية وإطلاقها، وتحديات المنطقة تحت عدسة المجهر، وما تقدّمه الجمعية، ومواقعها الميدانية، ومؤسسوها، وباب مفتوح للانضمام.
تفاصيل مميزة
علم تشعر به على الصفحة
01
عدسة مجهر فوق المنطقة
يعرض قسم التحديات صورة ميدانية ضبابية قليلًا، وتجلب حلقة دائرة منها إلى تركيز حاد تحت المؤشر كأنك تنظر في مجهر. وعلى شاشات اللمس تتحرك العدسة وحدها.
02
إطلاق تعدّ له الأيام
تتصدّر الفعالية المميزة الصفحة الرئيسية بعدّاد تنازلي حي وتذكرة QR تقود مباشرة إلى التسجيل، ويكفي تفعيل خيار «مميزة» من لوحة التحكم.
03
أرقام تدور حتى تستقر
يُحسب الأعضاء المؤسسون وأعضاء المجلس مباشرة من لوحة التحكم، وتدور الأرقام كعدّاد المسافات عند الوصول إليها.
04
وجوه لا شعارات
المؤسسون وأعضاء المجلس التنفيذي ملفات بصور وأدوار وروابط، تُدار من لوحة التحكم وترتّبها الجمعية.
05
طلبات عضوية وصندوق وارد خاص
تصل طلبات العضوية، مع السير الذاتية، إلى صندوق وارد خاص في لوحة التحكم يتابع فيه المجلس كل طلب ويدوّن ملاحظاته.
الجوال
مصمّم للجوال أولًا
تتحول كل صفحة إلى عمود واحد هادئ وسهل القراءة بالشبكة الدقيقة نفسها والخطوط الكبيرة وخطوة تالية واضحة.
نظام التصميم
مستوحى من الشعار
برتقالي الشعار وأزرقه المخضرّ، وخط أحادي المسافة ذو طابع علمي للتسميات والبيانات، وخطوط دقيقة مستعارة من دفاتر المختبر.
الشعار
الألوان
- الخلفيةورقي#fbfbf9
- النصحبري#231f20
- اللون المميزبرتقالي متوهّج#e8571e
- اللون الثانويأزرق مخضرّ#99cccc
- لمساتأزرق مخضرّ داكن#2a6f70
- إبرازشمسي#fdc70c
- الأقسام الداكنةليلي#161415
الخطوط
Aa
Montserrat
العناوين
Advancing microbial frontiers
Aa
Figtree
النصوص
A society rooted in the region, open to the world.
Aa
IBM Plex Mono
التسميات والبيانات
Est. 17 May 2024 · NYU Abu Dhabi
في الميدان وعلى طاولة المختبر.
عدسة المجهر بعد ساعات العمل في مسقط.
بالأرقام
14
عالِمًا مؤسسًا بملفات تعريفية
4
فئات للعضوية
7
صفحات رئيسية ولوحة تحكم واحدة
صُمّم ليظهر بوضوح على الشاشات الكبيرة في حفل الإطلاق.
