AI के साथ CRM कैसे बनाएं

एक साधारण CRM को सही बनाना आसान होता है अगर आप एक साथ हर sales process को model करने की कोशिश न करें। उस minimum से शुरू करें जो team को relationships और next steps track करने दे।

पहले version के लिए, define करें:

• Users: सिर्फ आप, या एक छोटा internal team
• Core records: contacts, companies, deals
• Actions: create, edit, search, filter, notes जोड़ना
• Views: dashboard, contacts, companies, deals, contact detail

लिखें कि हर screen क्या करेगी।

एक practical first set of screens कुछ इस तरह दिखती है:

• Dashboard: contacts, open deals, और इस महीने close होने वाली deals के totals
• Contacts: name, company, email, phone, status, next follow-up date के साथ table
• Companies: industry और owner के साथ companies की list
• Deals: stage और value के साथ pipeline-style list या simple table
• Record detail: notes, recent activity, और related company या deal

यह भी तय करें कि version one में क्या शामिल नहीं होना चाहिए। Common examples हैं email sync, calendar sync, role permissions, import tools, और कुछ summary cards से आगे की reporting।

AI interface का एक अच्छा first pass लिख सकती है, लेकिन अगर शुरुआत से data structure clear हो, तो app को improve करना आसान हो जाता है।

एक lightweight CRM के लिए schema को simple रखें:

• contacts: id, first_name, last_name, email, phone, company_id, status, next_follow_up, notes
• companies: id, name, industry, website, owner, notes
• deals: id, name, company_id, contact_id, stage, value, expected_close_date, notes

अगर CRM को एक से अधिक लोग use करेंगे, तो sign-in जोड़ें और created_by या assigned_to जैसे ownership fields पर विचार करें।

अगर CRM सिर्फ internal use के लिए है और customers से payment नहीं लेता, तो आपको शायद payments की जरूरत नहीं है। Stripe तभी मायने रखता है जब आपके CRM को खुद paid access, invoices, या checkout flow चाहिए।

यही वह point है जहाँ web या mobile first चुनना चाहिए। अधिकांश CRM काम desktop पर review करना आसान होता है, इसलिए website sensible starting point है। Moremade में websites real React + Tailwind code के रूप में generate होती हैं।

पहला prompt product, main screens, style, और behaviour को describe करना चाहिए। इतना specific रहें कि generated app में structure हो, लेकिन इतना भी नहीं कि prompt लिखने में testing से ज्यादा समय लगे।

एक अच्छे first prompt में ये शामिल होते हैं:

• app type
• इसे कौन use करेगा
• main entities
• screens
• दिखाए जाने वाले fields
• visual style
• पहले mock data use करना है या तुरंत real data जोड़ना है

Example first prompt:

एक छोटे sales team के लिए simple internal CRM web app बनाएं। left sidebar और top search bar के साथ clean, professional layout इस्तेमाल करें। Dashboard, Contacts, Companies, Deals, और Contact Detail view के लिए screens बनाएं। पहले mock data use करें। Contacts में name, company, email, phone, status, और next follow-up date शामिल हों। Companies में name, industry, website, और owner शामिल हों। Deals में name, company, contact, stage, value, और expected close date शामिल हों। Records create और edit करने के लिए forms जोड़ें, साथ में search और filter controls भी। React और Tailwind का उपयोग करते हुए practical business UI बनाएं।

Moremade में आप app को plain language में describe करते हैं, AI agent source code लिखता है, और आप तुरंत एक live preview देख सकते हैं।

पहला version आमतौर पर draft होता है, final shape नहीं। उपयोगी आदत यह है कि एक बार में सिर्फ एक area बदलें: layout, table columns, forms, navigation, या record detail।

Moremade आपको live preview, elements पर point करके बदलने के लिए visual inspector, और code view देता है। इससे पूरे brief को फिर से लिखे बिना UI को tighten करना आसान हो जाता है।

छोटे, specific follow-up prompts इस्तेमाल करें। उदाहरण के लिए:

• "Contacts screen को sortable columns के साथ अधिक dense table layout में बदलें: name, company, status, और next follow-up date। edit और view के लिए row actions रखें।"
• "किसी contact row पर क्लिक करने पर detail drawer जोड़ें। notes, related company, related deals, और recent activity timeline mock entries के साथ दिखाएं।"
• "Deals page को kanban board बनाएं जिसमें Lead, Qualified, Proposal, Negotiation, और Won columns हों। जो users list view पसंद करते हैं उनके लिए table toggle रखें।"

