كل الأعمال
GIVEN (ClarityChats)
أطعمة وقهوة · قهوة مختصّة

GIVEN (ClarityChats)

موقع تعريفي للمجموعة القابضة يقدّم GIVEN وعلامتها ClarityChats عبر ثلاثة أقسام — القهوة والتدريب وآلات التحميص Pratter — لمجموعة مقرّها إندونيسيا تخدم إندونيسيا ودول الخليج والمملكة المتحدة والولايات المتحدة.

علامة واحدة بثلاثة أقسام في موقع واحدمتعدّد اللغات من اليوم الأول (إنجليزي/إندونيسي، والعربية مخطّطة)التقاط العملاء عبر التواصل، دون تجارة إلكترونية
رسم تقني متساوي القياس لمعمارية GIVEN (ClarityChats)
المشكلة
لم يكن لدى GIVEN، وهي مجموعة مقرّها إندونيسيا تُشغّل علامة ClarityChats (التي وُلدت من قناة يوتيوب وتوسّعت لتشمل القهوة المختصّة وتدريب الباريستا وآلات التحميص Pratter)، موطن واحد على الويب. كانت قصة العلامة وأقسامها الثلاثة المتمايزة والاعتمادات التي يحتاجها عملاء الجملة والتدريب والتحميص مبعثرة. أرادت المجموعة إثبات حضورها والتقاط العملاء بسرعة — بمعزل متعمّد عن متجر إلكتروني مستقبلي يُعدّ مشروعاً منفصلاً.
المنهجية
شحنّا موقعاً تسويقياً سريعاً متعدّد اللغات (دون تجارة إلكترونية بحكم التصميم) يقدّم المجموعة في الصفحة الرئيسية ويمنح كل قسم من ClarityChats — القهوة والتدريب وPratter — صفحته الخاصّة بقصّته وأبرز نقاطه ودعوة واضحة لاتخاذ إجراء. يرتكز الموقع على شعار العلامة «حديث صافٍ، دردشة صافية على فنجان قهوة»، وتتخلّله قصّة المصدر من المزرعة إلى الفنجان (قهوة صُنعت بأيدي عشّاق من عُمان وإندونيسيا). بُني على Next.js 16 / React 19 بمسارات مُسبَّقة باللغة (الإنجليزية والإندونيسية فعّالتان، والعربية مخطّطة للخليج)، وتؤدّي كل مسارات التحويل إلى نموذج تواصل واحد لطلبات الجملة والتدريب والتحميص.
النتيجة
موقع نظيف من سبع صفحات (الرئيسية، من نحن، ClarityChats، القهوة، التدريب، Pratter، التواصل) يقدّم GIVEN كمجموعة واحدة متماسكة بثلاثة أقسام موثوقة، ويمنح كل جمهور وسيلة مباشرة للتواصل. الأساس ثنائي اللغة والبنية القائمة على الأقسام جاهزان للتوسّع — بإضافة العربية للخليج والربط بمتجر القهوة الإلكتروني المخطّط — دون إعادة هندسة.
من داخل المنتج
لقطة شاشة من منتج GIVEN (ClarityChats)
لقطة شاشة من منتج GIVEN (ClarityChats)
نطاق الارتباط
  • صفحة رئيسية للمجموعة القابضة تقدّم GIVEN وأقسام ClarityChats الثلاثة
  • صفحات مخصّصة للقهوة والتدريب وآلات التحميص Pratter
  • صفحة «من نحن» تحمل قصّة العلامة وأصلها من يوتيوب
  • مسارات متعدّدة اللغات مُسبَّقة باللغة (إنجليزي + إندونيسي؛ والعربية مخطّطة)
  • نموذج تواصل لالتقاط عملاء الجملة والتدريب والتحميص
  • تصميم متجاوب على shadcn/Radix UI بلوحة العلامة الكريمي والأسود
Next.js 16React 19TypeScriptTailwind CSS v4shadcn/Radix UIVercel
زيارة الموقع