جارٍ التحميل...
الرئيسية / المشاريع / فيتاروت

فيتاروت

تصميم واجهات
تصميم واجهات

فيتاروت يبيع مكمّلات غذائية، ومتسوق المكمّلات يتردد لسبب محدد: يريد أن يعرف أن المنتج مرخّص، ويريد أن يعرف الجرعة الصحيحة بالضبط، قبل أن يشتري. أُعيد بناء المتجر حول الإجابة عن الاثنين مقدّماً — شارات الترخيص والاعتماد في المكان الذي تُحسم فيه الثقة فعلاً، لا مدفونة في تذييل الصفحة، ومعلومات الجرعة مكتوبة بلغة واضحة بجانب المنتج نفسه.

أُعيد بناء صفحة المنتج حول الفكرة نفسها: معلومات الجرعة والترخيص بجانب السعر، لا خلف تبويب، حتى لا يغادر المتسوق منتصف عملية الشراء ليتحقق. وبقية المتجر — الشبكة والفلاتر والسلة — رُسمت لتحمل الوضوح نفسه حتى صفحة الدفع.

شاهد على بيهانس
صفحة منتج متجر فيتاروت للمكمّلات الغذائية من تصميم آية الفقي
فيتاروت — معلومات الجرعة والترخيص بجانب السعر، لا خلف تبويب.
النتيجة

ما الذي يحققه التصميم

القرارات التي يقوم عليها هذا المشروع.

ثقة ظاهرة للعين

شارات الترخيص والجودة موضوعة حيث يبدأ التردد عادةً.

إجابات قبل الضغط

الجرعة وطريقة الاستخدام مكتوبة على الصفحة، لا مخبأة في تبويب آخر.

مبني ليطمئن

كل مكوّن في الصفحة مُصمم ليُنهي سؤال المشتري الأخير.

ماذا ستحصل عليه

ثقة مبنية داخل صفحة المنتج

ثلاث عناصر تتيح لمتسوق المكمّلات أن يشتري دون أن يغادر ليتحقق من شيء أولاً.

شارات الترخيص والاعتماد

توضع في المكان الذي تُحسم فيه الثقة فعلاً — بجانب المنتج لا في التذييل — فلا تعتمد المصداقية على أن يبحث عنها الزائر بنفسه.

وضوح الجرعة لا نشرة بيانات

مقدار الجرعة وتكرارها والغرض الفعلي منها مكتوبة بلغة واضحة بجانب السعر، فتجيب عن السؤال قبل أن يُطرح.

مكتبة مكوّنات لكل حالة

الشبكة والفلاتر والسلة تحمل الوضوح نفسه الذي تحمله صفحة المنتج، فلا تُبنى الثقة من جديد في كل شاشة.

كيف يسير العمل

أربع مراحل حول سؤال واحد

في كل مرحلة: ما الذي يحتاج متسوق متردد أن يراه قبل أن يثق بما يكفي ليشتري؟

البحث

أنظر إلى حيث يتردد متسوق المكمّلات فعلاً — الترخيص والجرعة والآثار الجانبية — وكيف تُخفي المتاجر المنافسة هذه المعلومة نفسها أو تُظهرها.

التخطيط

صفحة المنتج تُبنى حول المعلومات التي تحسم الثقة أولاً، فيكون لتفاصيل الترخيص والجرعة مكان حقيقي قبل أي تصميم بصري.

التصميم البصري

الشارات والخطوط والتخطيط تُضبط بحيث تُقرأ إشارات الثقة بنظرة واحدة، دون أن تتحول الصفحة إلى جدار من التنويهات.

التسليم

مجموعة الشاشات كاملة، وكل حالة تفاعلية، ومكتبة مكوّنات تُسلَّم معاً، فيصمد الوضوح عبر المتجر كله لا في صفحة المنتج وحدها.

نظرة سريعة

تفاصيل المشروع

التخصص
تصميم واجهات
نطاق العمل
تصميم الشاشات لسطح المكتب والموبايل بمحتوى حقيقي
المخرجات
مجموعة الشاشات كاملة، وكل حالة تفاعلية مرسومة، ومكتبة مكوّنات
الأدوات المستخدمة
فيجما · أدوبي إكس دي

تبيع منتجاً يحتاج المتسوق أن يثق به قبل الشراء؟ شاهد خدمة تصميم واجهات وتجربة المستخدم.

أسئلة

أسئلة قبل تصميم واجهة كهذه

لماذا شارات الترخيص بجانب المنتج لا في تذييل الصفحة؟
لأن هذا هو المكان الذي تُحسم فيه الثقة فعلاً. متسوق المكمّلات الذي يضطر للبحث عن دليل الترخيص هو متسوق بدأ يشك بالفعل — أُعيدت صفحة المنتج حول وضوح الجرعة والترخيص، حتى لا يغادر المتسوق في منتصف الشراء ليتحقق.
ألا يزيد وضع معلومات الجرعة في المقدمة من نص الصفحة فقط؟
فقط إذا كُتبت كنشرة بيانات. مقدار الجرعة وتكرارها والغرض الفعلي منها مكتوبة بلغة واضحة بجانب السعر، فتجيب الشارات والنص عن السؤال بنظرة واحدة بدل أن تتحول الصفحة إلى جدار من التنويهات.
هل يناسب هذا النهج القائم على الثقة منتجات أخرى منظّمة أو صحية؟
نعم — في أي مكان يتردد فيه المتسوق بشأن المصداقية أو الاستخدام الصحيح قبل الشراء، سواء كانت مكمّلات أو منتجات عناية فعّالة أو أجهزة طبية، فإظهار المعلومة الحاسمة مبكراً بدل تأخيرها هو الحل نفسه.

أعجبك ما رأيت؟

احكِ لي عن متجرك وسأريك كيف يمكن أن يبدو.

هل لديك فكرة متجر؟
لنتحدث على واتساب!