كيف بنينا أداة سحب وإفلات لبناء الخرائط بدون برمجة

400 مستخدم في أول 3 شهور

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

390 ألف ريال/شهرتجارة إلكترونية
الموقع
nocodemapapp.com

كيف بنينا أداة سهلة لصنع خرائط تفاعلية بدون برمجة [400 مستخدم في أول 3 شهور]

عرف عن نفسك وعن البزنس

أهلاً أنا نان وأنا مؤسسة No Code Map App أداة بدون برمجة تساعدك تصنع خرائط تفاعلية مخصصة مع فلاتر ديناميكية. الهدف منها أن تقدر أي شركة تبني خريطة احترافية مثل اللي تقدمها الوكالات بدون الشيء للكود

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

أطلقنا الخدمة قبل 3 شهور وبدأنا نربح في نهاية مارس. أبريل كان أول شهر كامل نقبض فيه وربحت أكثر من 2 ألف ريال

عرف عن نفسك وعن الفكرة

عملت في مجال البنوك الاستثمارية لمدة 10 سنين، كنت أقدم استشارات للعملاء في شراء أو بيع شركاتهم أو أصولهم. بعد ما تعاملت مع كثير من الشركات ورجال الأعمال، حسيت أني أبغى أبني شيء خاص بي. أحب السفر أيضًا، وذهبت لأكثر من 60 دولة (حظ وافر).

فقررت أترك المجال المالي، وجمعت مع شركائي الأوائل وبعض الأصدقاء رأس المال الأولي عشان نبدأ Pebblar (اللي ما زالت التطبيق رقم واحد في التخطيط للرحلات الجماعية على جوجل). بس بعدين جا كورونا، ومن فبراير إلى إبريل 2020 خسرنا تقريبًا 80% من زوار الموقع. استمرينا بالعمل وركّزنا على تقليل التكاليف. الحمدلله صار المشروع مستدام ذاتيًا.

