जिसे पाँच लोग तीन हफ़्तों में पूरा करते हैं, वह आप एक दोपहर में कर सकते हैं। बिना प्रोग्रामिंग के और बिना एक बार भी टर्मिनल खोले।
एक अच्छी कॉर्पोरेट वेबसाइट की कीमत €3,000 से €12,000 के बीच होती है। कोड की वजह से नहीं, बल्कि तीन हफ़्तों की मीटिंगों की वजह से। कल मैंने अपने सोफ़े से बैठकर एक बना ली, और मैं आपको पूरी प्रक्रिया बताने जा रहा हूँ, कदम-दर-कदम।
मैं आपको पूरी प्रक्रिया, कदम-दर-कदम बताऊँगा।
शुरू करने से पहले एक चेतावनी, क्योंकि इसको लेकर बहुत 'धुआँ' है।
यह 'लोगों को बेवकूफ बनाकर उनसे €5,000 वसूलने' के बारे में नहीं है।
यह इस तथ्य के बारे में है कि वेबसाइट का असली काम (यह तय करना कि वह क्या कहती है, किसके लिए है, और कैसी दिखती है) अब भी एक काम है। जो चीज़ गायब हो गई है वह है धीमा हिस्सा: लेआउट, दोहराव, डेवलपर का इंतज़ार, डिज़ाइनर का इंतज़ार, किसी के ईमेल का जवाब देने का इंतज़ार।
अगर आप वह हिस्सा अच्छे से करते हैं जो मायने रखता है, तो नतीजा किसी से कम नहीं होता। और अगर वह कम नहीं है, तो आप उसके पैसे लेते हैं।
हर किसी का सवाल: यह कहाँ होता है?
कई लोग सोचते हैं कि आपको टर्मिनल चाहिए, वह काली स्क्रीन जो धाक जमाती है। नहीं।
Claude के डेस्कटॉप ऐप में ऊपर तीन टैब हैं:
→ Chat, सामान्य बातचीत
→ Cowork, आपकी फ़ाइलों से जुड़े काम
→ Code, असली प्रोजेक्ट बनाने के लिए
Code टैब वही Claude Code एजेंट है, लेकिन एक इंटरफ़ेस के साथ। आप सामान्य अंग्रेज़ी में लिखते हैं और यह फ़ोल्डर बनाता है, फ़ाइलें बनाता है, और सब कुछ शुरू कर देता है।
इसे claude.com/download से डाउनलोड करें और अपने खाते से लॉग इन करें।
चेतावनी: पेड प्लान ज़रूरी है। फ्री प्लान के साथ, आधे घंटे में आपकी लिमिट खत्म हो जाएगी।
चरण 0: एक खाली फ़ोल्डर
कुछ भी माँगने से पहले, एक टिप जिसने मुझे दो बदसूरत वेबसाइटों से बचा लिया होता।
अपने कंप्यूटर पर एक नया, खाली फ़ोल्डर बनाएँ। सिर्फ़ इस वेबसाइट के लिए।
यह बेवकूफी भरा लगता है, लेकिन यही उस आम आफ़त से बचाता है: डेस्कटॉप पर इधर-उधर बिखरी फ़ाइलें, Claude का उन चीज़ों को छूना जिन्हें उसे नहीं छूना चाहिए, और आपका यह पता न चलना कि कौन सी चीज़ क्या है।
एक फ़ोल्डर, एक प्रोजेक्ट। Claude में, आप उस फ़ोल्डर को चुनते हैं और वह उसे छोड़ेगा नहीं।
चरण 1: ब्रांड फ़ाइल
यह वह कदम है जो लगभग कोई नहीं उठाता। और यही वह कदम है जो पूरा फ़र्क पैदा करता है।
अपने फ़ैसलों के साथ एक पेज का दस्तावेज़ लिखें, जिन्हें Claude को खुद से नहीं गढ़ना चाहिए।
छह लाइनें:
→ कौन आता है: "वेडिंग फ़ोटोग्राफ़र, €2,000 बजट"
→ आते ही उन्हें क्या महसूस हो: "महंगा, शांत, कम शोर"
→ एकमात्र क्रिया: "कॉल बुक करना"
→ फ़ॉन्ट: अधिकतम दो
→ रंग: तीन। बैकग्राउंड, टेक्स्ट, एक एक्सेंट रंग
→ वर्जित: वह सब जो आप किसी भी हालत में नहीं देखना चाहते
इस फ़ाइल के बिना, Claude खाली जगहों को खुद भर देता है। और उसका डिफ़ॉल्ट भराव €200 वाले टेम्पलेट जैसा होता है।
इस टेम्पलेट को कॉपी करें और जानकारी भरें :)
1BRAND: [नाम]2IDEAL CLIENT: [वे कौन हैं, वे क्या चाहते हैं, उनका बजट]3FEEL: [3 विशेषण, कोई भी अस्पष्ट नहीं]4SINGLE ACTION: [एकमात्र काम जो उन्हें करना है]5FONTS: [एक शीर्षकों के लिए, एक मुख्य टेक्स्ट के लिए]6COLORS: [बैकग्राउंड / टेक्स्ट / एक्सेंट, हेक्स कोड के साथ]7FORBIDDEN: ग्रेडिएंट, इमोजी आइकन, स्टॉक फ़ोटोज़,8सब कुछ सेंटर में, "इनोवेटिव सॉल्यूशंस"
इसे प्रोजेक्ट फ़ोल्डर के अंदर brand.txt के नाम से सेव करें।
और Claude में यह लिखें:
1कोई भी डिज़ाइन निर्णय लेने से पहले brand.txt पढ़ें।2अगर कुछ उसमें नहीं है, तो मुझसे पूछें।
यह आखिरी वाक्य चीज़ों को काफ़ी हद तक बदल देता है। Claude अब खुद से गढ़ने के बजाय आपसे सलाह लेने लगता है।
चरण 2: इसे एक पैमाना दें
विशेषण काम नहीं करते। "शानदार" का मॉडल के लिए कोई मतलब नहीं होता। तस्वीरें काम करती हैं।
मैं यह करता हूँ:
→ मैं Land-book, Godly, या Minimal Gallery पर जाता हूँ। तीनों फ्री हैं और असली प्रकाशित वेबसाइटों से भरे हुए हैं
→ मैं 3 चुनता हूँ। दस नहीं। दस के साथ, सब कुछ आपस में मिल जाता है और एक गड़बड़ निकलती है
→ हर एक से, मैं होमपेज और एक आंतरिक सेक्शन का स्क्रीनशॉट लेता हूँ। छह स्क्रीनशॉट
→ मैं उन्हें प्रोजेक्ट फ़ोल्डर में खींचकर डाल देता हूँ
इस काम के लिए Dribbble से बचें। वे कॉन्सेप्ट होते हैं जो असल में मौजूद नहीं होते, और Claude असंभव चीज़ों को दोहराने की कोशिश करता है।
और मैं उसे बिल्कुल यही बताता हूँ ↓
1इन स्क्रीनशॉट्स को गुणवत्ता के पैमाने के रूप में उपयोग करें:2फ़ॉन्ट साइज़, सेक्शनों के बीच की जगह, और पेज की3लय देखें। संरचनाओं या टेक्स्ट की नकल बिल्कुल न करें।
उस 'नकल मत करो' के बिना, यह पहले रेफ़रेंस की हूबहू नकल बना देता है और आपके पास ऊपर से दूसरा लोगो लगी नकल आ जाती है। मैंने ऐसा होते देखा है।
चरण 3: असाइनमेंट
एक ही मैसेज। चार ब्लॉक। एक साथ तीन-तीन आइडियाज़ नहीं, क्योंकि इसी से सब कुछ बिगड़ता है।
1. यह क्या है: "[X] के लिए सिंगल-पेज वेबसाइट, इन सेक्शनों के साथ: [सूची]।"
2. कॉपी: इसे खुद लिखिए। सच में। यह एकमात्र चीज़ है जो Claude अपनी झोली से नहीं निकाल सकता, क्योंकि वह आपके बिज़नेस या आपके क्लाइंट्स को नहीं जानता।
3. इसे कैसे बनाना है: "Astro और Tailwind इस्तेमाल करें। स्टैटिक वेब, कोई CMS नहीं।" आपको यह जानने की ज़रूरत नहीं कि यह क्या है। यह वह कॉम्बिनेशन है जो तेज़ी से लोड होता है, टूटता नहीं, और आपको हर महीने कुछ भी भुगतान करने के लिए मजबूर नहीं करता।
4. सीमाएँ: "brand.txt का सम्मान करें। अधिकतम दो फ़ॉन्ट और तीन रंग।"
आप भेजिए और कुछ मिनट इंतज़ार कीजिए।
जो दिखेगा वह 70% तैयार होगा। यह सामान्य है और यह ज़रूरी है कि आप यह पहले से जान लें, क्योंकि यहीं पर ज़्यादातर लोग निराश होकर छोड़ देते हैं।
कोई भी पहला वर्ज़न प्रकाशित नहीं करता। न आप, न मैं, न वह एजेंसी जो €8,000 वसूलती है। फ़र्क सिर्फ़ इतना है कि वे आपको वह 70% दिखाने में दो हफ़्ते लगा देते हैं, और आपके पास वह छह मिनट में स्क्रीन पर होती है।
चरण 4: पॉलिश करना
यहीं असली कीमत है, और यहीं तय होता है कि यह €500 जैसी दिखती है या €5,000 जैसी।
हर कोई यह गलती करता है कि लिख देता है "थोड़ा सुधारो, इसे और प्रोफेशनल बनाओ।" इसका कोई मतलब नहीं होता और नतीजा और बिगड़ जाता है।
इसे परत-दर-परत ठीक किया जाता है। हर परत के लिए एक मैसेज:
→ परत 1, टेक्स्ट: "सभी फ़ॉन्ट साइज़ की समीक्षा करो। एक सुसंगत स्केल रखो। और कुछ मत छूओ।"
→ परत 2, हवा: "सेक्शन-दर-सेक्शन: जहाँ जगह घुटी हुई लगे, वहाँ सफेद जगह दोगुनी कर दो। और कुछ मत छूओ।"
→ परत 3, मोशन: "स्क्रॉल करते समय एलिमेंट्स को आसानी से प्रकट करो। 250ms। कुछ भी ऐसा नहीं जो उछलता हो।"
वह "और कुछ मत छूओ" ही सबसे अहम हिस्सा है। अगर आप तीनों एक साथ माँगते हैं, तो यह एक को अच्छे से ठीक करता है और दो को बिगाड़ देता है।
और अगर कुछ खास है जो आपको पसंद नहीं है और आप समझा नहीं पा रहे हैं? स्क्रीनशॉट लीजिए, उसे खींचकर अंदर डालिए, और सामान्य अंग्रेज़ी में बताइए:
→ "यह ब्लॉक ऊपर वाले से चिपका हुआ लग रहा है।"
→ "यह बटन बैकग्राउंड से अलग नहीं दिखता।"
→ "यह हेडलाइन मोबाइल पर बहुत ज़्यादा जगह लेती है।"
आपको डिज़ाइनर की शब्दावली की ज़रूरत नहीं है। आपको बस इशारा करना है। यह बिल्कुल वही है जो एक क्लाइंट अपनी एजेंसी के साथ करता है, बस फ़र्क यह है कि यहाँ जवाब तीस सेकंड में आता है, चार दिनों में नहीं।
आखिरी तीन जाँचें ↓
एजेंसियाँ भी इन्हें छोड़ देती हैं:
→ मोबाइल: "मुझे सभी पेज 375px चौड़ाई में दिखाओ और जो टूटे उसे ठीक करो।" आपके ज़्यादातर लोग वहीं से आते हैं।
→ पाँच सेकंड: होमपेज को किसी को पाँच सेकंड के लिए दिखाएँ और फिर ढक दें। अगर वे नहीं बता पाते कि आप क्या करते हैं, तो हेडलाइन बेकार है।
→ बटन: क्या वह बिना स्क्रॉल किए दिखता है? क्या वह बिल्कुल नीचे दोहराया गया है? अगर नहीं, तो आपने वेबसाइट नहीं, बल्कि एक ब्रोशर बनाया है।
चरण 5: इसे प्रकाशित करना
पंद्रह मिनट और हर महीने शून्य यूरो।
सबसे आसान तरीका, बिना किसी अजीब खाते या सर्वर के:
→ आप Claude से फ़ाइनल प्रोजेक्ट फ़ोल्डर तैयार करने को कहते हैं
→ आप Netlify या Vercel पर जाते हैं और उस फ़ोल्डर को स्क्रीन पर खींचकर छोड़ देते हैं
→ वे आपको तुरंत एक पता दे देते हैं
→ आप एक डोमेन खरीदते हैं (सालाना €8 से €12 के बीच) और उसे पैनल से कनेक्ट कर देते हैं
वह ऑनलाइन है। कोई मासिक शुल्क नहीं, कोई मेंटेनेंस नहीं, और "मैनेज्ड होस्टिंग" का €120 मासिक बिल भी नहीं।
आप कितना शुल्क लेते हैं
अब वह हिस्सा जो कोई नहीं बताता।
अगर आप यह दूसरों के लिए करते हैं, तो "वेबसाइट" मत बेचिए। पूरा पैकेज बेचिए:
ब्रांड फ़ाइल निकालने के लिए 45 मिनट की कॉल, लिखी हुई कॉपी (जो फालतू बातों से भरी न हो), डोमेन के साथ प्रकाशित वेबसाइट, बदलावों के दो राउंड, और 10 मिनट का वीडियो जिसमें समझाया गया हो कि इसे कैसे अपडेट करना है।
क्लाइंट के हिसाब से यह €800 से €2,500 के बीच का काम है, जो हफ़्तों के बजाय कुछ दिनों में पूरा होता है।
आप घंटों के पैसे नहीं लेते। आप इसलिए पैसे लेते हैं क्योंकि क्लाइंट के पास पहले कुछ नहीं होता, और अब उसके पास कुछ ऐसा है जो उसके लिए काम लाता है।
तीन गलतियाँ जिन्हें मैं बार-बार दोहराते देखता हूँ:
→ एक मैसेज में पाँच बदलाव माँगना। यह गलत हो जाता है। हर मैसेज में एक।
→ कॉपी Claude से लिखवाना। वह सही लेकिन खोखली निकलती है। कॉपी लिखना आपका काम है।
→ प्रकाशित करने से पहले पूर्णता की चाह। तीन खामियों वाली प्रकाशित वेबसाइट उस परफेक्ट वेबसाइट से असीम रूप से अधिक कीमती है जो अब भी आपके फ़ोल्डर में पड़ी है।
तो, आखिर यहाँ सच में क्या बदलता है?
एजेंसी ने तीन हफ़्तों की प्रक्रिया बेची। वह प्रक्रिया हमेशा से चार सोच-समझकर लिए गए फ़ैसले थी:
→ किसके लिए
→ उसे क्या करना चाहिए
→ उसे कैसा दिखना चाहिए
→ क्या वर्जित है
बाकी सब इंतज़ार था। और इंतज़ार के अब पैसे नहीं लिए जाते।
आपकी पहली वेबसाइट में पाँच घंटे लगेंगे और वह €500 जैसी दिखेगी। तीसरी में दो घंटे लगेंगे और वह €3,000 जैसी दिखेगी। पाँचवीं आप आधी नींद में बना लेंगे।
यह सीखने की एक सामान्य प्रक्रिया है, कोई जादू नहीं। अपनी खुद की वेबसाइट से शुरू करें। गलतियाँ करने के लिए यह सबसे अच्छी जगह है, क्योंकि क्लाइंट आप खुद हैं।
इसे सेव कर लीजिए और इसके लिए कुछ घंटे निकालिए।
मैं आपको विश्वास दिलाता हूँ कि आपको पछतावा नहीं होगा :)
