تركيب بورتفوليو عربي كامل باتجاه RTL.
دراسة الحالةCustomer Hosting - Production
أ. علي الجابري | بورتفوليو عربي
بورتفوليو عربي RTL فاخر للأستاذ علي الجابري. قدّمت هوية بصرية مستوحاة من Modern Majlis، مع تركيب متجاوب، وحركة سلسة، وأقسام تعليمية واضحة للخدمات والشهادات والتواصل — حتى يفهم الزائر العرض ويتواصل بثقة.
تقنيات الواجهة
- Next.js
- React
- TypeScript
- Tailwind CSS
- Framer Motion
الأداء
- Static generation لبورتفوليو تسويقي سريع.
- تحسين تلقائي لصور البورتريه والهوية.
- تقليل JavaScript خارج مناطق الحركة التفاعلية.
- Utility CSS عبر Tailwind لملف أنماط خفيف.
الجودة والموثوقية
- بنية محتوى دلالية سهلة الوصول.
- سلوك RTL متسق عبر أحجام الشاشات.
- حالات واضحة لأزرار التواصل والدعوة للإجراء.
- مكوّنات React بـ TypeScript عبر أقسام البورتفوليو.
أبرز المميزات
تخطيطات واضحة على الموبايل والتابلت وسطح المكتب.
حركة سلسة بمكتبة Motion.
هوية بالأخضر الملكي والذهبي مستوحاة من Modern Majlis.
أقسام للخدمات والعروض التعليمية.
عرض شهادات وآراء الطلاب.
جداول أسعار واضحة للباقات التعليمية.
واتساب كنقطة تواصل مباشرة.
بنية الواجهة
مسارات بورتفوليو RTL وتخطيط عام مكوّنات أقسام (Hero، الخدمات، الأسعار، الشهادات) طبقة تفاعل بالحركة مكوّنات تنقّل وتواصل مشتركة أصول وسائط للهوية والبورتريه
استراتيجيات هندسة الواجهة
- إبقاء التفاعل على العميل للحركة والمشاركة فقط.
- تخطيط يضع المحتوى أولًا لقراءة عربية مريحة.
- تصميم مستوحى من التراث بلمسة رقمية حديثة.
- بنية تراعي إمكانية الوصول للمحتوى التعليمي.
- حالة خفيفة عبر React Hooks الأساسية.
الواجهة البصرية
