اسحب للاستكشاف. مرّر أو استخدم إصبعين للتكبير. افتح المساعدة لعرض اختصارات لوحة المفاتيح.

Yan
متاح
للمشاريع
لنتحدث
Yan Fontão Boring view
All work

Case 005منصة تجارة وتصميم المنتجات

MeuCommerce

منصة تجارة للبائعين الذين يتمون طلباتهم عبر WhatsApp. أما Selsa Select، وهو أول متجر على المنصة وشريكها في التصميم، فيربط كتالوجا يمكن تصفحه ومنتجات محفوظة وسلة تسوق بمحادثة منظمة مع البائع.

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

01

مساهمتي

كانت نقطة الانطلاق بائعا حقيقيا يدير المنتجات والأسعار والمبيعات عبر دفتر وعبر WhatsApp. وكان على المنتج أن يمنح هذا النشاط كتالوجا قابلا للبحث ورحلة شراء متماسكة، مع الإبقاء على المحادثة التي يجري فيها الاتفاق على الطلبات.

طورت استراتيجية المنتج وتجربة المستخدم وواجهته والتنفيذ. MeuCommerce هي المنصة، أما Selsa Select فهو المتجر المعروض في هذه الدراسة. وتعود ملكية بضائعه وتصاميم منتجاته المرئية إلى العلامات التجارية والموردين المعنيين.

لوحة تحكم البائع: المؤشرات والرسم البياني للإيرادات ومعدل تحويل المتجر والتنبيهات والاختصارات، مع إخفاء القيم.
لوحة تحكم البائع، لقطة من المنتج. الأسماء والقيم مخفية.

02

ربط عمل البائع بواجهة المتجر

تفصل المنصة إدارة البائع عن المتجر الموجه إلى العملاء. وتغذي معلومات المنتجات والشروط التجارية كتالوجا عاما يمكن مشاركته برابط.

تفتح لوحة التحكم على يوم البائع: العملاء والطلبات والإيرادات والنمو ومعدل تحويل المتجر وتنبيهات المخزون المنخفض وأحدث الطلبات واختصارات لإضافة منتج أو مشاركة المتجر.

يجمع Selsa Select عدة فئات من البضائع في واجهة متجر واحدة. ويمنح البحث وبطاقات المنتجات والمفضلة والعناصر المشاهدة مؤخرا العملاء طرقا للعثور على منتج ومقارنته والعودة إليه لاحقا. ويحافظ كل مسار على سياق المتجر ما دام الشخص يتجه نحو الشراء.

محدد القوالب داخل لوحة التحكم، مع ثمانية قوالب لواجهة المتجر للاختيار من بينها.
يختار البائع قالبا من لوحة التحكم.

03

تغيير المظهر مع بقاء المتجر

المتجر غير مرتبط بمظهر واحد. في لوحة التحكم يختار البائع بين ثمانية قوالب لواجهة المتجر، ويغير كل منها التكوين والخطوط والبطاقات والألوان والإيقاع في كل شاشة يراها العميل. وتبقى المنتجات والطلبات والشعار كما هي.

تفتح صفحة مقارنة كل اتجاه بالكامل، من كتالوج بسيط هادئ إلى سوق إلكتروني كثيف المحتوى، فيقرر البائع بالنظر إلى متجره نفسه ويمكنه التبديل مجددا لاحقا.

المتجر نفسه في ثمانية قوالب لواجهة المتجر.
متجر واحد وثمانية قوالب. المنتجات تبقى كما هي.

04

إبقاء الشروط مع المنتج

يجب أن تحمل بطاقة المنتج أكثر من صورة واسم. ويحتاج السعر الحالي والسعر السابق والخصومات والدفع عبر Pix والأقساط إلى تسلسل هرمي مقروء يعمل أيضا حين يغيب بعض هذه الشروط.

يجمع التحسين الخاص بالهاتف المحمول الشروط المتاحة بجوار صورة المنتج ويزيل المساحة الفارغة المحجوزة للحقول الناقصة. ويستخدم قسم العناصر المشاهدة مؤخرا خلفية متصلة بصفوف منفصلة، مع ترك مساحة لزر المفضلة وزر WhatsApp العائم.

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

05

تحويل السلة إلى محادثة مفيدة

تتيح السلة للعميل تغيير الكميات وحذف العناصر وتطبيق قسيمة خصم قبل مراجعة الملخص. ويعيد الخادم حساب عرض السعر لتشترك الشروط المعروضة ورسالة الطلب المولدة في المصدر نفسه.

تجهز خطوة إتمام الطلب رسالة WhatsApp منظمة تتضمن العناصر المختارة وملخص الطلب. ويستطيع البائع متابعة المحادثة والطلب منظم بالفعل. ويجري الاتفاق على الدفع خارج المنصة، ولذلك تبقي الواجهة هذا الانتقال واضحا.

