AI से पोर्टफ़ोलियो वेबसाइट कैसे बनाएं (कॉन्टैक्ट फ़ॉर्म)

AI से पोर्टफ़ोलियो वेबसाइट बनाने के लिए अपने सबसे अच्छे प्रोजेक्ट, फ़ोटो और छोटा-सा परिचय जुटाएं, फिर बताएं कि लेआउट और अंदाज़ कैसा चाहिए। बिल्डर प्रोजेक्ट पेज, परिचय सेक्शन और मैसेज सेव करने वाला कॉन्टैक्ट फ़ॉर्म बनाता है। नया काम आप निजी एडमिन पैनल से जोड़ सकते हैं और साइट अपने डोमेन पर पब्लिश कर सकते हैं।

• आठ से बारह दमदार प्रोजेक्ट, हर एक की छोटी-सी कहानी के साथ, आपके बनाए हर काम की गैलरी से ज़्यादा काम दिलाते हैं।
• साइट के बारे में बताते समय अपनी फ़ोटो अटैच करें (हर फ़ाइल 25 MB तक)। WisyLink उन्हें जैसी हैं वैसी इस्तेमाल करता है और फ़ोटो खुद नहीं बनाता।
• हर प्रोजेक्ट के लिए साफ़ URL वाला अलग पेज माँगें; बाद में एडमिन पैनल से जोड़े गए प्रोजेक्ट बिना नए बिल्ड के लाइव हो जाते हैं।
• कॉन्टैक्ट फ़ॉर्म हर मैसेज सेव करता है। ईमेल अलर्ट के लिए आपका अपना SMTP खाता चाहिए, जिसे इंटीग्रेशन में एक बार जोड़ना होता है।
• फ्री लिंक 30 दिन चलते हैं। पेड प्लान साइट को लाइव रखता है; अपना डोमेन आप फ़्री समेत हर प्लान पर जोड़ सकते हैं।

क्लाइंट दिलाने वाले पोर्टफ़ोलियो में क्या चाहिए

पोर्टफ़ोलियो वेबसाइट का एक ही काम है: सही व्यक्ति आपसे संपर्क करे। वह व्यक्ति आम तौर पर कोई आर्ट डायरेक्टर, हायरिंग मैनेजर या बिज़नेस मालिक होता है, जो एक के बाद एक कई पोर्टफ़ोलियो देख रहा है। वह जल्दी तय करता है कि आप उसकी तरह का काम करते हैं या नहीं, काम अच्छा दिखता है या नहीं, और आपसे संपर्क करना आसान है या नहीं। साइट की हर चीज़ इन्हीं तीन फ़ैसलों के काम आनी चाहिए।

अपना काम तैयार करें: फ़ोटो, छोटी केस स्टडी, परिचय

नतीजे की क्वालिटी प्रॉम्प्ट से ज़्यादा तैयारी से तय होती है। चैट खोलने से पहले एक शाम इस पर लगाएं।

फ़ोटो

पहले प्रोजेक्ट चुनें, फिर उनकी फ़ोटो वेब साइज़ में JPEG, PNG या WebP में एक्सपोर्ट करें, और फ़ाइलों को IMG_0412.jpg जैसे नामों की जगह chai-cafe-menu-cover.jpg जैसे साफ़ नाम दें। चैट में अटैच की गई हर फ़ाइल 25 MB तक की हो सकती है, और चैट आम इमेज फ़ॉर्मेट, PDF, Word डॉक्यूमेंट और MP4 समेत कई फ़ाइलें लेती है। फ़ोटोग्राफ़र हर प्रोजेक्ट से अकेली फ़ोटो की जगह पूरी सीरीज़ चुनें, और जाँच लें कि क्लाइंट के साथ हुआ समझौता और मॉडल रिलीज़ सार्वजनिक इस्तेमाल की इजाज़त देते हैं।

क्या अपनी फ़ोटो और वीडियो अपलोड कर सकते हैं?

हाँ। आपकी अटैच की गई फ़ाइलें जैसी हैं वैसी इस्तेमाल होती हैं; बिल्डर कभी आपके काम की जगह बनाई गई इमेज नहीं लगाता। 25 MB से छोटी MP4 क्लिप साइट पर फ़ाइल की तरह चल जाती हैं, लेकिन हर अपलोड आपके प्लान के स्टोरेज और बैंडविड्थ में गिना जाता है। शोरील या लंबे वीडियो के संग्रह के लिए वीडियो किसी वीडियो प्लेटफ़ॉर्म पर रखें और उन्हें प्रोजेक्ट पेजों पर एम्बेड करवाएं।