इस stage में कुछ practical checks:

• क्या सभी screens में labels consistent हैं?
• क्या create और edit forms same field names use कर रहे हैं?
• क्या आप person और company दोनों से search कर सकते हैं?
• क्या महत्वपूर्ण जानकारी हर record खोलने के बिना दिख रही है?
• क्या app marketing site की बजाय internal tool जैसी लगती है?

अगर किसी एक component में problem है, तो पूरे rebuild की मांग करने के बजाय उसी specific correction के लिए कहें।

जब mock-data version सही लगे, तब real data connect करें। Moremade में Supabase के लिए built-in connector है, जो database, sign-in, और file storage cover करता है।

अधिकांश CRMs के लिए Supabase next logical step है, क्योंकि आपको persistent records और आमतौर पर authentication का कोई न कोई form चाहिए होता है।

इस stage पर ये मांगें:

• contacts, companies, और deals के लिए Supabase tables
• create और update records के लिए wired forms
• data fetch करने के लिए list pages
• basic sign-in अगर इसे एक से अधिक लोग use करेंगे
• record relationships, जैसे contact का किसी company से belong करना

पहला auth setup simple रखें। Internal CRM के लिए email/password अक्सर काफी होता है।

Stripe सिर्फ तभी जोड़ें जब आपके app को सच में payments की जरूरत हो। Internal CRM को आमतौर पर इसकी जरूरत नहीं होती। अगर आप client-facing CRM या paid portal बना रहे हैं, तो Moremade आपके set किए हुए prices के साथ Stripe checkout connect कर सकता है, लेकिन जब तक कोई clear requirement न हो, इसे default build का हिस्सा नहीं होना चाहिए।

भले ही main experience desktop पर हो, लोग फिर भी CRM को फोन पर खोलेंगे—number देखने, deal update करने, या meeting के बाद note जोड़ने के लिए।

Preview में कुछ realistic tasks चलाएं:

• नया contact जोड़ें
• किसी company को search करें
• deal stage अपडेट करें
• next follow-up date edit करें
• record detail page खोलकर notes जोड़ें

Mobile पर, basics पर ध्यान दें:

• navigation तक पहुँचना आसान हो
• tables unreadable न हो जाएँ
• key actions जहाँ संभव हो horizontal scrolling के बिना दिखें
• forms touch inputs के साथ usable हों
• date fields और dropdowns tap करने में आसान हों

अगर mobile बहुत महत्वपूर्ण है, तो AI से small screens के लिए layout adapt करने को कहें। अगर बाद में dedicated mobile app चाहिए, तो Moremade React Native (Expo) apps generate कर सकता है, लेकिन कई teams को पहले CRM को web app के रूप में validate करना चाहिए।

जब app usable हो जाए, उसे publish करें। Moremade एक click में free yourname.moremade.ai subdomain पर publish कर सकता है। Paid plans पर, आप custom domain connect कर सकते हैं, और domains Moremade के अंदर से भी खरीदे जा सकते हैं।

Publish करने से पहले check करें:

• page titles और navigation labels
• जब contacts या deals न हों तो empty states
• forms पर error states
• क्या test data अभी भी visible है
• क्या private data के लिए sign-in required है

Common mistakes जिनसे बचना चाहिए:

• बहुत बड़ा शुरू करना: teams अक्सर first pass में pipelines, reports, permissions, imports, और automation मांग लेते हैं। पहले clean core बनाएं।
• Data model छोड़ देना: अगर contacts और companies clearly defined नहीं हैं, तो UI जल्दी inconsistent हो जाती है।
• Vague prompts इस्तेमाल करना: "make it better" जैसे phrases, exact screen और change बताने से कमजोर results देते हैं।
• बिना वजह payments जोड़ना: जरूरत होने पर Stripe उपयोगी है, लेकिन कई CRMs को इसकी जरूरत नहीं होती।
• Mock data को गलती से publish कर देना: app internal share करने से पहले real Supabase data पर switch करें।

आप किसी भी समय full source code को ZIP के रूप में export कर सकते हैं या GitHub पर push कर सकते हैं, इसलिए आप app को केवल Moremade hosting तक सीमित नहीं रहते।