الملخّص.
القهوة المختصّة في مصر تعاني مشكلة اكتشاف. العملاء يعرفون أنّهم يحبّون القهوة، لكنّهم لا يعرفون أنّهم يحبّون قهوة كولومبيا هويلا المغسولة، بقوام شوكولاتة الحليب وعلامة جودة 86. فيرتدّون. أرادت C-Town واجهة متجر تلتقي بالمبتدئ حيث هو، وتأخذه إلى الكيس الصحيح دون باريستا في الغرفة.
ما الذي شحّناه.
The 12-question Coffee Profile quiz.
قسم Liquid كامل، لا تطبيق. اثنا عشر سؤالاً تتراوح من "كيف تبدأ صباحك عادةً؟" إلى طريقة التحضير، تحمّل الحموضة، تفضيل القوام، الحلاوة، استخدام الحليب، درجة التحميص، وسؤالَين عن أسلوب الحياة لكسر التعادل. التدفّق ينتهي بأحد أربعة نماذج — كلّ منها مرتبط بمجموعة منتقاة من منتجات C-Town الفعلية. التقاط البريد مربوط بخطوة النتيجة، فيُرسَل الاقتراح للعميل (ويُسترجَع إن ارتدّ).
A product page that respects specialty coffee.
كلّ صفحة منتج تُظهر ما يبحث عنه شاربو القهوة المختصّة فعلاً: مذاقات (تفاح أخضر · شوكولاتة الحليب · كراميل)، مقياس حموضة من A إلى E مع تمييز الموضع، درجة التحميص بأيقونات حبّات قهوة، وعلامة جودة بشريط تقدّم. خياران للوزن (250 غم، كيلو واحد). شريط "قد يعجبك أيضاً" يجلب أصولاً ذات صلة فعلية، لا ضوضاء كتالوج عشوائية.
Services, Academy, Bundles.
صفحة الخدمات لجانب B2B — برامج المقاهي والفنادق والمكاتب. الأكاديمية كسطح محتوى لأدلّة التحضير. الباقات كمنتجات متعدّدة الأكياس منتقاة بمستوى خصم. كلّ واحدة منها قسم Liquid مستقلّ، تقوده metafields، يُحرَّر دون تطوير.
The footer that respects the brand.
تذييل أسود، شعار نصّي أبيض، خطّ ساخن 17125، علامات وسائل الدفع، الحزمة كلّها. النبرة تحافظ على نفسها من البداية للنهاية.
ما تحت السطح.
The same Shopify Liquid color rule we apply on every build: never use Liquid filters to compose rgba or gradient values — Shopify's CSS sanitization eats them. Pass raw hex via data-* attributes, convert in JS, apply via element.style. Boring, reliable, ships every time.