केस स्टडी और परिचय

हर केस स्टडी पाँच छोटे हिस्सों में लिखें: क्लाइंट और संदर्भ, समस्या, आपने क्या किया, नतीजा, और क्रेडिट (टीम प्रोजेक्ट में आपकी भूमिका)। हर प्रोजेक्ट के लिए तीन से छह वाक्य काफ़ी हैं। परिचय वाला हिस्सा अकेले काम करते हों तो "मैं" से लिखें, और स्टूडियो पेश कर रहे हों तो स्टूडियो के नाम से (जैसे "स्टूडियो रंगरेज़ ब्रांड पहचान बनाता है")। सब कुछ एक डॉक्यूमेंट में रखें और उसे चैट में अटैच करें; इससे प्रॉम्प्ट में सब टाइप करने की ज़रूरत नहीं पड़ती।

वेबसाइट बनाएं: प्रॉम्प्ट टेम्पलेट

अगर आपने इस तरह कभी साइट नहीं बनाई, तो AI से वेबसाइट बनाने की स्टेप-बाय-स्टेप गाइड में बुनियादी बातें हैं। पोर्टफ़ोलियो के लिए प्रक्रिया ऐसी है:

1. Community प्लान पर मुफ़्त खाता बनाएं और नई चैट खोलें।
2. अपनी फ़ोटो और केस स्टडी वाला डॉक्यूमेंट अटैच करें।
3. नीचे दिया प्रॉम्प्ट अपनी जानकारी भरकर पेस्ट करें।
4. Wisy सवाल पूछे तो जवाब दें। हर बार वह या तो एक छोटा सवाल पूछता है या बिल्ड शुरू करता है।
5. बिल्ड चलते समय टास्क लिस्ट देखें, फिर लाइव लिंक फ़ोन और लैपटॉप दोनों पर खोलें।
6. हर मैसेज में एक विषय पर साफ़ बदलाव माँगें: "प्रोजेक्ट के टाइटल बड़े करें और क्लाइंट का नाम उनके नीचे रखें", "इसे और अच्छा बनाएं" से बेहतर काम करता है।
7. इंटीग्रेशन में अपनी SMTP जानकारी डालें, ताकि नए मैसेज आपके इनबॉक्स में पहुँचें।
8. लॉन्च के लिए तैयार हों तो अपना डोमेन जोड़ें (हर प्लान पर संभव) और साइट को लाइव रखने के लिए अपग्रेड करें।

[आपका नाम] के लिए पोर्टफ़ोलियो वेबसाइट बनाएं, जो [शहर] में रहने वाले [विधा, जैसे ग्राफ़िक डिज़ाइनर] हैं और [किस तरह के क्लाइंट] के साथ काम करते हैं।

पेज: होम पेज पर "[पोज़िशनिंग लाइन]" और चुने हुए काम की ग्रिड; काम (Work) वाले पेज पर सभी प्रोजेक्ट, [कैटेगरी की सूची] के फ़िल्टर के साथ; हर प्रोजेक्ट का /work/[project-name] पर अलग पेज, जिसमें केस स्टडी का टेक्स्ट, मेरी अटैच की हुई फ़ोटो और पिछले व अगले प्रोजेक्ट के लिंक हों; मेरे परिचय और फ़ोटो वाला परिचय पेज; और एक संपर्क पेज।

कॉन्टैक्ट फ़ॉर्म के फ़ील्ड: नाम, ईमेल, प्रोजेक्ट का प्रकार, समय-सीमा, मैसेज। हर मैसेज सेव करें और उन्हें एक निजी एडमिन पैनल में दिखाएं। हर नए मैसेज पर मुझे ईमेल करें।

एडमिन पैनल: सिर्फ़ मेरे लिए लॉगिन, जहाँ मैं प्रोजेक्ट जोड़, बदल, उनका क्रम बदल और उन्हें छिपा सकूँ, और उनकी फ़ोटो अपलोड कर सकूँ।

