علامة ملابس · 2026
Meridian
علامة ملابس صغيرة بمتجر واحد وبلا سلة شراء. مهمة الموقع كلها أن تجعلك ترغب في لمس قطعة بعينها على الطبيعة — ثم تخبرك بالضبط أين هي.
زيارة الموقع المباشر ↗99
درجة السرعة من Google
2.0s
يظهر على شبكة 4G بطيئة
31
صفحة
من اثنتي عشرة إلى ثماني عشرة قطعة في الموسم، تُفصَّل بكميات صغيرة. قمصان ذات بنية، وبناطيل واسعة، ومعطف واحد. بلا تخفيضات وبلا دوران موسمي.
المطلوب
لا يوجد متجر إلكتروني، ولا ينبغي أن يوجد. الزبونة تعرف مقاسها سلفًا؛ ما تريد معرفته هو القماش والقَصّة وهل ما زالت القطعة موجودة. على الموقع أن يخلق الرغبة ثم يدلّها على الباب.
ما بنيناه
ورق الباترون الرمادي أرضيةً للصفحة، وطباشير الخيّاط للأسطح البارزة، وبرتقالي حارّ واحد فقط مخصّص لشيء وحيد: ما المقاسات المتوفرة فعلًا. إحدى وثلاثون صفحة — صفحة لكل قطعة، وأخرى لكل قماش، إضافة إلى المتجر والتفصيل وطلب القياس.
التفصيلة التي تؤدي العمل
المجموعة معلّقة على قضيب: تمرير أفقي مع سطر تعريف واحد ثابت يسمّي القطعة التي في المنتصف.
المُمرِّرات الأفقية سيّئة عادةً على الويب — تخطف عجلة الفأرة، وتكسر التنقّل بلوحة المفاتيح، وتختفي عن محركات البحث. هذا واحد مبنيّ كما ينبغي، وبناؤه كما ينبغي هو البرهان بعينه. التقاط CSS أصلي، وبلا خطف للتمرير. أسهم لوحة المفاتيح تنقلك بين القطع، ومفتاح التنقّل يمرّ عليها بالترتيب ويجلب كلًّا منها إلى الشاشة. قارئات الشاشة تحصل على قائمة معنونة ومنطقة حيّة تعلن القطعة التي في المنتصف. ومن دون جافاسكربت تظل قائمة قابلة للقراءة. وعلى الهاتف تتحول إلى كومة رأسية، لأن التمرير الأفقي على الهاتف يصارع إيماءة الرجوع في المتصفح.
المخزون يُعرض بصدق — مربع ممتلئ للمقاس المتاح، ومربع مفرَّغ لغير المتاح. ولا يُخفى نفاد المقاس أبدًا.