SitexPrime
فاشيونا – قالب HTML لمتجر أزياء وأسلوب حياة إلكتروني

فاشيونا – قالب HTML لمتجر أزياء وأسلوب حياة إلكتروني

قالب متجر أزياء من 26 صفحة بثلاث لغات (إنجليزي/عربي/تركي) يضم مسار شراء كاملاً — المتجر وصفحة المنتج والحقيبة وإتمام الشراء والحساب وتتبّع الطلب — إضافة إلى مدونة ودليل متاجر وكل صفحات السياسات التي يحتاجها متجر حقيقي. مصمم للجوال أولاً مع انعكاس كامل للاتجاه من اليمين إلى اليسار.

فاشيونا واجهة أمامية متكاملة متعددة الصفحات لعلامات الأزياء والمتاجر المفاهيمية والبوتيكات متعددة الماركات. تضم ست وعشرين صفحة جاهزة — الرئيسية، وفهرس المتجر مع شريط تصفية ثابت ومبدّل بين العرض الشبكي والقائمة، وسجل كامل للمنتج، وتخفيضات الأرشيف، والحقيبة، وإتمام الشراء في صفحة واحدة، وتأكيد الطلب، والمفضلة، ونتائج البحث، ومنطقة الحساب بطلباتها وعناوينها، وتسجيل الدخول، وإنشاء الحساب، وإعادة تعيين كلمة المرور، وتتبّع الطلب، والقصة، ودليل المتاجر، والتواصل، والمدونة ومقالها، ومركز المساعدة، ودليل المقاسات، والشحن والإرجاع، والشروط، والخصوصية، وصفحة 404، وقريباً — وكلها تشترك في ترويسة وتذييل ودرج حقيبة وعرض سريع وإضافة سريعة ودرج مقارنة ونافذة دليل مقاسات واحدة. وقد أُعيد ترتيب الصفحة الرئيسية لا مجرد تغيير مظهرها: فالالتزامات الأربعة التي تحدّد ما إذا كان غريب سيثق بمتجر ملابس أصلاً — التوصيل والإرجاع والتعديلات والإصلاح — تُجاب قبل بيع أي شيء، وتأتي صور العملاء أنفسهم قبل المراجعات المكتوبة. وأُعيدت كتابة عنوان كل قسم معها. كل نص في كل صفحة مترجم إلى الإنجليزية والعربية والتركية من قاموس واحد يضم 604 مفاتيح. والإنجليزية مكتوبة داخل الصفحة نفسها، فتبقى كل صفحة كاملة وقابلة للفهرسة حتى مع تعطيل جافاسكربت؛ والتبديل فوري ولا يحتاج إعادة تحميل، ويُحفظ الاختيار بين الزيارات أو يُفرض عبر معامل ?lang=، وحتى النصوص التي يقرأها قارئ الشاشة مترجمة، ومثلها النصوص البديلة للصور والنصوص الإرشادية في الحقول وخيارات كل قائمة منسدلة. والعربية انعكاس حقيقي لا مجرد محاذاة إلى اليمين: فالترويسة وشريط التصفية وأعمدة إتمام الشراء ومسار التنقل والعدّاد التنازلي كلها تنعكس، وتُعكس الأسهم ذات الاتجاه لتتوافق معها، وتُعزل الأسعار وأرقام الهواتف والتواريخ وأوزان الأقمشة ثنائياً فتبقى علامة «$» في أولها و«غ/م²» في آخرها في موضعها الصحيح داخل الجملة العربية. وتنتقل العربية إلى خط IBM Plex Sans Arabic بارتفاع سطر خاص ودون تباعد لاتيني، أما صورة الواجهة فلا تُعكس عمداً، لأن عكس قطعة ملابس ينقل ياقتها وأزرارها إلى الجهة الخاطئة. اللوحة اللونية زرقة كوبالت كهربائية مع لمسة ليمون حمضية على حبري وعظمي — الكوبالت محجوز للإجراءات والليمون للحظات الصاخبة — بخطي Syne للعناوين وManrope للنصوص، وكلاهما يحمل حرف الـ i التركي بنقطة وبدونها. والشعار نص حي بلا أي أيقونة، أما الأيقونة المفضلة ورموز العملات وشارات الدفع الست فكلها SVG مرسومة يدوياً. والصور التسع والثمانون كلها جديدة: لقطات أزياء ومنتجات وبوتيكات وشخصية اختيرت بالعين من صفحات معاينة وقُصّت على المقاس الذي يتوقعه كل تخطيط بدقة. وأحجام الخطوط معرَّفة بمقاس الهاتف وتكبر عبر clamp()، ويتجاوز الشريط السفلي مؤشر الصفحة الرئيسية في iOS، وتنزلق الجداول العريضة داخل صندوقها، وقد جرى فحص الصفحات الست والعشرين آلياً ضد التمدد الأفقي بثلاث لغات عند عرض 390 و1440 بكسل — والنتيجة صفر. ويكتب سكربت بناء واحد الصفحات من مصدر حقيقة واحد، ويُفشل سكربت تدقيق البناء عند أي رابط ميت أو ملف ناقص أو صورة يتيمة أو أيقونة غير معرّفة أو مفتاح ترجمة يعمل بلغة واحدة فقط.

SitexPrime studio
ثلاثون ثانية عمّا نفعله ولمن نفعله.

لنبنِ شيئاً يستحق الزيارة.

أخبرنا بما تخطط له، ونعود إليك برأي صريح في النطاق والمدة والتكلفة — قبل أي عقد.

ابدأ مشروعك

SitexPrime — الفيلم التعريفي