الهوية المؤسسية
صفحات تعريفية توضح من هي Lotus Trading، رؤيتها، رسالتها، قيمها، والتزامها تجاه العيادات والمتخصصين.
عرض رسمي جاهز للإرسال
تطوير موقع Lotus Trading بمنهجية واضحة، مراحل معتمدة، وتنفيذ احترافي على مدى شهرين
يقدم هذا العرض تصورًا متكاملًا لتصميم وتطوير موقع شركة Lotus Trading مع لوحة تحكم إدارية ونظام خلفي حديث، اعتمادًا على محتوى الشركة وعلاماتها التجارية واحتياجاتها التشغيلية، وبأسلوب تنفيذ مرحلي يبدأ من اعتماد التصميم ثم ينتقل إلى التطوير والتسليم المتتابع.
التقنيات المعتمدة
Next.js
Frontend Website
React.js
Admin Dashboard
Nest.js
Backend API
8 أسابيع
مدة تنفيذ مقترحة
ملخص تنفيذي
- موقع شركة احترافي متعدد الأقسام لعرض الهوية والخدمات والعلامات والمنتجات.
- لوحة تحكم لإدارة الصفحات، المنتجات، العلامات، وطلبات التواصل.
- خمس تصاميم مرجعية من Darsoft قبل بدء التصميم المعتمد.
- التسليم يتم على مراحل مع مراجعة واعتماد العميل في كل محطة.
نظرة عامة على المشروع
الموقع المطلوب هو موقع Corporate Product Website يركز على التعريف بالشركة، إبراز العلامات التجارية، عرض المنتجات والأجهزة، وإتاحة قناة تواصل احترافية مع العملاء والعيادات والشركاء.
العلامات والمنتجات
عرض منظم للعلامات التجارية مع صفحات أو أقسام تربط المستخدم مباشرة بالمنتجات الخاصة بكل علامة.
الإدارة والتحديث
لوحة تحكم تسهّل إدارة المحتوى، المنتجات، الصور، العلامات، الأجهزة، ورسائل التواصل.
الجاهزية للتوسع
هيكل تقني مرن يسمح بإضافة صفحات جديدة، لغات إضافية، تكاملات، أو خصائص مستقبلية بسهولة.
النطاق الفني
التنفيذ المقترح يغطي الموقع العام، لوحة التحكم، والـ backend ضمن بنية حديثة قابلة للتوسع.
- تطوير الواجهة الأمامية باستخدام Next.js.
- تطوير لوحة التحكم باستخدام React.js.
- تطوير النظام الخلفي وواجهات الـ API باستخدام Nest.js.
- إدارة الصفحات التعريفية والمحتوى التسويقي.
- إدارة العلامات التجارية وربطها بالمنتجات.
- إدارة المنتجات، الصور، والأقسام.
- إدارة نموذج التواصل والرسائل الواردة.
- تهيئة SEO الأساسية، الأداء، والاستجابة على جميع الأجهزة.
الصفحات والمخرجات
الهيكل المقترح للموقع مبني على الملفات والمحتوى المقدم من العميل.
- Home / الصفحة الرئيسية.
- About Us / من نحن.
- Our Brands / العلامات التجارية.
- Devices / الأجهزة.
- Services / الخدمات.
- Contact Us / تواصل معنا.
- صفحات أو أقسام للمنتجات حسب العلامات.
- Dashboard لإدارة كامل المحتوى التشغيلي.
خطوات العمل بالتفصيل
المشروع ينفذ وفق مراحل واضحة تضمن اعتماد العميل لكل خطوة قبل الانتقال إلى الخطوة التالية، مما يقلل المخاطر ويرفع جودة النتيجة النهائية.
المرحلة الأولى
الاكتشاف والتحليل
فهم الأهداف، مراجعة المحتوى، تثبيت الهيكل، وتحديد الصفحات والمتطلبات الفنية والوظيفية.
المرحلة الثانية
اتجاه التصميم
يقدم فريق Darsoft عدد 5 تصاميم مرجعية ليختار العميل منها السيمة الأقرب، ثم يتم تصميم الواجهات الأساسية بعد الاعتماد.
المرحلة الثالثة
التطوير المرحلي
بدء التطوير على دفعات تشمل Frontend ثم Dashboard وBackend مع مراجعات منتظمة ونقاط اعتماد متفق عليها.
المرحلة الرابعة
الاختبار والتسليم
اختبارات الجودة، مراجعة العميل، معالجة الملاحظات، ثم التسليم النهائي وتهيئة المشروع للإطلاق.
تفصيل مراحل التنفيذ
فيما يلي تفصيل أوضح لكل مرحلة وما تتضمنه من أعمال وتسليمات.
| المرحلة | الأعمال الرئيسية | المخرجات | الاعتماد |
|---|---|---|---|
| 1. التحليل وجمع المتطلبات | اجتماع البداية، دراسة المحتوى، حصر الصفحات، تحديد الوظائف، ترتيب الأولويات. | Sitemap، Scope، قائمة الخصائص، خطة التنفيذ. | اعتماد النطاق والمحتوى الأولي. |
| 2. اختيار الاتجاه التصميمي | مشاركة 5 مراجع تصميمية من Darsoft، ثم اختيار السيمة الأقرب، ثم بناء تصميم أولي للصفحات الأساسية. | Design Direction، Wireframe/Mockup، النظام البصري للموقع. | اعتماد التصميم قبل البرمجة. |
| 3. تطوير الواجهة الأمامية | بناء صفحات الموقع العامة، الاستجابة للجوال، الأداء، SEO الأساسي، ربط البيانات. | واجهة موقع Next.js جاهزة للمراجعة. | مراجعة العميل للنسخة الأولية. |
| 4. تطوير لوحة التحكم والنظام الخلفي | بناء Dashboard، المصادقة، إدارة الصفحات والمنتجات، APIs، وربط قاعدة البيانات. | React Dashboard + Nest.js Backend. | اعتماد النسخة التجريبية التشغيلية. |
| 5. الاختبار والتسليم | QA، اختبار النماذج، التوافق، تحسينات نهائية، تجهيز التسليم. | نسخة نهائية جاهزة للإطلاق. | اعتماد التسليم النهائي. |
المخطط الزمني للمشروع
تم توزيع المشروع على مدة تنفيذ قدرها شهران، مع تقسيم العمل إلى ثمانية أسابيع، بحيث يتم أخذ التغذية الراجعة في نقاط واضحة دون تعطيل سير التنفيذ.
| الأسبوع | الفترة | الأنشطة الأساسية |
|---|---|---|
| الأسبوع 1 | Month 1 / Week 1 | تحليل المتطلبات، جمع المحتوى، مراجعة الهيكل العام للموقع. |
| الأسبوع 2 | Month 1 / Week 2 | مشاركة 5 تصاميم مرجعية، اختيار السيمة، واعتماد التوجه البصري. |
| الأسبوع 3 | Month 1 / Week 3 | تصميم الصفحات الأساسية: Home, About, Brands, Contact. |
| الأسبوع 4 | Month 1 / Week 4 | مراجعة التصميم، التعديلات، واعتماد الواجهات قبل البرمجة. |
| الأسبوع 5 | Month 2 / Week 1 | تطوير Frontend للموقع باستخدام Next.js. |
| الأسبوع 6 | Month 2 / Week 2 | استكمال الواجهة وربط الصفحات والبيانات الأساسية. |
| الأسبوع 7 | Month 2 / Week 3 | تطوير Dashboard باستخدام React.js وBackend باستخدام Nest.js. |
| الأسبوع 8 | Month 2 / Week 4 | اختبارات الجودة، مراجعات نهائية، تسليم المشروع. |
خط زمني بصري
تمثيل بصري مبسط يوضح توزيع المراحل على شهرين وأسابيع التنفيذ.
المرحلة / الأسبوع
1
2
3
4
5
6
7
8
التحليل وجمع المتطلبات
اختيار السيمة والتصميم
تطوير Frontend
Dashboard + Backend
QA والتسليم
العرض المالي
تم ضبط التكلفة المقترحة بحيث تبقى ضمن السقف المطلوب وأقل من 28,000 درهم إماراتي مع الحفاظ على جودة تنفيذ مناسبة للمشروع.
| البند | القيمة |
|---|---|
| تحليل المشروع وتخطيط النطاق | 2,500 درهم |
| التصميم واعتماد الواجهات | 5,000 درهم |
| تطوير Frontend باستخدام Next.js | 8,000 درهم |
| تطوير Dashboard باستخدام React.js | 4,500 درهم |
| تطوير Backend باستخدام Nest.js | 5,000 درهم |
| الاختبار والتسليم النهائي | 2,500 درهم |
الإجمالي النهائي
27,500 درهم إماراتي
يشمل هذا المبلغ التصميم، التطوير، لوحة التحكم، النظام الخلفي، الاختبار، والتسليم النهائي.
الدفع والملاحظات
يتم ربط الدفعات بنقاط إنجاز واضحة لضمان الشفافية واعتماد العميل لكل مرحلة.
- 40% عند اعتماد العرض وبدء المشروع.
- 30% بعد اعتماد التصميم والانتهاء من المرحلة الأولى من التطوير.
- 20% عند تسليم النسخة التجريبية للمراجعة.
- 10% عند التسليم النهائي.
ملاحظة: يبدأ العمل باختيار الاتجاه البصري من بين 5 تصاميم مرجعية يقدمها فريق Darsoft، ولا يتم الدخول إلى التطوير البرمجي قبل اعتماد التصميم من العميل.
English Version
A concise bilingual version is included below for direct client sharing or attachment within the same proposal page.
Technical Proposal
Darsoft proposes building the Lotus Trading website using a modern stack composed of Next.js for the public website, React.js for the admin dashboard, and Nest.js for the backend API and business logic.
- Corporate website with company profile, brands, products, devices, services, and contact pages.
- Admin dashboard for managing content, brands, products, and inquiries.
- Phased delivery with client review at each milestone.
- Five design references will be shared first to select the visual direction before development starts.
Timeline & Budget
The proposed implementation period is two months, distributed across eight working weeks, including discovery, design approval, frontend development, dashboard and backend development, QA, and final delivery.
- Total duration: 8 weeks.
- Total budget: AED 27,500.
- 40% kickoff, 30% after design approval, 20% on review version, 10% on final delivery.
- Execution starts with design approval and proceeds in clearly approved stages.