लुक और अंदाज़: [तीन विशेषण], [रंग की पसंद], ऐसी टाइपोग्राफ़ी जो [उदाहरण के लिए, पत्रिका जैसी और शांत] लगे। फ़ोटो को आगे रखें; टेक्स्ट छोटा रखें।

स्टाइल को "मॉडर्न" या "क्लीन" जैसे शब्दों के बजाय ठोस शब्दों में बताएं, क्योंकि इनका मतलब हर किसी के लिए अलग होता है। शब्दों के और पैटर्न AI वेबसाइट बिल्डर प्रॉम्प्ट टेम्पलेट में हैं। फ्री प्लान पर Wisy हर बिल्ड को एक छोटे पहले वर्ज़न तक रखता है, इसलिए अगर पहले नतीजे में एडमिन पैनल न हो, तो उसे दूसरे मैसेज में माँग लें।

हर प्रोजेक्ट का साफ़ URL वाला अलग पेज

तीन प्रोजेक्ट के लिए एक लंबा स्क्रॉल होने वाला पेज ठीक है। इससे ज़्यादा हों तो हर प्रोजेक्ट को अपना पेज दें। /work/chai-cafe-rebrand जैसे पते वाला प्रोजेक्ट पेज सीधे उस संभावित क्लाइंट को भेजा जा सकता है जिसने रेस्टोरेंट का काम माँगा था, सर्च नतीजों में उसका अपना टाइटल और डिस्क्रिप्शन होता है, और वह अपने विषय पर रैंक कर सकता है, जैसे "मसाला ब्रांड के लिए पैकेजिंग डिज़ाइन"।

WisyLink पर रिकॉर्ड के रूप में जोड़े गए हर प्रोजेक्ट को अपना ऐसा पेज मिलता है जिसे सर्च इंजन पढ़ सकते हैं, और जो आपके सेव किए डेटा से बनता है। नया प्रोजेक्ट पब्लिश करने के लगभग एक मिनट में काम वाले पेज पर, अपने URL पर और साइट के साइटमैप में दिखने लगता है, बिना नए बिल्ड के। हर प्रोजेक्ट पेज पर उसके कार्ड से ज़्यादा बात कहें: संदर्भ, प्रक्रिया की दो-तीन फ़ोटो, नतीजा और क्रेडिट। जो पेज सिर्फ़ टाइटल और एक फ़ोटो दोहराता है, वह न विज़िटर को रुकने की वजह देता है, न सर्च इंजन को।

प्रोजेक्ट के पते छोटे और साफ़ रखें, और उन्हें बदलें नहीं। अगर लिंक शेयर करने के बाद प्रोजेक्ट का नाम बदलते हैं, तो पुराने पते से नए पते पर रीडायरेक्ट माँग लें, ताकि पहले भेजे गए लिंक चलते रहें।

मैसेज सेव करने और ईमेल भेजने वाला कॉन्टैक्ट फ़ॉर्म (SMTP)

कॉन्टैक्ट फ़ॉर्म हर सबमिशन को साइट के अपने डेटाबेस में रखता है, और आप उन्हें एडमिन पैनल में पढ़ते हैं। यह हिस्सा पहले बिल्ड से ही काम करता है। ईमेल अलर्ट के लिए एक और कदम चाहिए: साइट आपके अपने SMTP खाते से मेल भेजती है, यानी वे आउटगोइंग मेल सेटिंग जो आपका ईमेल प्रोवाइडर देता है। आप होस्ट, पोर्ट, यूज़रनेम, पासवर्ड और भेजने वाला पता इंटीग्रेशन में पेस्ट करते हैं, जहाँ ये एन्क्रिप्ट रहते हैं और दोबारा कभी नहीं दिखते। जब तक आप ऐसा नहीं करते, मैसेज फिर भी सेव होते हैं; बस आपको उनके बारे में ईमेल नहीं मिलता। पासवर्ड कभी भी चैट में पेस्ट न करें।

तीन बातें फ़ॉर्म को और काम का बनाती हैं:

