लगभग 30 मिनट में एक साफ़, एक‑पेज पोर्टफोलियो वेबसाइट बनाएं—नो‑कोड। सरल चेकलिस्ट: टेम्पलेट चुनें, काम जोड़ें, डोमेन कनेक्ट करें, और प्रकाशित करें।

इस तेज़ निर्माण के अंत तक, आपके पास एक साफ़, एक‑पेज पोर्टफोलियो वेबसाइट होगी जो तीन काम अच्छी तरह करती है: आपका काम दिखाती है, बताती है आप कौन हैं, और संपर्क करना आसान बनाती है।
एक सरल पेज जिसमें:
यह जानबूझकर मिनिमल है। एक-पीज पोर्टफोलियो तेज़ी से बनता है, अपडेट करना आसान होता है, और जब कोई आपका काम स्कैन कर रहा होता है तो यह अक्सर मल्टी‑पेज साइट से बेहतर कन्वर्ट करता है।
यह तरीका फ्रीलांसरों, छात्रों, क्रिएटिव्स, और नौकरी चाहने वालों के लिए उपयुक्त है जिन्हें जल्दी कुछ प्रोफेशनल चाहिए—विशेषकरअगर आप भूमिकाओं के लिए आवेदन कर रहे हों, क्लाइंट्स को पिच कर रहे हों, या सोशल प्लेटफ़ॉर्म पर अपना काम शेयर कर रहे हों।
30 मिनट में रहने के लिए पहले ये एकत्र कर लें:
30-मिनट का बिल्ड तभी काम करेगा जब आप 3–5 मिनट तय करने में खर्च करेंगे कि “Done” कैसा दिखता है। अन्यथा आप फॉन्ट्स बदलने, सेक्शन फिर से अरेंज करने और यह तय करने में समय खो देंगे कि क्या शामिल करना है।
अपनी पोर्टफोलियो का प्राथमिक परिणाम चुनें:
यह लक्ष्य तय करेगा कि आप पहले क्या हाईलाइट करते हैं: भर्ती के लिए आपकी भूमिका और परिणाम, क्लाइंट्स के लिए आपकी पेशकश और प्रक्रिया, या किसी विशिष्ट क्षेत्र के लिए आपका निच काम।
निर्णय लें कि आप क्या बना रहे हैं:
अगर आप टाइम रेस कर रहे हैं, तो अब सिंगल पेज से शुरू करें—बाद में आप इसे पेजों में बाँट सकते हैं।
एक प्राथमिक CTA और (वैकल्पिक) एक सेकेंडरी CTA चुनें। उदाहरण:
पेज की हर चीज़ इन एक्शनों का समर्थन करनी चाहिए।
किसी टेम्पलेट को छूने से पहले एक सादा लाइन ड्राफ्ट करें:
मैं [किसे] की मदद करता/करती हूँ [क्या] में, ताकि वे [परिणाम] प्राप्त कर सकें।
उदाहरण: “मैं SaaS स्टार्टअप्स की ऑनबोर्डिंग फ्लो डिजाइन करता/करती हूँ जो चर्न कम और एक्टिवेशन बेहतर करे।”
बिल्ड करते समय यह वाक्य दृष्टिगोचर रखिए—यह तय करने में मदद करेगा कि क्या शामिल करना है और क्या काटना है।
आपका बिल्डर तय करता है कि यह "30‑मिनट" प्रोजेक्ट कितना तेज़ लगेगा। कुछ ऐसा चुनें जो आपको मेनू से जूझने के बिना प्रकाशित करने दे।
यदि आप पारंपरिक डेव साइकिल से गुजरना नहीं चाहते पर कस्टम परिणाम चाहिए, तो Koder.ai एक और रास्ता है: यह एक वाइब‑कोडिंग प्लेटफ़ॉर्म है जहाँ आप चैट में अपने पोर्टफोलियो का वर्णन करते हैं और एक वास्तविक React वेब ऐप जेनरेट करते हैं (यदि बाद में बैकएंड चाहिए तो Go + PostgreSQL उपलब्ध)। आप सोर्स कोड एक्सपोर्ट कर सकते हैं, डेप्लॉय/होस्ट कर सकते हैं, कस्टम डोमेन कनेक्ट कर सकते हैं, और स्नैपशॉट/रोलबैक का उपयोग कर सकते हैं—उपयोगी अगर आप कुछ फ्लेक्सिबल पर फिर भी तेज़ चाहते हैं।
इन बेसिक्स से शुरू करें:
कई टूल्स सस्ते दिखते हैं जब तक आप किसी पेवाल से नहीं टकराते। जाँचें:
अगर प्राइसिंग मायने रखती है, तो /pricing पर टियर्स की तुलना करें और सबसे न्यूनतम प्लान चुनें जो कस्टम डोमेन और ऊपर बताए फ़ीचर्स सपोर्ट करे। आप बाद में अपग्रेड कर सकते हैं जब आपका पोर्टफोलियो बढ़ेगा।
एक अच्छा टेम्पलेट सहायक शुरुआती बिंदु जैसा महसूस होना चाहिए—न कि एक पहेली जिसे सुलझाने के बाद ही आप प्रकाशित कर सकें। 30‑मिनट बिल्ड के लक्ष्य पर टेम्पलेट का गलत चुनाव आपको सबसे तेजी से समय गंवाने वाला रास्ता बना देगा।
ऐसा टेम्पलेट चुनें जो वर्क दिखाने के लिए डिज़ाइन किया गया हो: स्पष्ट हीरो सेक्शन, प्रोजेक्ट्स के लिए ग्रिड, छोटा About एरिया, और एक स्पष्ट Contact सेक्शन। यदि आप बिजनेस लैंडिंग पेज या इवेंट टेम्पलेट से शुरू करते हैं, तो आप डिलीट और री‑अरेन्ज करने में समय गंवा देंगे बजाय प्रकाशित करने के।
क्लीन टाइपोग्राफी, मजबूत स्पेसिंग, और व्हाइटस्पेस को प्राथमिकता दें। शानदार एनीमेशन, असामान्य नेविगेशन, और "क्रिएटिव" स्क्रोलिंग इफेक्ट्स डेमो में प्रभावशाली दिख सकते हैं—पर वे अक्सर कंटेंट को स्कैन करना और एडिट करना मुश्किल करते हैं।
आपका पोर्टफोलियो ही प्रोडक्ट है। टेम्पलेट को रास्ते से हट जाना चाहिए।
कमिट करने से पहले पक्का कर लें कि टेम्पलेट बिना हैक्स के ये बेसिक्स हैंडल कर सके:
अगर टेम्पलेट में ये नैचुरली नहीं हैं, तो आप इन्हें फ़ोर्स करेंगे—और यहीं बिल्डर्स फ़्रस्ट्रेटिंग महसूस करने लगते हैं।
मोबाइल प्रिव्यू खोलकर तीन चीज़ें स्कैन करें:
अगर मोबाइल व्यू अभी गन्दा है, तो यह बाद में जादुई रूप से ठीक नहीं होगा। एक सरल टेम्पलेट चुनें और आगे बढ़ें—आप हमेशा लाइव होने के बाद लुक अपग्रेड कर सकते हैं।
आपके पोर्टफोलियो को प्रोफेशनल दिखने के लिए एक पूरा ब्रांड गाइड की ज़रूरत नहीं है। आपको कुछ सुसंगत चुनाव चाहिए ताकि हर एलिमेंट एक साथ लगे।
अगर आपके पास लोगो है तो उसे header और footer में अपलोड करें। अगर नहीं है, तो एक साफ़ वर्डमार्क (एक अच्छा फ़ॉन्ट में आपका नाम) बिलकुल ठीक है।
एक एक्सेंट रंग चुनें जो आप लिंक्स, बटन, और छोटे हाइलाइट्स के लिए इस्तेमाल करेंगे (बड़े टेक्स्ट ब्लॉक्स के लिए नहीं)। एक सरल तरीका: अपने सबसे अच्छे प्रोजेक्ट इमेज से एक रंग चुन लें।
हेडिंग्स के लिए एक फ़ॉन्ट और बॉडी टेक्स्ट के लिए एक फ़ॉन्ट रखें। कई टेम्पलेट तभी "बिखरे" दिखते हैं जब वे बहुत सारे टाइप स्टाइल मिक्स करते हैं।
पठनीय रखें:
अगर अनिश्चित हैं तो टेम्पलेट डिफ़ॉल्ट्स रखें और सिर्फ एक्सेंट कलर बदलें।
कंसिस्टेंसी ही वह चीज़ है जो नो‑कोड पोर्टफोलियो को कस्टम दिखने देती है।
त्वरित सेटिंग्स जो स्टैंडर्ड बनानी चाहिए:
यह फैंसी इफ़ेक्ट्स से ज्यादा मायने रखता है और टेम्पलेट्स को पॉलिश्ड बनाता है बजाय "टेम्पलेट‑जैसा" दिखने के।
10‑सेकंड स्कैन करें: क्या हर बैकग्राउंड पर आप आराम से टेक्स्ट पढ़ सकते हैं?
मोबाइल‑फ्रेंडली पोर्टफोलियो में अक्सर कंट्रास्ट इश्यू सबसे पहले दिखते हैं, इसलिए मोबाइल पर प्रीव्यू कर लें।
एक अच्छा नो‑कोड पोर्टफोलियो वेबसाइट शिप करने के लिए जटिल साइटमैप की ज़रूरत नहीं है। एक स्पष्ट पेज अक्सर पर्याप्त है—खासकर जब आपका लक्ष्य 30 मिनट में पोर्टफोलियो बनाना हो।
साधारण ऊपर‑से‑नीचे फ्लो इस्तेमाल करें। ये सेक्शन्स उस जानकारी को कवर करते हैं जो अधिकांश विज़िटर एक मिनट के भीतर ढूँढते हैं:
अगर आपका टेम्पलेट अतिरिक्त ब्लॉक्स के साथ शुरू होता है (ब्लॉग, न्यूज़लेटर, प्राइसिंग, लंबे फीचर ग्रिड), तो उन्हें अभी डिलीट कर दें। आप बाद में जोड़ सकते हैं।
आपका हीरो "मैं क्यों की परवाह करूँ" सेक्शन है। इस तेज़ चेकलिस्ट का पालन करें:
इसे स्कैनेबल रखें: छोटे वाक्य, स्पष्ट हेडिंग्स, और पर्याप्त श्वास स्थान।
केवल तभी नेविगेशन बार जोड़ें जब पेज लंबा हो। अगर आपका पेज कुछ ही स्क्रॉल्स में फिट होता है, तो नेविगेशन छोड़ कर लेआउट को स्वाभाविक रूप से मार्गदर्शित होने दें।
हर सेक्शन के लिए वही पैटर्न इस्तेमाल करें: एक हेडिंग, एक छोटा इंट्रो लाइन, फिर कंटेंट। सुसंगति आपके पोर्टफोलियो को इच्छित बनाती है—भले ही आप तेज़ी से बना रहे हों।
प्रोजेक्ट्स आपके पोर्टफोलियो का मुख्य बिंदु हैं। भरने की बजाय 3–6 मजबूत पीसेस दिखाने का लक्ष्य रखें जो साबित करें कि आप क्या कर सकते हैं।
ऐसा काम चुनें जो वही दर्शाए जो आप अगली बार करना चाहते हैं। अगर आप डिजाइनर हैं तो डिजाइन दिखाएँ; अगर फ़ोटोग्राफ़र हैं तो अपनी सर्वश्रेष्ठ सीरीज से नेतृत्व करें; अगर आप जनरलिस्ट हैं तो coherency बनाए रखनी चाहिए।
एक तेज़ फिल्टर: किसी भी चीज़ को हटा दें जिसे आप इंटरव्यू में आत्मविश्वास के साथ स्पष्ट नहीं कर सकते। अगर कोई प्रोजेक्ट लंबी डिस्क्लेमर माँगता है ("मैंने वास्तव में ज्यादा काम नहीं किया"), तो वह पूरे साइट को कमजोर कर सकता है।
प्रत्येक प्रोजेक्ट के लिए वही मूल विवरण शामिल करें ताकि लोग स्किम कर सकें:
कठोर रखें—आम तौर पर 2–5 छोटे वाक्य पर्याप्त होते हैं।
प्रति प्रोजेक्ट 3–6 इमेज या अगर मोशन काम है तो छोटा वीडियो उपयोग करें। सबसे मजबूत इमेज पहले रखें—क्योंकि वही क्लिक होती है।
यदि संभव हो तो एक “प्रोसेस” विजुअल जोड़ें (वायरफ्रेम, स्केच, पहले/बाद), ताकि आप कैसे सोचते हैं दिखे—बिना पेज को केस‑स्टडी नावेल में बदल दिए।
साफ़ टाइटल और लेबल्स उपयोग करें (उदा., “Brand identity,” “Web redesign,” “Editorial shoot”)। अगर प्रोजेक्ट में लिंक है, तो इसे स्पष्ट और सरल रखें: “View live site” या “Watch the final cut।”
About सेक्शन का एक काम है: किसी को जल्दी तय करने में मदद करना कि क्या आप सही व्यक्ति हैं उनसे संपर्क करने के लिए।
एक मित्रवत हेडशॉट या साफ़ इलस्ट्रेशन/अवतार का उपयोग करें। बैकग्राउंड सादा रखें और लाइटिंग नैचुरल। भीड़-भाड़ वाली सीन, पार्टी फोटोज़, और भारी फिल्टर्स लोगों को पढ़ने के लिए अधिक मेहनत कराते हैं।
कुल मिलाकर 4–6 लाइन का लक्ष्य रखें:
उदाहरण:
मैं एक फ्रीलांस UI डिजाइनर हूँ जो शुरुआती‑स्टेज SaaS के लिए क्लीन, कन्वर्ज़न‑फ्रेंडली लैंडिंग पेज डिज़ाइन करता/करती हूँ। पहले, मैंने एक फिनटेक स्टार्टअप की ऑनबोर्डिंग फ्लो में मदद की और एक्टिवेशन 18% बढ़ाई। मैं इस महीने 1–2 नए क्लाइंट प्रोजेक्ट्स लेने के लिए उपलब्ध हूँ।
उन टूल्स का ज़िक्र करें जिन्हें आप वास्तव में इस्तेमाल करते हैं (Figma, Webflow, Notion), जिन इंडस्ट्रीज़ का अनुभव है (हेल्थ, फिनटेक, एजुकेशन), और अवॉर्ड/सर्टिफ़िकेशन केवल तभी जब वे प्रासंगिक और सत्य हों।
अगर यह आपके क्षेत्र में फिट बैठता है, तो एक छोटी लाइन के साथ साफ‑संदर्भित PDF जोड़ें:
“Download resume (PDF)”
इसे अपने संपर्क बटन के पास रखें ताकि कोई आपकी कहानी स्किम करके, आप पर भरोसा करके और एक ही स्क्रॉल में कार्रवाई कर सके।
एक सुंदर पोर्टफोलियो तभी काम करता है जब कोई आप तक जल्दी पहुँच सके। आपका कॉन्टैक्ट सेक्शन स्पष्ट, छोटा और friction‑free होना चाहिए—ना तलाश, ना अनुमान।
दो विकल्प का लक्ष्य रखें, तीन अधिकतम:
ज्यादा जोड़ने पर लोग हिचकिचाते हैं। सरल रखें और (अगर आपके पास नेविगेशन है) इसे “Contact” लेबल करें।
एक एकल वाक्य से बैक‑और‑फ़ोर्थ कम होगा और बेहतर पूछताछ आकर्षित होंगी। उदाहरण:
“मैं फ़्रीलांस ब्रांडिंग प्रोजेक्ट्स के लिये अगले महीने उपलब्ध हूँ। सामान्य उत्तर समय: 1–2 कारोबारी दिनों के भीतर।”
यह तभी कहें अगर यह सत्य हो। अगर आप काम नहीं ले रहे, तो बताएं कि आप किसके लिए खुले हैं (कोलैब्स, फुल‑टाइम रोल, स्पीकिंग, आदि)।
बुकिंग लिंक सर्विस‑आधारित काम के लिए बढ़िया हो सकता है, पर केवल तभी जोड़ें जब आप इसे अपडेट रख सकें और लोग बिना ईमेल के सीधे स्लॉट न ले सकें। अगर आपकी शेड्यूल अक्सर बदलती है, तो ईमेल + फॉर्म पर रहें।
अगर आप क्लाइंट्स के साथ काम करते हैं, तो एक त्वरित नोट जोड़ें जैसे “Based in Berlin (CET)” या “Working globally (UTC-5)”。 यह लोगों को मीटिंग टाइम्स सुझाने में मदद करता है और प्रोफेशनलिज़्म का संकेत देता है—खासकर रिमोट काम के लिए।
फुटर में भी अपना कॉन्टैक्ट लिंक दोहराएँ। लोग स्क्रॉल करते हैं, फैसला करते हैं, और वहां से क्लिक करते हैं।
आप एक सुंदर पोर्टफोलियो रख सकते हैं और फिर भी लोगों को खो दे सकते हैं अगर यह फोन पर अजीब लगे या लोड होने में बहुत समय ले। यहाँ कुछ मिनट बिताएँ और आपकी साइट पॉलिश्ड लगेगी—बिना अतिरिक्त पेज जोड़े।
अधिकांश विज़िटर आपका पोर्टफोलियो फोन पर देखेंगे। बिल्डर का मोबाइल व्यू खोलें और ऊपर से नीचे तक तेज़ी से स्क्रॉल करें।
कई स्क्रीन साइज पर प्रीव्यू करें (मोबाइल, टैबलेट, डेस्कटॉप) और देखें:
फिक्स सामान्यतः सरल होते हैं: पैडिंग घटाएँ, सुसंगत स्पेसिंग सेट करें, या मोबाइल पर मल्टी‑कॉलम ब्लॉक्स को सिंगल कॉलम में बदल दें।
तेज़ साइट्स अधिक प्रोफेशनल लगती हैं। सबसे बड़े स्पीड किलर हैं ओवरसाइज़ इमेजेस और बैकग्राउंड मीडिया।
बड़ी इमेजेस को कंप्रेस करें (खासतौर पर प्रोजेक्ट स्क्रीनशॉट)। नियम के रूप में, पोर्टफोलियो इमेजेस को आम तौर पर ~2000px से ज़्यादा चौड़ा होने की आवश्यकता नहीं होती। अगर आपका बिल्डर "optimize" टॉगल देता है, तो उसे चालू करें।
बड़े बैकग्राउंड वीडियोज़ से बचें। अगर आप वास्तव में मोशन चाहते हैं, तो एक हल्का लूप या छोटा एम्बेडेड क्लिप पर्याप्त होता है—आपका काम हेडर का फोकस होना चाहिए, न कि हेडर ही।
हर बटन और लिंक पर क्लिक करें—सोशल आइकॉन्स, प्रोजेक्ट कार्ड्स, और आपका ईमेल/कॉन्टैक्ट बटन शामिल हैं।
पक्का करें:
पब्लिश करने से पहले एक तेज़ पास:
जब आपका पोर्टफोलियो मोबाइल‑फ्रेंडली, तेज़ लोड होने वाला, और छोटी गलतियों से मुक्त होगा, तो यह तुरंत अधिक विश्वसनीय लगेगा—भले ही आप इसे 30 मिनट में बनाएं।
कस्टम डोमेन आपके पोर्टफोलियो को पूरा अनुभव देता है—और यह रिज़्यूम, ईमेल सिग्नेचर, और सोशल प्रोफाइल पर शेयर करने में आसान होता है। पब्लिश आम तौर पर एक बटन होता है। डोमेन कनेक्शन में कुछ और मिनट लगते हैं, पर यह अभी भी सरल है।
सरल और प्रोफेशनल रखें:
अगर आपका सटीक नाम लिया गया है, तो छोटे, पढ़ने में आसान वेरिएशंस आज़माएँ (मिडिल इनिशियल, “studio”, या आपका प्रोफ़ेशन). हाइफ़न और लंबे वाक्य बचें—लोग इन्हें गलत टाइप करते हैं।
अधिकांश बिल्डर्स सेटअप के दौरान निर्देश देते हैं।
डोमेन को अपने बिल्डर की सेटिंग्स में कनेक्ट करें और DNS निर्देशों का पालन सावधानी से करें।
आम तौर पर आप अपने डोमेन रजिस्टार में एक या दो DNS रिकॉर्ड कॉपी करेंगे (अक्सर एक A रिकॉर्ड और/या CNAME)। स्पेलिंग, विराम‑चिह्न और यह कि रिकॉर्ड रूट डोमेन (yourname.com) बनाम “www” को लक्षित कर रहा है—इनको दोबारा जाँचें।
DNS चेंजेस के बाद थोड़ा समय दें। कुछ डोमेन मिनटों में जुड़ जाते हैं; दूसरों को कुछ घंटे लग सकते हैं। एक बार रिज़ॉल्व होने पर अपनी साइट both yourname.com और www.yourname.com (अगर आप दोनों उपयोग कर रहे हैं) पर खोलें और पुष्टि करें कि यह बिना सुरक्षा चेतावनियों के लोड होती है।
अंत में, अपनी प्राथमिक वर्ज़न (आमतौर पर non‑www या www) को प्राथमिक डोमेन सेट करें ताकि आप हमेशा एक साफ़ URL शेयर करें।
SEO तकनीकी लगता है, पर नो‑कोड पोर्टफोलियो वेबसाइट के लिए बेसिक्स ज़्यादातर सरल फील्ड्स और साफ़ शब्दावली हैं। यहाँ कुछ मिनट लगाकर आप अपनी साइट को लोगों और सर्च इंजन दोनों के लिए आसान बना सकते हैं।
अपने बिल्डर की SEO सेटिंग्स में Page Title और Meta Description फील्ड खोजें (अक्सर “SEO,” “Page settings,” या “Search preview” के अंतर्गत)।
पेज टाइटल को विशिष्ट और पठनीय रखें। एक मजबूत फॉर्मैट है:
Your Name — Role | Portfolio
उदाहरण: Jordan Lee — Product Designer | Portfolio
मेटा डिस्क्रिप्शन के लिए एक छोटा वाक्य लिखें जो बताये आप क्या करते हैं और विज़िटर वहां क्या पाएँगे।
उदाहरण: “Product designer specializing in mobile apps and design systems. View selected projects, process, and contact details.”
आपके होमपेज पर एक स्पष्ट H1 होना चाहिए—आमतौर पर आपका नाम और भूमिका। यह विज़िटर्स को तुरंत बताता है कि आप क्या करते हैं।
अच्छे H1 उदाहरण:
फिर सेक्शन्स के लिए वर्णनात्मक हेडिंग्स इस्तेमाल करें जैसे “Selected Work,” “About,” और “Contact.” अस्पष्ट लेबल्स जैसे “Welcome” या “Stuff I’ve Done” से बचें—स्पष्ट हेडिंग्स आपकी ऑनलाइन पोर्टफोलियो को स्कैन करना और इंडेक्स करना आसान बनाती हैं।
पोर्टफोलियो साइट्स इमेज‑भारी होती हैं, इसलिए महत्वपूर्ण इमेजेस (प्रोजेक्ट थंबनेल, हीरो इमेज) के लिए alt टेक्स्ट जोड़ें।
Alt टेक्स्ट वह बताये जो दर्शक के लिए ज़रूरी है, हर पिक्सेल का वर्णन नहीं। उदाहरण:
यह पहुँचनीयता सुधारता है और सर्च टूल्स को अधिक संदर्भ देता है।
कुछ पोर्टफोलियो बिल्डर्स सर्च टूल्स से कनेक्ट करने या स्वतः साइटमैप जेनरेट करने का विकल्प देते हैं। यदि आपका सपोर्ट करता है, तो वहाँ कनेक्ट करें।
अगर नहीं करता, तो लॉन्च रोकें मत: प्रकाशित करें और फिर सीधे उन जगहों पर लिंक शेयर करें जहाँ पहले से ध्यान मिलता है—आपकी LinkedIn बायो, Instagram प्रोफ़ाइल, और कोई डायरेक्टरी/कम्युनिटी जहाँ आप सक्रिय हैं।
साइट शेयर करने से पहले एक त्वरित पास करें ताकि सब कुछ काम करे और प्रोफेशन्ल लगे। एक साफ़, कार्यशील साइट किसी दर्शनीय पर टूटे हुए लिंक से बेहतर होती है।
बेसिक एनालिटिक्स का उपयोग करके मापें व्यूज़, प्रोजेक्ट क्लिक, और कॉन्टैक्ट सब्मिशन्स। एक हफ्ते के बाद उस प्रोजेक्ट को हाईलाइट करें जिस पर सबसे ज़्यादा क्लिक आ रहे हैं, और किसी भी प्रोजेक्ट टाइटल को फिर लिखें जिसे लोग अनदेखा कर रहे हैं।
हाँ। एक-पीेज़ पोर्टफोलियो तेज़ निर्णय लेने के लिए अक्सर बेहतर होता है क्योंकि इसे स्कैन करना आसान होता है।
लक्ष्य रखें: Hero → Work → About → Contact। आप साइट लाइव करने के बाद प्रोजेक्ट्स को अलग केस-स्टडी पेजों में बाँट सकते हैं।
मिनिमल रखें ताकि आप पूरा कर सकें:
अगर आपके पास 3 प्रोजेक्ट्स नहीं हैं, तो 1–2 मजबूत पीसेस के साथ लॉन्च करें और बाद में जोड़ें।
एक प्राथमिक परिणाम चुनें और वही आपकी सामग्री तय करे:
असमंजस में हों तो केवल वही शामिल करें जो उस लक्ष्य का समर्थन करे।
वो बिल्डर चुनें जो रुकावट कम करे:
कमिट करने से पहले /pricing पर देख लें कि कस्टम डोमेन, फॉर्म्स, स्टोरेज/बैंडविड्थ, एनालिटिक्स और ब्रांडिंग रिमूवल पर paywall तो नहीं है।
उन टेम्पलेट्स को चुनें जिनमें पहले से वही सेक्शन उपलब्ध हों जिनकी आपको ज़रूरत है (hero, projects grid, about, contact)। फिर कस्टमाइज़ करने से पहले जल्दी से मोबाइल प्रिव्यू कर लें.
भारी एनीमे़शन, अजीब导航 या जटिल लेआउट वाले टेम्पलेट से बचें—आप रेस्पॉन्सिविटी और पठनीयता ठीक करने में समय गवाँ देंगे।
अपने “ब्रांड” को कुछ सुसंगत चुनावों तक सीमित रखें:
सुसंगति साइट को कस्टम दिखने में मदद करती है, भले ही आपने टेम्पलेट इस्तेमाल किया हो।
एक दोहराने योग्य फ़ॉर्मेट रखें ताकि लोग आसानी से स्कैन कर सकें:
कठोर और संक्षिप्त रखें (आम तौर पर 2–5 छोटे वाक्य) और सबसे मजबूत विजुअल पहले रखें।
तीव्र संरचना का उपयोग करें जो जल्दी निर्णय लेने में मदद करे:
1 मिनट से कम में पढ़ा जा सके—और पास के कॉन्टैक्ट बटन के नज़दीक रखें।
दो विकल्प (तीन अधिकतम) दें:
एक छोटी प्रत्याशा-लाइन जोड़ें (जवाब का समय, उपलब्धता) और रिमोट वर्क के लिए स्थान/टाइमज़ोन भी शामिल करें। फुटर में कॉन्टैक्ट लिंक दोहराएँ।
ये जल्दी-चेक करें:
पब्लिश के बाद लिंक को LinkedIn, ईमेल सिग्नेचर और सोशल बायो में शेयर करें और देखें कौन से प्रोजेक्ट पर क्लिक हो रहे हैं।