नए उत्पाद के लिए वेबसाइट कैसे बनाएं (और हमने यह कैसे किया) |

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

यदि आप लोगो विकास प्रक्रिया के माध्यम से गए हैं तो आप पहले से ही एक रचनात्मक संक्षिप्त प्रारूप तैयार कर चुके हैं। यदि ऐसा है, तो आप बस अपनी वेबसाइट के लिए इसका पुन: उपयोग कर सकते हैं। यदि आपने अभी तक एक रचनात्मक संक्षिप्त विकसित नहीं किया है, तो अब एक बनाने का समय है।

सौभाग्य से, मैंने पहले से ही एक विस्तृत लेख लिखा है जो आपको सिखाता है कि इसे कैसे किया जाए, जिसमें चौकी रचनात्मक संक्षिप्त से उदाहरण शामिल हैं, इसलिए आप देख सकते हैं कि हमने कैसे बनाया। इसलिए, अगर आपको अपने रचनात्मक संक्षेप में काम की ज़रूरत है, तो मेरा आलेख देखें कि हमने अपना लोगो और उसके रचनात्मक संक्षिप्त विवरण कैसे विकसित किए हैं और फिर तैयार होने पर यहां वापस आएं।

साइटमैप बनाएं

अपने रचनात्मक संक्षिप्त के साथ हाथ, आप अपने साइटमैप पर काम करना शुरू कर देंगे। साइटमैप केवल एक रूपरेखा है जो सभी पृष्ठों (उनके उद्देश्यों और लक्ष्य सहित) को सूचीबद्ध करती है, जिन्हें आप अपनी साइट पर शामिल करने की योजना बनाते हैं।

यहां साइटमैप है जिसे हमने चौकी के लिए विकसित किया है:

1. 1. होम : उत्पाद अवलोकन और निशुल्क परीक्षण के लिए साइन अप करने के लिए "कार्रवाई करने के लिए कॉल करें"। सुविधाओं का वर्णन करने वाले अन्य पृष्ठों के माध्यमिक लिंक।
   2. विशेषताएं अवलोकन : विस्तृत फीचर पृष्ठों के लिंक के साथ सभी सुविधाओं का एक सिंहावलोकन।
      1. फ़ीचर ए के लिए फ़ीचर विवरण: फ़ीचर ए का विवरण
      2. फ़ीचर विवरण फ़ीचर बी: फ़ीचर बी का विवरण
      3. सभी सुविधाओं के लिए दोहराएं।

• मूल्य निर्धारण: मूल्य निर्धारण योजनाओं का विवरण और नि: शुल्क परीक्षण के लिए साइन अप करने के लिए लिंक।
• ग्राहक: सफल ग्राहकों की प्रोफाइल।
• हमारे बारे में: हम कौन हैं, हमारे मिशन कथन और हमारे इतिहास का अवलोकन।
• हमसे संपर्क करें: संपर्क जानकारी, घंटों, स्थान।
• नौकरियां: हमारे वर्तमान नौकरी खोलने की एक सूची।
• गोपनीयता कथन: चौकी गोपनीयता नीति।
• ब्लॉग: ब्लॉग के लिए मुखपृष्ठ जो हालिया ब्लॉग पोस्ट सूचीबद्ध करता है।
• ब्लॉग पोस्ट: कई ब्लॉग पोस्ट होंगे। यह पृष्ठ उनके लिए टेम्पलेट होगा।
• सहायता केंद्र: हमारा सहायता केंद्र ज़ेंडेस्क द्वारा संचालित किया जाएगा।

बेशक, आपकी साइट शायद चौकी साइटमैप से बहुत अलग होगी। यदि आप एक रेस्तरां हैं, उदाहरण के लिए, आपके पास मेनू के लिए शायद एक पृष्ठ या दो और आरक्षण के लिए एक पृष्ठ होगा। यदि आप ऑनलाइन स्टोर बना रहे हैं, तो आपके पास शायद कई अलग-अलग उत्पाद पृष्ठ होंगे।

आपके साइटमैप दस्तावेज, जितना संभव हो उतना आप कर सकते हैं, जो आपको लगता है कि आपकी साइट में क्या शामिल होगा। योजना का यह छोटा सा हिस्सा साइट की योजना और विकास को अधिक आसान बना देगा, इसलिए इस शुरुआती चरण में निवेश के लायक है।

अपनी प्रतिलिपि पहले डिजाइन से पहले लिखें

आपको लगता है कि मैंने नहीं किया यहां ऑर्डर नहीं मिलता है। पृष्ठ पर आप कौन से शब्दों को डालने जा रहे हैं, इस बारे में सोचने से पहले क्या आप अपनी वेबसाइट को डिज़ाइन नहीं करना चाहिए?

वास्तव में, बेहतर तरीका है कि चीजें "पिछड़ी" करें और अपनी वेबसाइट प्रतिलिपि के बारे में सोचें और फिर डिजाइन करें वह प्रतिलिपि। क्यूं कर? क्योंकि आप अपने ग्राहकों के साथ संवाद करना चाहते हैं क्योंकि आपकी साइट के वास्तविक अंतिम डिजाइन से कहीं अधिक महत्वपूर्ण है। बेशक, डिजाइन मायने रखता है और आप एक ऐसी साइट चाहते हैं जो अच्छा दिखता हो, लेकिन यदि आप अपने उपयोगकर्ताओं को अपने महत्वपूर्ण संदेश संवाद नहीं कर सकते हैं, तो एक अच्छा डिज़ाइन अंतर नहीं उठाएगा।