• परखने वाले फ़ील्ड। प्रोजेक्ट का प्रकार और समय-सीमा कुछ ही सेकंड में बता देते हैं कि किस पूछताछ का जवाब पहले देना है। बजट की रेंज कुछ विधाओं में काम आती है और कुछ में लोगों को डरा देती है; पक्का न हों तो उसे छोड़ दें।
• स्पैम की सीमा। बिल्डर से कहें कि एक ही ईमेल पते से बार-बार होने वाले सबमिशन सीमित करे, ताकि कोई स्क्रिप्ट आपका इनबॉक्स या डेटाबेस न भर दे।
• आपके डोमेन पर भेजने वाला पता। डोमेन जुड़ने के बाद भेजने वाला पता hello@yourname.com जैसा रखें, खासकर अगर आप लिखने वाले को अपने-आप जाने वाला कन्फ़र्मेशन ईमेल भी माँगते हैं।

लॉन्च से पहले खुद को एक टेस्ट मैसेज भेजें और पक्का करें कि वह एडमिन पैनल में और आपके इनबॉक्स में, स्पैम फ़ोल्डर समेत, दिख रहा है।

तेज़, शेयर होने लायक और ढूँढने लायक: सोशल कार्ड और SEO की बुनियाद

हर WisyLink साइट सर्वर पर रेंडर होती है, इसलिए सर्च इंजन और लिंक प्रीव्यू पहली ही रिक्वेस्ट पर पूरा पेज देखते हैं। हर पेज को अपना टाइटल, मेटा डिस्क्रिप्शन और कैनॉनिकल URL मिलता है, साथ में Open Graph और Twitter कार्ड टैग, स्ट्रक्चर्ड डेटा, फ़ेविकॉन, /sitemap.xml और /robots.txt। पहला बिल्ड साइट के लिए एक शेयर इमेज भी डिज़ाइन करता है, ताकि मैसेज में लिंक पेस्ट करने पर खाली बॉक्स की जगह सोचा-समझा कार्ड दिखे।

एक सीमा जान लें: शेयर कार्ड पूरी साइट के लिए एक ही डिज़ाइन किया हुआ ग्राफ़िक है, जो वेक्टर आर्ट से बनता है। उसमें आपकी अपनी फ़ोटो नहीं दिखतीं। अगर उसका लुक बदलना हो, तो चैट में बदलाव बताएं।

बाकी सामग्री का काम है, और वह आपका हिस्सा है:

• Alt टेक्स्ट। हर फ़ोटो में क्या दिख रहा है, आसान शब्दों में लिखें: "समुद्र किनारे के कैफ़े के लिए हाथ से लिखा मेन्यू कवर"। Google की इमेज SEO की बेहतरीन प्रैक्टिस वाली गाइड alt टेक्स्ट को इमेज मेटाडेटा का सबसे ज़रूरी एट्रिब्यूट बताती है, और इससे स्क्रीन रीडर इस्तेमाल करने वालों के लिए भी साइट काम की बनती है।
• प्रोजेक्ट पेजों पर शब्द। सर्च इंजन टेक्स्ट पढ़ते हैं, पिक्सेल नहीं। क्लाइंट का प्रकार, क्या बनाकर दिया, और अगर आप स्थानीय काम करते हैं तो जगह का नाम लिखें: "जयपुर में वेडिंग फ़ोटोग्राफ़र"।
• फ़ोटो का साइज़। वेब साइज़ की फ़ोटो फ़ोन पर पेज तेज़ रखती हैं, और संभावित क्लाइंट अक्सर किसी के फ़ॉरवर्ड किए लिंक को फ़ोन पर ही खोलते हैं।

एडमिन पैनल से नए प्रोजेक्ट जोड़ें

जो पोर्टफ़ोलियो कभी नहीं बदलता, वह छोड़ा हुआ लगने लगता है। पहले या दूसरे मैसेज में ही निजी एडमिन पैनल माँगें, जिसमें हर प्रोजेक्ट के लिए एक फ़ॉर्म हो: टाइटल, पता, सारांश, केस स्टडी का टेक्स्ट, कवर फ़ोटो, गैलरी की फ़ोटो, कैटेगरी, दिखाने का क्रम और पब्लिश करने का स्विच।

क्या साइट दोबारा बनाए बिना नए प्रोजेक्ट जोड़ सकते हैं?

