عبدالرحمن بانافعطَيّ / استوديو تغليف · مشروع مستقل — تنفيذ فعلي · ٢٠٢٦
الفكرة بين يديك.
تجربة رقمية لاستوديو تغليف تشرح المنتج من خلال حركة الطي، ثم تحوّل الفهم إلى طلب مواصفات محفوظ برقم مرجعي.
لقطة سريعة / ما الذي بُني؟
من التجربة إلى عملية قابلة للتتبع.
يبدأ الحل بشرح شكل العبوة وخياراتها، ثم يجمع تفاصيل الطلب خطوة بخطوة. بعد مراجعة البيانات وحفظها، يظهر للعميل رقم مرجعي لمتابعة طلبه.
- مشكلة العمل
- يصعب اختيار العبوة وخامتها قبل فهم الخيارات.
- رحلة العميل
- طيّ ← خامة ← مواصفات ← طلب.
- بيانات الطلب
- نوع العبوة والكمية والأبعاد والخامة وموعد التسليم.
- ما بُني
- تجربة تفاعلية، ولوحة لتحديث المحتوى، ونموذج طلب مع شاشة لمتابعته.
- مراجعة البيانات
- تُراجع الحقول قبل حفظ الطلب.
- بعد الإرسال
- يظهر رقم مرجعي بعد الحفظ، أو رسالة توضح تعذر الإرسال.
٠١ / الفكرة التي تحرك الموقع
أربع مراحل. ومعنى واحد.
الهيكل يحدد الشكل، والطي يمنحه حجمًا، والهوية تمنحه شخصية. جرّب التحول هنا؛ هذه نسخة تفاعلية من نفس الفكرة التي تقود الواجهة الفعلية.
اسحب أفقيًا، أو استخدم الأزرار أدناه
كل عبوة تبدأ من ورقة.
خطوط القص والطي تحدد كيف يحيط الغلاف بالمنتج.
٠٢ / طلب عرض سعر
من اختيار العبوة إلى طلب محفوظ.
النموذج لا يكتفي بجمع رسالة عامة. يبدأ من نوع العبوة والكمية والأبعاد، ثم يمر بالمواصفات والموعد والميزانية قبل المراجعة والإرسال.
يتحقق الخادم من البيانات ويحفظ الطلب في Supabase ثم يعيد رقمًا مرجعيًا. هذه إثباتات على تنفيذ المسار، وليست مقاييس لأداء تجاري.
٠٣ / متابعة الطلبات
المتابعة تبدأ بعد الإرسال.
تظهر الطلبات الواردة في قائمة واحدة، ويمكن فتح كل طلب لمراجعة تفاصيله وتحديث حالته. حُجبت بيانات أصحاب الطلبات ومواصفاتهم في اللقطات التالية.
٠٤ / تحديث محتوى الموقع
الموقع ليس صفحة ثابتة.
يمكن تعديل العنوان والمقدمة وحقول الصفحة من لوحة إدارة المحتوى، ثم مراجعة النتيجة في الموقع المنشور. اللقطتان توضحان التعديل وما يظهر للزائر، من دون الادعاء بأن ذلك وحده يثبت أثرًا تجاريًا.
٠٥ / responsive فعلي
الطي ينتقل إلى اليد.
على الهاتف لا تُصغّر التجربة فقط؛ يتحول السحب إلى مساحة لمس مستقلة، وتبقى أزرار المراحل بديلًا واضحًا. هذا هو الالتقاط الفعلي من الهاتف، لا إعادة تركيب لسطح المكتب.
الهدف أن يفهم الزائر العلاقة بين الحركة والمواصفة حتى عندما يقرأ بيد واحدة.
٠٦ / ما تم التحقق منه
تفاعل خفيف. وحدود واضحة.
هنا ما يمكن فحصه اليوم، وما يجب ألا يُقرأ بين السطور.
الطلب يُحفظ مع رقم مرجعي
يمر الطلب بالتحقق على الخادم ثم يُحفظ في Supabase. تظهر رسالة النجاح الرقم المرجعي بعد اكتمال الحفظ.
يمكن تحديث محتوى الموقع
حقول الواجهة الرئيسية قابلة للتحديث والنشر من مساحة محتوى منفصلة عن الواجهة.