دراسة حالة

Dranovoدراسة حالة.

موقع Dranovo ثنائي اللغة، بهوية نيليّة معتمدة وصفحات للخدمات والأعمال ومسارات لطلبات المشاريع.

Next.js 16.3React 19TypeScriptTailwind CSS 4VitestTesting Library
النتائج

واجهات وسلوكيات موجودة في الإنتاج، دون أرقام أداء غير موثقة.

AR / EN
تجربة موقع باللغتين
نيلي
هوية Dranovo المعتمدة
نماذج
طلبات مشاريع مع التحقق من المدخلات
بوابة
مساحة عمل منفصلة للعملاء
روابط المشروع
02/القصة

Dranovoدراسة حالة.

التحدي

احتاج الموقع إلى تقديم هوية الوكالة بالعربية والإنجليزية، وعرض الخدمات والأعمال بوضوح، وجعل نماذج التواصل مفيدة دون إرسال البيانات الشخصية إلى التحليلات.

الحل

بنيت موقع Next.js متجاوباً بمحتوى محلي ولوحة ألوان نيليّة معتمدة ونماذج طلبات متصلة بواجهة Dranovo API. أضفت التحقق من المدخلات ومعالجة بيانات الإحالة مع تنقية بيانات التحليلات، ورابطاً مباشراً إلى بوابة العملاء.

03/الاختبارات والجودة

سلوكيات تغطيهامجموعات الاختبار.

أمثلة من حالات الاختبار الموجودة في المستودعات؛ دون ادعاء أرقام للتغطية.

الأدوات
VitestTesting Libraryjsdom
01

سلوك نموذج طلب المشروع

يتحقق من اختيار الخدمة والحقول المطلوبة والتحقق من الهاتف وتوحيد صيغته، ثم من ظهور حالة النجاح.

02

خصوصية التحليلات

يتحقق من إزالة الأسماء والبريد الإلكتروني وأرقام الهاتف ونص الرسالة من خصائص التحليلات.

03

استمرارية بيانات الإحالة

تغطي إحالة أول زيارة وآخر زيارة وتبديل اللغة والتخزين المعدّل واشتراط الموافقة على التحليلات.

Beshoy Fady | Dranovo دراسة حالة