سلة التسوق على الهاتف المحمول في Selsa Select ضمن MeuCommerce.
واجهة متجر Selsa Select بعد تنفيذها على MeuCommerce.
المسار نفسه في متصفح بحجم الهاتف، بالتفاعل باللمس. جرى التسجيل في نافذة عرض محاكية، وليس على جهاز. لقطة فعلية من فحص الجودة على النسخة المحلية من المنتج. الأسعار الظاهرة مأخوذة من كتالوج المتجر؛ ولا يظهر أي حساب مالي شخصي. لقطة فعلية من فحص الجودة على النسخة المحلية لواجهة المتجر بعد تنفيذها. صور المنتجات ملك للعلامات التجارية المعنية.

06

دعم اللحظات المحيطة بإتمام الطلب

تمد المنتجات المحفوظة والطلبات وعناصر التحكم في الحساب التجربة إلى ما بعد سلة واحدة. وتعيد الحالات الفارغة المستخدم إلى المتجر؛ أما التحميل وأخطاء القسيمة والجلسات المنتهية فتحتاج كل منها إلى استجابة خاصة بها بدل أن يبدو الأمر نجاحا.

يشمل عمل التنفيذ تحسينات متجاوبة وفحوصا مسجلة لواجهة المتجر والسلة على سطح المكتب والهاتف المحمول. وتعرض الدراسة الشاشات الناتجة وقرارات التفاعل فيها؛ ولا تزعم زيادة مقيسة في المبيعات أو في معدل التحويل.

000

التعليمات

Yan Fontão
لمسة
تفتح شاشة
نقرة
تفتح شاشة
سحب
يتجوّل في اللوحة
العجلة
الفأرة تكبّر، ولوحة اللمس تحرّك، وإصبعان يكبّران
− +
تراجع لرؤية اللوحة كاملة، أو اقترب
الأسهم
في دراسة الحالة: ↑↓ لتبديل الدراسة، ←→ لتبديل الوسائط. في اللوحة: للتحريك
مسافة
تفتح أو تعود
Enter
يفتح
Esc Backspace
رجوع
Home
العودة إلى الوسط، ثم إلى المقدمة
PgUp PgDn
القناة السابقة أو التالية
Tab
يتنقل بين المشاريع والروابط
R
مشروع عشوائي
0–9
اكتب رقم القناة، 1–61
?
هذه الصفحة
الاختصارات

موسيقى اللوحة

الملفات مضغوطة وموحّدة الصوت للويب.

متاح
للمشاريع
لنتحدث

رسالة جديدة إلى يان

أخبرني من أنت وسأرد عليك.

000

عن يان

مرحبًا، أنا يان

مصمم منتجات/ مهندس تصميم

معظم المنتجات تفقد شيئًا بين التصميم والبرمجة. منتجاتي لا: أبحث في المشكلة، وأصمم المنتج، وأطلق الواجهة بنفسي، فما توافق عليه هو بالضبط ما يحصل عليه مستخدموك.

  • 2018بداية تطوير البرمجيات
  • UI + codeالتصميم والتنفيذ

عملت مع Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

البرازيل · عن بُعد أو هجين أو حضوريًا

صورة يان فونتاو جالسًا بسترة خضراء ونظارة ويمسك ميكروفونًا.
متاح
للمشاريع
لنتحدث
متاح
للمشاريع
لنتحدث
000

قناة مقفلة

بموجب اتفاقية عدم إفصاح

أدخل الرمز

اطلب الرمز من يان ↗
متاح
للمشاريع
لنتحدث
YAN FONTÃO دراسات الحالة

القناة 05 منصة تجارة وتصميم المنتجات

MeuCommerce

منصة تجارة للبائعين الذين يتمون طلباتهم عبر WhatsApp. أما Selsa Select، وهو أول متجر على المنصة وشريكها في التصميم، فيربط كتالوجا يمكن تصفحه ومنتجات محفوظة وسلة تسوق بمحادثة منظمة مع البائع.

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

من كتالوج مشترك إلى طلب عبر WhatsApp

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

مساهمتي

كانت نقطة الانطلاق بائعا حقيقيا يدير المنتجات والأسعار والمبيعات عبر دفتر وعبر WhatsApp. وكان على المنتج أن يمنح هذا النشاط كتالوجا قابلا للبحث ورحلة شراء متماسكة، مع الإبقاء على المحادثة التي يجري فيها الاتفاق على الطلبات.

طورت استراتيجية المنتج وتجربة المستخدم وواجهته والتنفيذ. MeuCommerce هي المنصة، أما Selsa Select فهو المتجر المعروض في هذه الدراسة. وتعود ملكية بضائعه وتصاميم منتجاته المرئية إلى العلامات التجارية والموردين المعنيين.

لوحة تحكم البائع: المؤشرات والرسم البياني للإيرادات ومعدل تحويل المتجر والتنبيهات والاختصارات، مع إخفاء القيم.
لوحة تحكم البائع، لقطة من المنتج. الأسماء والقيم مخفية.