अपनी प्रतिलिपि पहले लिखना यह भी आपकी मदद करता है और संभावित डिजाइनर समझते हैं कि प्रत्येक पृष्ठ संवाद करने का प्रयास कर रहा है। इसके परिणामस्वरूप बेहतर डिज़ाइन-डिज़ाइन होता है जो आपके संदेश को मजबूत करता है। यहां तक ​​कि यदि आप स्क्वायरस्पेस जैसे टूल के साथ अपनी साइट बनाने के लिए जा रहे हैं, तो यह जानने के लिए कि प्रत्येक पृष्ठ को डिज़ाइन चुनने से पहले आपको क्या कहना है, एक बड़ा समय बचा होगा।

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

आपके होम पेज के लिए, आप शायद एक शीर्षक चाहते हैं वास्तव में वर्णन करता है कि आप क्या करते हैं-आपके ग्राहकों के लिए आपका महत्वपूर्ण मूल्य प्रस्ताव। इसके बाद आपकी कंपनी क्या करती है, इसका संक्षिप्त, विस्तारित विवरण होगा।

हमारे द्वारा निर्मित उत्पाद, आउटपोस्ट के लिए शीर्षक और विस्तृत विवरण यहां दिया गया है:

अपना साझा ईमेल स्ट्रीम करें

आसानी से ट्रैक करें, सहयोग करें, और जेनेरिक ईमेल पते पर भेजे गए संदेशों का जवाब दें, जैसे कि समर्थन @ या जानकारी @।

वहां से, आपके द्वारा अपने होम पेज पर जो प्रतिलिपि शामिल होगी, वह वास्तव में उस कंपनी के प्रकार द्वारा निर्धारित की जा रही है, जो आपके ग्राहक हैं हैं, और आपको संवाद करने की आवश्यकता है।

चौकी के लिए, हमें अपने उत्पाद की प्रमुख विशेषताओं और लाभों को संवाद करने और संभावित ग्राहकों को और जानने के लिए प्रोत्साहित करने की आवश्यकता है। हम भी अपनी ग्राहक सेवा टीम के बारे में बात करना चाहते हैं और वे कितने महान हैं।

लेकिन, यह आपके होम पेज के लिए सही सेटअप नहीं हो सकता है। यदि आप एक रेस्तरां हैं, तो हो सकता है कि आप आरक्षण प्राप्त करने के बारे में अपने मेनू या जानकारी के लिंक चाहते हों। प्रत्येक कंपनी अलग है, इसलिए पता करें कि आपको क्या कहना है और फिर इसे लिखना है।

हालांकि, रिक्त पृष्ठ से शुरू करने के बारे में चिंता न करें। इसके बजाय, अपने उद्योग में अपनी पसंदीदा वेबसाइटों की एक सूची के साथ आओ और इस बारे में सोचें कि आप प्रत्येक साइट के बारे में क्या पसंद करते हैं और नापसंद करते हैं। वे किस प्रकार की नेविगेशन का उपयोग करते हैं? वे किन पृष्ठों में शामिल हैं? वे किस तरह की छवियों का उपयोग करते हैं? आपको पहिया को फिर से शुरू करने की आवश्यकता नहीं है, और एक पसंदीदा साइट का उपयोग एक कूदने के बिंदु के रूप में शुरू करने का एक शानदार तरीका है।

एक अंतिम युक्ति: आमतौर पर कम होता है। अपनी वेबसाइट के लिए प्रतिलिपि के अंतहीन पैराग्राफ लिखने का लुत्फ उठाएं (जब तक कि आपके ग्राहक अपेक्षा न करें!)। यदि आप वेबसाइटों का उपयोग करने के तरीके पर ध्यान देते हैं, तो आप पाएंगे कि आप अक्सर पाठ के माध्यम से स्किमिंग कर रहे हैं, हर शब्द नहीं पढ़ रहे हैं। क्योंकि इस तरह प्रत्येक शब्द पढ़ने के बजाए अधिकांश लोग ऑनलाइन-स्किमिंग पढ़ते हैं-अपनी प्रतिलिपि को छोटी और बिंदु पर रखें।

एक वायरफ्रेम विकसित करें

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

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

अगर आपको प्रेरणा की आवश्यकता है, तो अपनी पसंद की अन्य साइटों को देखें और देखें कि वे प्रत्येक पृष्ठ पर जानकारी कैसे बनाते हैं। अन्य साइटों से लेआउट उधार लेना और अपनी साइट के लिए प्रेरणा ढूंढना बिल्कुल ठीक है।

यदि पेन और पेपर का उपयोग करना आपकी बात नहीं है, तो आप वायरफ्रेम बनाने के लिए पावरपॉइंट या कीनोट का उपयोग कर सकते हैं। बाल्सामीक जैसे समर्पित वायरफ्रेमिंग टूल्स भी हैं जो प्रक्रिया को आसान बनाते हैं।

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