हाँ। प्रोजेक्ट सेव किया हुआ डेटा हैं, कोड नहीं, इसलिए एडमिन पैनल से एक प्रोजेक्ट जोड़ने पर न बिल्ड शुरू होता है और न आपका बिल्ड कोटा खर्च होता है। नया पेज लगभग एक मिनट में विज़िटर तक पहुँच जाता है। चैट में आप तभी लौटते हैं जब डिज़ाइन बदलना हो या कोई फ़ीचर जोड़ना हो, जैसे क्लाइंट लोगो की पट्टी या "अभी नए काम के लिए उपलब्ध" बैनर।

एडमिन पैनल से अपलोड की गई फ़ोटो पब्लिक फ़ाइल के रूप में रखी जाती हैं, तेज़ी से दिखती हैं, और हर एक 25 MB तक सीमित है। पब्लिक अपलोड SVG फ़ाइलें नहीं लेते, इसलिए लोगो PNG में एक्सपोर्ट करें। बिल्ड का आखिरी नोट बताता है कि एडमिन पैनल में कैसे जाना है: अक्सर पहला रजिस्टर किया गया अकाउंट एडमिन बन जाता है, या नोट में साइन इन की जानकारी होती है। साइन इन करें, टेस्ट करें, और शुरुआती पासवर्ड को अपने पासवर्ड से बदल दें।

अपना डोमेन और लॉन्च

आपकी साइट https://<id>.wisylink.com जैसे पते से शुरू होती है, जो टेस्टिंग के लिए बिल्कुल ठीक है। मुफ़्त Community प्लान पर लिंक 30 दिन चलते हैं, फिर हटाए जाने से पहले एक और हफ़्ता हटाने के लिए चिह्नित रहते हैं। पोर्टफ़ोलियो को yourname.com पर लाना हर प्लान पर संभव है; उसे लाइव रखने के लिए पेड प्लान लें; Starter $7 प्रति माह का है (प्लान देखें; ऐप से खरीदने पर App Store या Google Play स्थानीय मुद्रा में चार्ज करते हैं)।

डोमेन सेक्शन में आप अपना मौजूदा डोमेन जोड़ सकते हैं; अगर आपके पास अभी डोमेन नहीं है, तो पहले किसी भी डोमेन रजिस्ट्रार से रजिस्टर कर लें। एक DNS रिकॉर्ड से जोड़ने पर आपका ईमेल वैसा ही रहता है; नेमसर्वर WisyLink की ओर करने से हर मौजूदा DNS रिकॉर्ड बदल जाता है, ईमेल वाले भी, इसलिए यह तभी चुनें जब आप उन्हें दोबारा बनाने को तैयार हों। डोमेन वेरिफ़ाई होते ही HTTPS अपने-आप सेट हो जाता है। पूरी प्रक्रिया AI से बनी वेबसाइट पर कस्टम डोमेन कैसे जोड़ें में है।

लिंक को दूर-दूर तक शेयर करने से पहले:

1. हर प्रोजेक्ट पेज फ़ोन पर खोलें और फ़ोटो की कटाई देखें।
2. एक टेस्ट पूछताछ भेजें और एडमिन की एंट्री और ईमेल, दोनों पक्के करें।
3. लिंक किसी मैसेजिंग ऐप में पेस्ट करें और प्रीव्यू कार्ड देखें।
4. हर शब्द एक बार और पढ़ें; पोर्टफ़ोलियो पर टाइपिंग की गलती बाकी कहीं से ज़्यादा महँगी पड़ती है।
5. लिंक अपने ईमेल सिग्नेचर, सोशल प्रोफ़ाइल और इनवॉइस में जोड़ें।

एक मैसेज से अपना पोर्टफ़ोलियो बनाएं

सबसे मुश्किल हिस्सा, यानी काम, आपके पास पहले से है। अपने सबसे अच्छे प्रोजेक्ट जुटाएं, हर एक पर पाँच लाइनें लिखें, फ़ोटो अटैच करें और ऊपर का प्रॉम्प्ट टेम्पलेट अपनी जानकारी भरकर पेस्ट करें। पहला वर्ज़न फ़ोन पर देखें, ज़रूरी बदलाव माँगें, और सही लगे तब अपना डोमेन जोड़ें।

यह सब आप मुफ़्त आज़मा सकते हैं: Community पर शुरू करें, कार्ड की ज़रूरत नहीं, और अपग्रेड तभी करें जब पोर्टफ़ोलियो आपके अपने डोमेन पर लाइव रहने के लिए तैयार हो।