ربط عمل البائع بواجهة المتجر

تفصل المنصة إدارة البائع عن المتجر الموجه إلى العملاء. وتغذي معلومات المنتجات والشروط التجارية كتالوجا عاما يمكن مشاركته برابط.

تفتح لوحة التحكم على يوم البائع: العملاء والطلبات والإيرادات والنمو ومعدل تحويل المتجر وتنبيهات المخزون المنخفض وأحدث الطلبات واختصارات لإضافة منتج أو مشاركة المتجر.

يجمع Selsa Select عدة فئات من البضائع في واجهة متجر واحدة. ويمنح البحث وبطاقات المنتجات والمفضلة والعناصر المشاهدة مؤخرا العملاء طرقا للعثور على منتج ومقارنته والعودة إليه لاحقا. ويحافظ كل مسار على سياق المتجر ما دام الشخص يتجه نحو الشراء.

محدد القوالب داخل لوحة التحكم، مع ثمانية قوالب لواجهة المتجر للاختيار من بينها.
يختار البائع قالبا من لوحة التحكم.
المتجر نفسه في ثمانية قوالب لواجهة المتجر.
متجر واحد وثمانية قوالب. المنتجات تبقى كما هي.

تغيير المظهر مع بقاء المتجر

المتجر غير مرتبط بمظهر واحد. في لوحة التحكم يختار البائع بين ثمانية قوالب لواجهة المتجر، ويغير كل منها التكوين والخطوط والبطاقات والألوان والإيقاع في كل شاشة يراها العميل. وتبقى المنتجات والطلبات والشعار كما هي.

تفتح صفحة مقارنة كل اتجاه بالكامل، من كتالوج بسيط هادئ إلى سوق إلكتروني كثيف المحتوى، فيقرر البائع بالنظر إلى متجره نفسه ويمكنه التبديل مجددا لاحقا.

المسار نفسه في متصفح بحجم الهاتف، بالتفاعل باللمس. جرى التسجيل في نافذة عرض محاكية، وليس على جهاز.
مسجل على متجر منشور، بحالات التحميل الحقيقية فيه. ينتهي عند السلة؛ ولم يجر تقديم أي طلب. صور المنتجات والعلامات التجارية ملك لأصحابها.

إبقاء الشروط مع المنتج

يجب أن تحمل بطاقة المنتج أكثر من صورة واسم. ويحتاج السعر الحالي والسعر السابق والخصومات والدفع عبر Pix والأقساط إلى تسلسل هرمي مقروء يعمل أيضا حين يغيب بعض هذه الشروط.

يجمع التحسين الخاص بالهاتف المحمول الشروط المتاحة بجوار صورة المنتج ويزيل المساحة الفارغة المحجوزة للحقول الناقصة. ويستخدم قسم العناصر المشاهدة مؤخرا خلفية متصلة بصفوف منفصلة، مع ترك مساحة لزر المفضلة وزر WhatsApp العائم.

سلة التسوق على الهاتف المحمول في Selsa Select ضمن MeuCommerce.
لقطة فعلية من فحص الجودة على النسخة المحلية من المنتج. الأسعار الظاهرة مأخوذة من كتالوج المتجر؛ ولا يظهر أي حساب مالي شخصي.

تحويل السلة إلى محادثة مفيدة

تتيح السلة للعميل تغيير الكميات وحذف العناصر وتطبيق قسيمة خصم قبل مراجعة الملخص. ويعيد الخادم حساب عرض السعر لتشترك الشروط المعروضة ورسالة الطلب المولدة في المصدر نفسه.

تجهز خطوة إتمام الطلب رسالة WhatsApp منظمة تتضمن العناصر المختارة وملخص الطلب. ويستطيع البائع متابعة المحادثة والطلب منظم بالفعل. ويجري الاتفاق على الدفع خارج المنصة، ولذلك تبقي الواجهة هذا الانتقال واضحا.

واجهة متجر Selsa Select بعد تنفيذها على MeuCommerce.
لقطة فعلية من فحص الجودة على النسخة المحلية لواجهة المتجر بعد تنفيذها. صور المنتجات ملك للعلامات التجارية المعنية.

دعم اللحظات المحيطة بإتمام الطلب

تمد المنتجات المحفوظة والطلبات وعناصر التحكم في الحساب التجربة إلى ما بعد سلة واحدة. وتعيد الحالات الفارغة المستخدم إلى المتجر؛ أما التحميل وأخطاء القسيمة والجلسات المنتهية فتحتاج كل منها إلى استجابة خاصة بها بدل أن يبدو الأمر نجاحا.

يشمل عمل التنفيذ تحسينات متجاوبة وفحوصا مسجلة لواجهة المتجر والسلة على سطح المكتب والهاتف المحمول. وتعرض الدراسة الشاشات الناتجة وقرارات التفاعل فيها؛ ولا تزعم زيادة مقيسة في المبيعات أو في معدل التحويل.