الشي المميز في Pebblar هو إن واجهته كلها مبنية على الخرائط، والمستخدمين أحبوا هالشيء. جعلنا ندرك أهمية إن الناس يقدرون يشوفوا أماكنهم بطريقة مرئية. بعد وصلتنا كثير طلبات من شركات تسأل إذا في إمكانية إعادة استخدام واجهة الخرائط الخاصة بنا لمجموعات بياناتهم. من هنا جت الفكرة لـ No Code Map App منصة بدون برمجة تسمح لأي أحد يبني خرائط تفاعلية مخصصة بس يرفع جدول بياناته.

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

  • ما يقدرون يبنون فلاتر ديناميكية (اللي تلاقيها في الخرائط المصممة خصيصًا)
  • ما يقدمو تخصيصات في الشكل والمظهر، واللي ضرورية عشان الخريطة تندمج مع باقي الموقع والهوية البصرية
  • بعد ما عملنا مع واجهات برمجة جوجل للخرائط لأكثر من 3 سنين، صرنا نعرف كيف نبني واجهات مخصصة حول واجهات الخرائط. فتمكنا نبني النسخة الأولية خلال أقل من شهرين. أطلقنا رسميًا في 31 يناير، والثلاث شهور الماضية ركزنا على زيادة عدد المستخدمين والربح

    كيف صممت وبرمجت أول منتج؟

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

    بعد ما خلصنا البحث، حددنا بضعة مبادئ أساسية

  • بسيط وواضح جدًا – نعرف إن الناس يفكرون بخطوات حين يبنون شيء، فقسمنا المنشئ لثلاثة أقسام (أو خطوات): 1 القالب، 2 البيانات، 3 التخصيص. نعم، حطينا 1، 2، 3 عشان يكون واضح وسهل
  • أكبر قدر ممكن من الأتمتة عشان يكون سهل – الناس يحسون بالإنجاز حين يبنون شيء، ويزيد الشعور إذا تم بسرعة وبدون مجهود. فحاولنا نأتمت كل شيء نقدر عليه. يعني نقدر نعالج البيانات بشكل جماعي ونحولها لخرائط جاهزة مع فلاتر تُنشأ تلقائيًا حسب أعمدة البيانات. بدون إدخال يدوي، بدون سحب وإفلات
  • التخصيص – بالإضافة إلى معالجة أي نوع من البيانات، من المهم للمستخدمين إنهم يقدرون يغيروا الشكل حسب أسلوبهم وهويتهم
  • هدفنا العام هو تمكين الشركات من إنشاء خرائط بجودة وكالة متخصصة، تحس أنها مبنية خصيصًا، بس بدون التكلفة والوقت الكبيرين للتطوير

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

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

  • قالبين عامين
  • طريقة واحدة لاستيراد البيانات
  • بضعة خيارات للتخصيص
  • وصف عملية إطلاق البزنس

    في البداية، اخترنا اسم يوضح شنو نعمل بوضوح: No Code Map App. كل يوم تطلع تطبيقات جديدة، وفكرة إن الناس يفهمون ويذكرون شنو تقدم مهم بحد ذاته. ويا ليت، ما كنا ندري إن الاسم ساعدنا في تحسين الظهور في جوجل

    قلنا نلتزم بصرامة في إيش نضيف ووش نضيفه عشان ما نضيع تركيزنا ولا نشتت أنفسنا

    قلنا نلتزم بصرامة في إيش نضيف ووش نضيفه عشان ما نضيع تركيزنا ولا نشتت أنفسنا

    بعدين بدأت التسويق بمجرد ما شريكنا بدأ البرمجة

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

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

    من بعد الإطلاق، وشنو نجح في جذب العملاء واحتفاظهم

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

    أعتقد السبب اللي يجذب الناس لمنصتنا هو إن اللي جربوا يبنون خرائط مخصصة قبل يعرفون قد شن تعب وصعوبة

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

    كيف حالك اليوم ويشكل مستقبلك؟

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

    نركز كثير على اقتصاديات الوحدة. نستخدم كثير من Google Maps API، وأكبر تكلفة متغيرة علينا هي رسوم تحميل الخريطة اللي ندفعها لجوجل كل مرة تحمل فيها خريطة. بسبب هذا نفرض تكلفة 1 سنت لكل مشاهدة خريطة. مو مثالي، ويطلب منا الناس تفسير دايم، بس التزامات الدفع كثيرة علينا

    ما تكثر التفكير! انزل بأسرع وقت بإصدار بسيط لكنه شغال، وخلي المستخدمين يوجهونك في وش الميزات اللي يبغونها

    ما تكثر التفكير! انزل بأسرع وقت بإصدار بسيط لكنه شغال، وخلي المستخدمين يوجهونك في وش الميزات اللي يبغونها

    صرنا نفهم إن الأتمتة مهمة جداً لمستخدمي الأعمال، فتركيزنا القريب هو إضافة تكاملات مع أطراف ثالثة. طرحنا مؤخراً تكامل Google Sheets، ونعمل الآن على تكامل Webflow CSM و Airtable. الهدف تسهيل إعداد وتحديث خريطتك

    من واقع تأسيسك للبزنس، هل تعلمت شي مفيد أو مفيد بشكل خاص؟

    هذي شراكتي الثانية، فاستفدت كثير من الدروس اللي خذتها من المشروع السابق وطبّقتها هنا

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

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

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

    ما تستمع لكل شي يطلبه المستخدمين. الناس دايم تطلب لأنها تقدر. قلنا نحن نحتاج نكون منضبטים في وش نضيف ووش نركز عليه، عشان ما نضيع تركيزنا أو نتفرق كثير

    اي الادوات اللي تستخدمها في البزنس

    منصتنا نفسها مبنية على Firebase و Google Maps APIs. أنا مؤسس ما تقني فأشتغل على التسويق والتواصل مع المستخدمين. صممت صفحة الهبوط والمدونة باستخدام WIX لأنني وجدتها سهلة الاستخدام. ومعظم تسويقي أركزه على تويتر. تويتر فيه مجتمع رهيب لأدوات no code و SaaS بشكل عام

    اي الكتب أو البودكاست أو المصادر اللي اثرت فيك

    هذا ممكن يكون مختلف شوي عن غيري، بحب أقرأ عن الأيام الأولى لشركات SaaS ناجحة، خصوصا في مجال no code. البداية غالبًا أصعب جزء، فكذلك أكون فضول أعرف كيف بدأت وشتعلموا. من القصص المفيدة Notion و Canva و Zapier و Typeform

    نصيحة للي يبغون يبدأون أو بدأوا للتو؟

  • ما تكثر التفكير! ابدأ بأسرع وقت بإصدار بسيط لكن شغال، وخلي المستخدمين يوجهونك حول وش يلزم من ميزات
  • افهم وش يبغون المستخدمون يدفعون عليه، وحطه تدريجيًا وضمّره في فئات سعر أعلى
  • افهم اقتصاديات وحدتك عشان تعرف إذا المشروع مستدام