إعادة تصميم موقع OnePage (opage.sa)

# إعادة تصميم موقع OnePage (opage.sa)

## نبذة عن المشروع

تتيح المنصة لصناع المحتوى إنشاء صفحة احترافية واحدة يمكنهم من خلالها بيع:

* المنتجات الرقمية

* الخدمات والاستشارات

* الدورات التدريبية عبر الإنترنت

مع وسائل دفع متكاملة ولوحة تحكم بسيطة لإدارة المنتجات، الطلبات، والمبيعات.

---

## الهدف من إعادة التصميم

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

الأولوية الأساسية هي **التأثير البصري**.

يجب أن يشعر الزائر مباشرة بأن المنصة:

* حديثة

* احترافية

* بسيطة

* سريعة

* موجهة لصناع المحتوى

* مصممة للسوق السعودي والعربي

نرغب في الابتعاد عن تجربة منصات SaaS التقليدية أو المؤسسية أو المزدحمة بصريًا.

---

## التوجه البصري

يجب أن يركز التصميم على:

* خطوط جريئة وواثقة

* عناوين كبيرة

* مساحات بيضاء واسعة

* صور عالية الجودة للمنتج

* نماذج كبيرة لواجهات المستخدم UI Mockups

* تخطيطات نظيفة واحترافية

* استخدام محدود ومدروس للألوان

* حركات بسيطة وتفاعلات دقيقة Micro-interactions

* تصميم يعتمد على Mobile-first

يجب أن تلعب الخطوط وواجهات المنتج الدور الأساسي في بناء شخصية الموقع، بدلًا من الاعتماد على الاستخدام المكثف للألوان.

---

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

الألوان الأساسية الحالية للعلامة:

* البنفسجي: #6C63FF

* الأخضر الليموني: #CEFF5F

* الداكن: #2E2A34

* العاجي الدافئ: #FDF7E7

نرغب في الحفاظ على الهوية البصرية الحالية، مع تحسين طريقة توظيف هذه الألوان عبر المنتج والموقع التسويقي.

---

## الجمهور المستهدف

الجمهور الأساسي هو صناع المحتوى الذين يمتلكون بالفعل قاعدة متابعين على منصات مثل:

* TikTok

* Instagram

* YouTube

ويشمل ذلك:

* المؤثرين

* المدربين

* المستشارين

* مقدمي التدريب

* المصممين

* المستقلين

* صناع الدورات

* بائعي المنتجات الرقمية

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

---

## الأقسام الرئيسية للموقع

### الصفحة الرئيسية

يجب أن تتضمن الصفحة الرئيسية:

* Hero Section قوي

* عرض واضح للمنتج

* كيف تعمل OnePage

* المنتجات الرقمية

* الخدمات

* الدورات

* صفحة صانع المحتوى العامة

* لوحة تحكم صانع المحتوى

* وسائل الدفع

* التقييمات / قصص النجاح

* CTA نهائي قوي

---

## تجربة الجوال

تجربة الجوال تمثل أولوية كبيرة، لأن نسبة كبيرة من الزيارات ستأتي مباشرة من منصات التواصل الاجتماعي.

يجب أن تكون تجربة الجوال:

* سريعة

* واضحة

* بسيطة

* سهلة الاستخدام بالإبهام

* قوية بصريًا

* مصممة خصيصًا للشاشات الصغيرة

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

---

## مصادر الإلهام والمواقع المرجعية للتصميم

يجب استخدام المنصات التالية كمراجع بصرية ومراجع لتجربة المستخدم.

لا نرغب في نسخ أي منصة منها بشكل مباشر، وإنما نرغب في فهم نقاط القوة لدى كل منصة واستخدام ذلك كإلهام لبناء هوية مميزة خاصة بـ OnePage.

### Salla

https://salla.com

مرجع من حيث:

* تجربة السوق السعودي

* التصميم العربي أولًا

* طريقة عرض المميزات

* طريقة إبراز وسائل الدفع المحلية

* هيكلة مواقع SaaS والتجارة الإلكترونية

---

### Zid

https://zid.sa

مرجع من حيث:

* تجربة المستخدم العربية

* تنظيم المحتوى

* تقسيم المميزات

* عرض المنتجات والحلول

* Social Proof وإحصائيات المنصة

---

### Stan

https://stan.store

تعد من أهم المنصات المرجعية لـ OnePage بسبب نموذج أعمالها الموجه بشكل أساسي لصناع المحتوى.

مرجع من حيث:

* تجربة صانع المحتوى

* واجهة متجر صانع المحتوى Creator Storefront

* تجربة Mobile-first

* عرض المنتجات والخدمات

* رحلة شراء بسيطة

* تحويل رابط الـBio في وسائل التواصل إلى قناة بيع

---

## التوجه العام للتصميم

لا نرغب في نسخ أي منافس بشكل مباشر.

التوجه المفضل هو الجمع بين:

**بساطة تجربة صانع المحتوى في Stan، وخبرة السوق السعودي والعربي في Salla وZid، مع بناء هوية بصرية فريدة وسهلة التمييز خاصة بـ OnePage.**

يجب أن تبدو OnePage أكثر شبابية، أكثر حداثة، وأكثر تركيزًا على صناع المحتوى مقارنة بمنصات التجارة الإلكترونية التقليدية.

ويجب أن يتم تقديمها بصريًا كمنصة **Creator Commerce Platform**، وليس فقط كمنصة أخرى لإنشاء المتاجر الإلكترونية.

---

## الصفحات المطلوب تصميمها

* الصفحة الرئيسية

* صفحة المميزات

* صفحة الأسعار

* صفحة صانع المحتوى العامة

* صفحة المنتج

* صفحة الخدمة

* صفحة الدورة

* تسجيل الدخول

* إنشاء حساب

* لوحة تحكم صانع المحتوى

* إدارة المنتجات

* الطلبات والمبيعات

* تخصيص الصفحة

* التنقل على الجوال Mobile Navigation

---

## المخرجات المطلوبة

* Low-fidelity Wireframes

* High-fidelity Designs

* تصاميم سطح المكتب

* تصاميم الجوال

* نموذج تفاعلي Clickable Prototype

* دليل الهوية والأسلوب Style Guide

* نظام الخطوط Typography System

* نظام الألوان

* Components

* نظام المسافات Spacing System

* النماذج والأزرار

* Design System

* ملفات وتسليمات المطورين Developer Handoff

**يفضل استخدام Figma.**

يجب تنظيم الملفات بشكل احترافي باستخدام:

* Auto Layout

* Components

* Variables

* Styles

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

---

## الهدف النهائي

يجب أن تبدو OnePage كمنصة حديثة واحترافية وPremium يشعر صانع المحتوى بالفخر عند وضع رابطها في الـBio الخاص به.

ويجب أن توصل التجربة الفكرة بشكل فوري:

**رابط واحد. صفحة احترافية واحدة. كل ما تبيعه في مكان واحد.**