आपको पहली छाप छोड़ने का दूसरा मौका कभी नहीं मिलता। इसीलिए आपको विचारशील होमपेज डिज़ाइन की आवश्यकता है।
अपनी साइट डिज़ाइन करते समय, अपने मुखपृष्ठ को एक आभासी सामने वाले दरवाजे के रूप में सोचें। यदि किसी नए आगंतुक को वह पसंद नहीं आता जो वे देखते हैं, तो उनकी तुरंत प्रतिक्रिया "वापस" बटन दबाने की होती है।
तो, किसी वेबसाइट का मुखपृष्ठ क्या बनता है डिज़ाइन नीरस के बजाय शानदार? इस पोस्ट में, आप होम पेज डिज़ाइन के बारे में पूरी जानकारी सीखेंगे। फिर, आप ऐसी साइटें देख सकते हैं जो इन सर्वोत्तम प्रथाओं को काम में लाती हैं।
एक अच्छी वेबसाइट क्या बनाती है?
एक अच्छी वेबसाइट स्पष्ट रूप से बताती है कि आप कौन हैं, आप क्या करते हैं और विज़िटर आपकी साइट पर क्या कर सकते हैं। यह आपके दर्शकों को भी पसंद आता है और इसका एक मूल्य प्रस्ताव है। आपकी साइट को कई उपकरणों के लिए अनुकूलित किया जाना चाहिए और नए डिज़ाइन रुझानों के अनुकूल होने के लिए अद्यतन किया जाना चाहिए।
मुखपृष्ठ डिज़ाइन की सर्वोत्तम प्रथाएँ
यहां दिखाए गए सभी होमपेज डिज़ाइन निम्नलिखित तत्वों को जोड़ते हैं। हर पेज परफेक्ट नहीं है, लेकिन सर्वश्रेष्ठ वेबसाइट डिजाइन इनमें से कई तत्वों को ठीक से प्राप्त करें।
1. डिज़ाइन स्पष्ट रूप से उत्तर देता है कि आप कौन हैं, आप क्या करते हैं और आगंतुक आपकी साइट से कैसे जुड़ सकते हैं।
यदि आप एक प्रसिद्ध ब्रांड या कंपनी (यानी, कोका-कोला) हैं, तो आप यह बताए बिना बच सकते हैं कि आप कौन हैं और क्या करते हैं। हालाँकि, अधिकांश व्यवसायों को अभी भी इन प्रश्नों का उत्तर देने की आवश्यकता है ताकि प्रत्येक आगंतुक को पता चले कि वे सही जगह पर हैं।
स्टीवन क्रुग ने अपनी सबसे अधिक बिकने वाली पुस्तक में इसका सबसे अच्छा वर्णन किया है, मुझे मत सोचो: यदि आगंतुक कुछ ही सेकंड में यह नहीं पहचान पाते कि आप क्या कर रहे हैं, तो वे अधिक समय तक टिके नहीं रहेंगे।
2. डिज़ाइन लक्षित दर्शकों के साथ प्रतिध्वनित होता है।
एक मुखपृष्ठ को संकीर्ण रूप से केंद्रित करने की आवश्यकता है - सही लोगों से उनकी भाषा में बात करना। सर्वोत्तम होमपेज कॉर्पोरेट शब्दजाल से बचते हैं और फ़ुलफ़ुल को ख़त्म करते हैं।
3. डिजाइन एक सम्मोहक मूल्य प्रस्ताव का संचार करता है।
जब कोई आगंतुक आपके होमपेज पर आता है, तो आपके डिज़ाइन को उन्हें यहीं रुकने के लिए मजबूर करना होगा। इसलिए, होमपेज आपके मूल्य प्रस्ताव को बेहतर बनाने के लिए सबसे अच्छी जगह है, इसलिए संभावित ग्राहक आपकी वेबसाइट पर बने रहना चुनते हैं।
4. डिजाइन कई उपकरणों के लिए अनुकूलित है।
मोबाइल उपकरणों का हिसाब रखा गया वैश्विक यातायात का 65.85% अक्टूबर 2022 में। तो स्पष्ट रूप से, यदि आप ऑनलाइन बाज़ार में एक महत्वपूर्ण हिस्सेदारी आकर्षित करना चाहते हैं तो आपकी वेबसाइट को मोबाइल-अनुकूल होना चाहिए।
एक मोबाइल-अनुकूल वेबसाइट पर नेविगेट करना आसान है। ब्राउज़िंग के रास्ते में आने वाली "आकर्षक" वस्तुओं से बचें। इसमें फ़्लैश बैनर, एनिमेशन, पॉप-अप और अन्य अनावश्यक तत्व शामिल हैं।
5. डिजाइन में कॉल-टू-एक्शन (सीटीए) शामिल हैं।
कॉल-टू-एक्शन आगंतुकों को विशिष्ट कार्रवाई करने के लिए प्रोत्साहित करने में आपकी सहायता करें। उदाहरणों में शामिल हैं "निःशुल्क परीक्षण," "एक डेमो शेड्यूल करें," "अभी खरीदें," या "और जानें।"
अधिकांश होमपेज आगंतुकों को अगले तार्किक चरण पर निर्देशित करने के लिए प्राथमिक और द्वितीयक कॉल-टू-एक्शन का उपयोग करते हैं।
याद रखें, होमपेज का लक्ष्य आगंतुकों को आपकी वेबसाइट को गहराई से जानने के लिए बाध्य करना है। सीटीए उन्हें बताते हैं कि आगे क्या करना है, ताकि वे अभिभूत या निराश न हों। इससे भी महत्वपूर्ण बात यह है कि सीटीए आपके होमपेज को सिर्फ ब्रोशर-वियर नहीं बल्कि एक बिक्री इंजन में बदल देते हैं।
6. डिजाइन हमेशा बदलता रहता है।
सर्वोत्तम होम पेज गतिशील होते हैं. वे अपने आगंतुकों की आवश्यकताओं, समस्याओं और प्रश्नों को प्रतिबिंबित करने के लिए लगातार बदलते रहते हैं।
कुछ होमपेज ए/बी परीक्षण का भी उपयोग करते हैं गतिशील सामग्री सूचित परिवर्तन करने के लिए.
7. डिजाइन प्रभावी है।
एक अच्छी तरह से डिज़ाइन किया गया पृष्ठ विश्वास बनाने, मूल्य संप्रेषित करने और आगंतुकों को अगले चरण पर ले जाने के लिए महत्वपूर्ण है। ये होमपेज लेआउट, सफेद स्थान, रंग, फ़ॉन्ट और अन्य सहायक तत्वों का प्रभावी ढंग से उपयोग करते हैं।
अब, निम्नलिखित 23 वास्तविक जीवन के उदाहरणों के माध्यम से उत्कृष्ट होमपेज डिज़ाइन के बारे में जानने के लिए तैयार हो जाइए।
सूची स्निपेट
मुखपृष्ठ उदाहरण
- FreshBooks
- ए24 फिल्म्स
- ओमसोम
- HubSpot
- Pixelgrade
- टकसाल
- ड्रॉपबॉक्स
- Chipotle
- 4 नदियाँ स्मोकहाउस
- ईवेडिंग
- Spotify
- रंगकर्मी
- मेलिसा ग्रिफिन
- नाइन लाइव्स फाउंडेशन
- Digiday
- जिल कोनराथ
- Evernote
- टेलरिक बाय प्रोग्रेस
- Basecamp
- करुणा जल
- टेकवैलिडेट
- मध्यम
- दयालु नाश्ता
- Ahrefs
- Ellevest
1. FreshBooks
FreshBooks छोटे और मध्यम आकार के व्यवसायों के लिए एक लेखांकन सॉफ्टवेयर है। और साइट का मुखपृष्ठ कंपनी के मिशन को स्पष्ट करता है। पेज FreshBooks की विशेषताओं को प्रस्तुत करता है ताकि आगंतुक जल्दी से समझ सकें कि टूल को आज़माने से उन्हें क्या लाभ होगा।
प्राथमिक कॉल-टू-एक्शन के साथ कंट्रास्ट और पोजिशनिंग का बहुत अच्छा उपयोग होता है। यह स्पष्ट है कि कंपनी चाहती है कि जब आप आएं तो आप परिवर्तित हो जाएं। "मुफ़्त में आज़माएँ" भी एक बहुत ही सम्मोहक CTA है।
हम क्या प्यार करते हैं: FreshBooks ग्राहकों की सफलता की वास्तविक दुनिया की कहानियाँ बताने के लिए ग्राहक प्रशंसापत्र का उपयोग करता है। वे तृतीय-पक्ष साइटों से स्टार रेटिंग को शामिल करके सामाजिक प्रमाण का भी उपयोग करते हैं।
2. ए24 फिल्म्स
फ़िल्म कंपनी का मुखपृष्ठ केवल उसकी नई फ़िल्मों के ट्रेलरों से बना है। A24 के काम को आकर्षक तरीके से प्रदर्शित करने की यह एक बेहतरीन रणनीति है।
हम क्या प्यार करते हैं: यह वेबसाइट सर्वोत्तम सरल डिज़ाइन प्रदर्शित करती है। मुखपृष्ठ पर प्रत्येक आइटम एक पूरी पंक्ति है - जिसमें केवल एक छवि और बड़ा पाठ शामिल है। कुछ भी अव्यवस्थित नहीं है और प्रत्येक प्रदर्शित फिल्म या दुकान का सामान पॉप हो जाता है।
3. ओमसोम
"मिनटों में असली एशियाई स्वाद" शीर्षक वाले शीर्षक के साथ, आगंतुकों को इस मुखपृष्ठ पर आने के बाद ठीक से पता चल जाता है कि उन्हें क्या मिल रहा है। ओम्सोम ऐसे पैकेट बेचता है जिनमें एशियाई खाना पकाने के लिए मसाले और आधार सामग्री शामिल होती है। ग्राहकों को बस सब्जियां और प्रोटीन जोड़ने की जरूरत है।
जैसे ही आप स्क्रॉल करते हैं, ओमसोम का मूल्य प्रस्ताव और उनका उत्पाद कैसे काम करता है, यह पता चलता है। ये अनुभाग महत्वपूर्ण हैं क्योंकि ये संदेहास्पद आगंतुकों को ब्रांड के साथ खरीदारी करने के अधिक कारण देते हैं।
हम क्या प्यार करते हैं: नायक अनुभाग में समीक्षाएँ, मुफ़्त शिपिंग ऑफ़र और एक शानदार छवि शामिल है। ये तत्व आगंतुकों को स्क्रॉल करने से पहले ही कार्रवाई करने के लिए प्रेरित करते हैं।
4. HubSpot
हमें अपना हॉर्न बजाने में एक सेकंड लगेगा। हबस्पॉट का मुखपृष्ठ एक आकर्षक शीर्षक के साथ शुरू होता है जो बताता है कि हम क्या करते हैं और किसके लिए करते हैं।
इस जानकारी के बाद दोहरी CTA आती है। आप डेमो बुक करना या साइन अप करना चुन सकते हैं मुक्त करने के लिए.
हम क्या प्यार करते हैं: हबस्पॉट के समुदाय की विशालता को दिखाने के लिए आंकड़ों और सांख्यिकी का चतुराईपूर्ण उपयोग किया गया है। 150,000 से अधिक देशों में 120 से अधिक उपयोगकर्ताओं को देखने से आगंतुकों में विश्वास पैदा होगा।
5. Pixelgrade
एक नज़र में, आप बता सकते हैं कि Pixelgrade क्या ऑफ़र करता है: वर्डप्रेस थीम। बड़ा शीर्षक, उसके बाद एक वर्णनात्मक उपशीर्षक, आगंतुकों को बताता है कि उन्हें क्या अपेक्षा करनी है।
दाईं ओर आपको एक झलक मिलती है कि उनकी वर्डप्रेस थीम कैसी दिखती हैं। फिर, जैसे ही आप स्क्रॉल करते हैं, पृष्ठ तीन कारण बताता है कि आपको पिक्सेलग्रेड का उपयोग क्यों करना चाहिए। प्रत्येक कारण के बाद वास्तविक जीवन के ग्राहकों से प्रशंसापत्र लिया जाता है।
हम क्या प्यार करते हैं: डिज़ाइन सरल है, और रंग संयोजन कॉल-टू-एक्शन को विशिष्ट बनाने का बहुत अच्छा काम करता है।
6. टकसाल
मिंट का होम पेज कंपनी के संदेश को स्पष्ट करता है: उनका ऐप आपके पैसे का प्रबंधन करना आसान बनाता है।
संपूर्ण मुखपृष्ठ डिज़ाइन में सरलता को सुदृढ़ किया गया है। साइट एक सुरक्षित लेकिन आसान माहौल देती है, जो वित्तीय जानकारी को संभालने वाले उत्पाद के लिए आवश्यक है। इसमें कोई शब्दजाल या भ्रमित करने वाली भाषा नहीं है।
पृष्ठ में एक सरल, प्रत्यक्ष, सम्मोहक कॉल-टू-एक्शन प्रतिलिपि भी शामिल है: "निःशुल्क साइन अप करें।"
हम क्या प्यार करते हैं: 30 मिलियन उपयोगकर्ताओं का उल्लेख सामाजिक प्रमाण का एक बड़ा उपयोग है। यह संभवतः आगंतुकों को टूल आज़माने के लिए प्रेरित करेगा।
7. ड्रॉपबॉक्स
ड्रॉपबॉक्स सरल डिज़ाइन और ब्रांडिंग पर भी निर्भर करता है। इसमें केवल वही शामिल है जो आवश्यक है: सहायक प्रति के साथ एक बड़ी, प्रासंगिक छवि और "आरंभ करें" कॉल-टू-एक्शन बटन।
इसका उप-शीर्षक सरल लेकिन शक्तिशाली है: “उपयोग में आसान, विश्वसनीय, निजी और सुरक्षित। इसमें कोई आश्चर्य की बात नहीं है कि ड्रॉपबॉक्स आपकी सबसे महत्वपूर्ण फ़ाइलों को संग्रहीत करने और साझा करने का विकल्प है। ड्रॉपबॉक्स वास्तव में क्या करता है यह जानने के लिए शब्दजाल को डिकोड करने की आवश्यकता नहीं है।
हम क्या प्यार करते हैं: पूरे मुखपृष्ठ पर, ड्रॉपबॉक्स अपने टूल के लिए विभिन्न उपयोग मामलों का वर्णन करता है। ऐसा करने से आगंतुकों को यह जानने में मदद मिलती है कि ड्रॉपबॉक्स उनकी कैसे (और यदि) मदद कर सकता है।
8. Chipotle
मुखपृष्ठ चपलता और निरंतर परिवर्तन का एक उत्कृष्ट उदाहरण है। चिपोटल का वर्तमान मुखपृष्ठ इसके मेनू में नवीनतम जोड़ के बारे में है।
आप कंपनी की अन्य सेवा पेशकशों को भी अच्छे से देख सकते हैं। इसमें ऑनलाइन ऑर्डर, उपहार कार्ड और खानपान शामिल हैं।
हम क्या प्यार करते हैं: भोजन की फोटोग्राफी विस्तृत और सुंदर है। तस्वीरें देखते ही दर्शकों को भूखा कर देती हैं। अब यह दृश्यों का एक प्रभावी उपयोग है।
9. 4 नदियाँ स्मोकहाउस
लार. जब मैं 4 रिवर स्मोकहाउस की वेबसाइट पर पहुंचता हूं तो यही सोचता हूं। शानदार फोटोग्राफी और शीर्षक "परिवार का स्वामित्व।" स्थानीय रूप से निर्मित. समुदाय केंद्रित" आसानी से अनुभव बेचते हैं।
जैसे ही आप स्क्रॉल करते हैं, आपको सेवाओं, मेनू और अच्छा समय बिता रहे लोगों के दौरे पर ले जाया जाता है।
हम क्या प्यार करते हैं: कंपनी के इतिहास के बारे में एक संक्षिप्त नोट पृष्ठ के नीचे पाया जाता है। कंपनी की कहानी ब्रांड की प्रामाणिकता को बढ़ाती है और ग्राहकों के साथ उसके रिश्ते को गहरा करती है।
10. ईवेडिंग
उन प्रेमी पक्षियों के लिए जो अपने बड़े दिन की योजना बना रहे हैं, ई-वेडिंग एक कस्टम विवाह वेबसाइट बनाने के लिए एक बेहतरीन गंतव्य है। मुखपृष्ठ अव्यवस्थित नहीं है और इसमें आपको आरंभ करने के लिए केवल आवश्यक तत्व शामिल हैं।
होमपेज में उत्कृष्ट उत्पाद दृश्य, एक शानदार शीर्षक और एक कॉल-टू-एक्शन शामिल है जो कॉपी के साथ घर्षण को कम करता है, "अभी शुरू करें।"
अधिक आगंतुकों को ई-वेडिंग का उपयोग करने के लिए मनाने के लिए, साइट में एक लागत कैलकुलेटर है जो यह अनुमान लगाने में मदद करता है कि जोड़े कुल आरएसवीपी, एक नकद रजिस्ट्री और एक कस्टम वेबसाइट पर कितनी बचत कर सकते हैं।
हम क्या प्यार करते हैं: ईवेडिंग (900,000 से अधिक) का उपयोग करके बनाई गई विवाह वेबसाइटों की संख्या का लाइव काउंटर उत्कृष्ट सामाजिक प्रमाण है।
11. Spotify
Spotify ने "कम ही अधिक है" मंत्र में महारत हासिल कर ली है। आगंतुकों का तुरंत एक साधारण मूल्य प्रस्ताव द्वारा स्वागत किया जाता है। वे बिना किसी कीमत के गाने और पॉडकास्ट चला सकते हैं। एक साधारण CTA आपको एक साइनअप पृष्ठ पर ले जाता है।
जैसे ही आप स्क्रॉल करते हैं, पेज बताता है कि आपको Spotify क्यों चुनना चाहिए। साइट इस बात को पुष्ट करती है कि आप अभी शुरुआत कर सकते हैं "किसी क्रेडिट कार्ड की आवश्यकता नहीं है।"
हम क्या प्यार करते हैं: Spotify के होमपेज में एक संक्षिप्त FAQ शामिल है। प्रत्येक प्रश्न बताता है कि प्लेटफ़ॉर्म का उपयोग कैसे करें, जिसमें प्लेलिस्ट कैसे बनाएं और पॉडकास्ट कहां खोजें। सरल उत्तर दर्शाते हैं कि Spotify का उपयोग करना आसान है।
12. रंगकर्मी
याद रखें, आपके होम पेज पर यह स्पष्ट होना चाहिए कि आपका उत्पाद क्या करता है।
कलरस्मिथ दिखाता है कि आपके मिशन को समझाना सरल हो सकता है। "पुरुषों के लिए कस्टम हेयर कलर" शीर्षक आगंतुकों को तुरंत बताता है कि वेबसाइट किस बारे में है - जिससे कोई भी भ्रम दूर हो जाता है।
शीर्षक के नीचे एक वीडियो है जिसमें वास्तविक लोगों को अपनी दिनचर्या में कलरस्मिथ का उपयोग करते हुए दिखाया गया है। यह वीडियो दर्शकों को आकर्षित करता है और उन्हें उत्पादों का उपयोग करके अपनी एक मानसिक तस्वीर बनाने में मदद करता है।
हम क्या प्यार करते हैं: "क्राफ्ट माई कलर" सीटीए का लगातार उपयोग हो रहा है। पूरे पृष्ठ पर एक एकल CTA विकर्षणों को सीमित करता है और आगंतुकों के लिए कार्रवाई के वांछित पाठ्यक्रम को स्पष्ट करता है।
13. मेलिसा ग्रिफिन
मेलिसा ग्रिफिन की साइट उनकी विशेषज्ञता और व्यक्तित्व दोनों को प्रदर्शित करती है।
मेलिस्सा अपनी एक छवि शामिल करना अच्छा करती है ताकि आगंतुक उससे परिचित हो सकें। वह सिर्फ एक यादृच्छिक वेबसाइट नहीं है. वह स्पष्ट करती है कि वह एक इंसान है जिससे लोग जुड़ सकते हैं।
पेज बिना किसी अतिरेक के चमकीले रंगों का उपयोग करता है, जिससे मेलिसा की केंद्रीय व्यावसायिक पेशकशों को समझना आसान हो जाता है।
हम क्या प्यार करते हैं: आगंतुकों को लेने के लिए आमंत्रित किया जाता है त्वरित प्रश्नोत्तरी. यह आगंतुकों को अपने धन प्रबंधन आदर्श को सीखने की अनुमति देता है, जबकि मेलीसा लीड उत्पन्न करता है।
14. नाइन लाइव्स फाउंडेशन
यदि आप एक गैर-लाभकारी संस्था हैं और किसी वेबसाइट रोल मॉडल की तलाश में हैं, तो आगे न देखें। नाइन लाइव्स कैलिफोर्निया स्थित बिल्ली गोद लेने का केंद्र है। उनका शीर्षक "बिल्लियों और बिल्ली के बच्चों के लिए घर ढूंढना" उनके मिशन को स्पष्ट करता है।
जैसे-जैसे आप स्क्रॉल करेंगे, आपको अलग-अलग तरीके दिखाई देंगे जिनसे आप बचाव में शामिल हो सकते हैं - और यह सिर्फ एक बिल्ली को गोद लेना नहीं है। आप देने के तरीकों, अपने प्यारे दोस्त के लिए टीकाकरण के विकल्पों और स्वयंसेवा करने के तरीकों के बारे में जान सकते हैं।
हम क्या प्यार करते हैं: गैर-लाभकारी संस्थाएँ अनेक CTAs से लाभ उठा सकती हैं। आपके होम पेज पर ऐसे कई तरीके बताए जाने चाहिए जिनसे लोग आपके संगठन के साथ बातचीत कर सकें।
15. Digiday
अन्य ऑनलाइन समाचार प्रकाशनों के विपरीत, जो यथासंभव अधिक से अधिक शीर्षकों और छवियों के साथ मुखपृष्ठों को भर देते हैं, एक एकल लेख डिजीडे के अधिकांश शीर्ष भाग पर कब्जा कर लेता है।
इसकी चित्रित छवि आकर्षक है, और शीर्षक बस क्लिक करने के लिए कहता है।
हम क्या प्यार करते हैं: मुखपृष्ठ के शीर्ष पर क्लिक करने के लिए केवल एक आइकन है - जो आपको सदस्यता पृष्ठ पर ले जाता है।
16. जिल कोनराथ
यह मुखपृष्ठ सीधे मुद्दे पर आता है। शीर्षक और उप-शीर्षक से, यह बिल्कुल स्पष्ट है कि जिल कोनराथ क्या करती है (और वह आपके व्यवसाय में कैसे मदद कर सकती है)।
आगंतुक जिल की विचार नेतृत्व सामग्री भी आसानी से पा सकते हैं, जो मुख्य वक्ता के रूप में उनकी विश्वसनीयता स्थापित करने के लिए महत्वपूर्ण है। पॉप-अप सदस्यता CTA आपको उसके हजारों अन्य प्रशंसकों से जुड़ने के लिए सामाजिक प्रमाण का उपयोग करती है।
हम क्या प्यार करते हैं: न्यूज़लेटर की सदस्यता लेना और संपर्क करना आसान है - उसकी दो प्राथमिक कॉल-टू-एक्शन।
17. Evernote
इन वर्षों में, एवरनोट एक साधारण नोट-सेविंग ऐप से व्यावसायिक उत्पादों के एक सूट में बदल गया है। एवरनोट कई संभावित संदेशों को कुछ प्रमुख लाभों में पैक करने का उत्कृष्ट काम करता है।
यह मुखपृष्ठ रूपांतरण पथों को विशिष्ट बनाने के लिए सफेद स्थान और उसके विशिष्ट चमकीले हरे और सफेद हाइलाइट्स के संयोजन का उपयोग करता है। एक सरल शीर्षक ("अपने काम को नियंत्रित करें, अपने जीवन को व्यवस्थित करें") के बाद, नेत्र पथ आपको इसके कॉल-टू-एक्शन, "मुफ़्त में साइन अप करें" की ओर ले जाता है।
हम क्या प्यार करते हैं: Evernote आगंतुकों को और भी अधिक समय बचाने में मदद करने के लिए Google के माध्यम से एक-क्लिक साइन-अप प्रक्रिया भी प्रदान करता है।
18. टेलरिक बाय प्रोग्रेस
"स्टफ़ी एंटरप्राइज़" वह भावना नहीं है जो आपको टेलरिक की वेबसाइट से मिलती है। एक ऐसी कंपनी के लिए जो कई प्रौद्योगिकी उत्पाद पेश करती है, इसके बोल्ड रंग, मज़ेदार डिज़ाइन और वीडियोग्राफी Google जैसी अनुभूति देते हैं।
वेबसाइट अपने छह उत्पाद प्रस्तावों का एक सरल, उच्च-स्तरीय अवलोकन का उपयोग करती है। यह यह बताने का एक बहुत ही स्पष्ट तरीका है कि कंपनी क्या करती है और लोग कैसे अधिक सीख सकते हैं।
हम क्या प्यार करते हैं: कॉपी हल्की है और पढ़ने में आसान है। यह अपने ग्राहकों की भाषा बोलता है।
19. Basecamp
बेसकैंप के मुखपृष्ठ पर एक शानदार शीर्षक और उप-शीर्षक है जो बताता है कि वे क्या करते हैं और वे बाकियों से कैसे भिन्न हैं। कॉल-टू-एक्शन बोल्ड और फोल्ड के ऊपर है।
हम क्या प्यार करते हैं: इस उदाहरण में, कंपनी ने अधिक ब्लॉग-जैसा होमपेज (या सिंगल-पेज साइट दृष्टिकोण) चुना, जो बहुत अधिक उत्पाद जानकारी प्रदान करता है।
20. करुणा जल
दान: जल आगंतुकों को संलग्न करने के लिए दृश्य, रचनात्मक प्रतिलिपि और इंटरैक्टिव वेब डिज़ाइन का उपयोग करता है। वेबसाइट का मुख्य उद्देश्य, दान स्वीकार करना, फोल्ड के ठीक ऊपर भुगतान गेटवे के साथ सबसे आगे लाया गया है।
जो लोग पृष्ठ के शीर्ष पर दान गेटवे से चूक जाते हैं, उनके लिए वेबसाइट नीचे स्क्रॉल करने पर दान करने के अन्य तरीके भी दिखाती है।
हम क्या प्यार करते हैं: यह गैर-लाभकारी संस्था वीडियो और फ़ोटोग्राफ़ी का बहुत अच्छा उपयोग करती है, विशेष रूप से उन भावनाओं को कैप्चर करने में जो कार्रवाई का कारण बनती हैं।
21. टेकवैलिडेट
सॉफ़्टवेयर टूल को अपना मूल्य प्रस्ताव और उनका उत्पाद उनके होमपेज पर कैसे काम करता है, इसकी व्याख्या करनी चाहिए। TechValidate इस संक्षिप्त विवरण को महारत के साथ क्रियान्वित करता है - आवश्यक जानकारी के साथ सुंदर डिज़ाइन को जोड़ता है।
यह होमपेज सफ़ेद स्थान, विपरीत रंगों और ग्राहक-केंद्रित डिज़ाइन का उपयोग करके खूबसूरती से डिज़ाइन किया गया है। शीर्षक स्पष्ट और सम्मोहक है, जैसा कि कॉल-टू-एक्शन है।
हम क्या प्यार करते हैं: उत्पाद का वीडियो सामने और मध्य में है. ग्राहक जानते हैं कि अधिक जानने के लिए क्या देखना है।
22. मध्यम
मीडियम का होमपेज ट्रेंडिंग कहानियों पर आगंतुकों का ध्यान आकर्षित करने से पहले एक साधारण हेडर, सब-हेडर और सीटीए बटन का उपयोग करता है - वेबसाइट का मुख्य बिंदु।
हम क्या प्यार करते हैं: मुखपृष्ठ आगंतुकों को क्लिक करने के लिए प्रेरित करने के लिए सामाजिक प्रमाण का उपयोग करता है। "ट्रेंडिंग ऑन मीडियम" अनुभाग आगंतुकों को यह बताता है कि उच्च गुणवत्ता वाली सामग्री कहां मिलेगी।
23. दयालु नाश्ता
काइंड स्नैक्स वेबसाइट केवल छवियों से ही आपको भूखा बना देती है। गहरे रंग कंट्रास्ट उत्पन्न करते हैं, जिससे शब्द और चित्र पृष्ठ पर अलग दिखाई देते हैं।
वेबसाइट ब्रांड के उत्पादों की विस्तृत श्रृंखला दिखाने के लिए कैरोसेल का भी उपयोग करती है। सभी विकल्प इस बात को सुदृढ़ करते हैं कि कोई भी अपना नया पसंदीदा स्नैक पा सकता है।
हालाँकि, काइंड की वेबसाइट केवल व्यक्तिगत उत्पाद बेचने से कहीं अधिक है। होमपेज आगंतुकों को गिफ्टिंग क्यूब्स, बिल्ड-योर-ओन-बॉक्स विकल्प और मिनी उत्पादों से भी परिचित कराता है।
हम क्या प्यार करते हैं: काइंड की वेबसाइट में एक सदस्यता विकल्प भी है। यहां, ब्रांड स्पष्ट रूप से उन लाभों को बताता है जिनका आगंतुकों को सदस्यता लेने पर आनंद मिलेगा।
24. Ahrefs
Ahrefs कई टूल प्रदान करता है जो टीमों को उनके SEO को बेहतर बनाने में मदद कर सकते हैं। हालाँकि, होम पेज ऑफ़र को सरल रखता है, जिससे आगंतुकों को साइन अप करने के लिए प्रेरित किया जाता है।
साइट के डिज़ाइन से सादगी को बल मिलता है। ठोस पृष्ठभूमि और सरल टाइपोग्राफी के कारण कोई अव्यवस्था नहीं है। नीले, सफेद और नारंगी रंगों के बीच रंग का अंतर आकर्षक है और शीर्षक और सीटीए को आकर्षक बनाता है।
हम क्या प्यार करते हैं: Ahrefs पूरे पृष्ठ में विभिन्न सामाजिक प्रमाण तत्वों का उपयोग करता है। उदाहरण के लिए, विज़िटर पिछले सप्ताह में बनाए गए नए Ahrefs खातों की संख्या को फोल्ड के ऊपर देख सकते हैं।
25. Ellevest
"आपके धन संबंधी लक्ष्य व्यक्तिगत हैं।" यह शीर्षक सशक्त है और आगंतुकों को उत्पाद के बारे में और अधिक जानने के लिए प्रेरित करता है। छवियां कंपनी के मूल्य प्रस्तावों में से एक को बताने के बजाय दिखाती हैं: एक मोबाइल ऐप, तराजू की जोड़ी, और कैलकुलेटर जो आपके साथ चलते हैं।
हम क्या प्यार करते हैं: "प्रारंभ करें" एक महान CTA है — वास्तव में, हम यहां हबस्पॉट में स्वयं इसका उपयोग करते हैं। जब क्लिक किया जाता है, तो यह आगंतुकों को एक प्रोफ़ाइल बनाने और निवेश शुरू करने के लिए कुछ आसान चरणों में ले जाता है।
सर्वश्रेष्ठ होम पेज का निर्माण
जब सुंदर मुखपृष्ठ डिज़ाइन की बात आती है, तो याद रखें: कम अधिक है। आपके होमपेज का काम आपके मिशन को प्रस्तुत करना और यह बताना है कि आगंतुक आपकी पेशकश से क्या हासिल कर सकते हैं।
जब आप अपनी साइट पर दोबारा जाएँ तो इन सर्वोत्तम प्रथाओं को ध्यान में रखें। जल्द ही, आप हमारी सूची बनाने की राह पर होंगे।
- एसईओ संचालित सामग्री और पीआर वितरण। आज ही प्रवर्धित हो जाओ।
- प्लेटोब्लॉकचैन। Web3 मेटावर्स इंटेलिजेंस। ज्ञान प्रवर्धित। यहां पहुंचें।
- स्रोत: https://blog.hubspot.com/blog/tabid/6307/bid/34006/15-examples-of-brilliant-homepage-design.aspx
- 000
- 2022
- a
- About
- ऊपर
- स्वीकार करें
- लेखांकन
- लेखांकन सॉफ्टवेयर
- अकौन्टस(लेखा)
- कार्य
- कार्रवाई
- अनुकूलन
- इसके अलावा
- जोड़ता है
- अपनाने
- दत्तक ग्रहण
- सब
- की अनुमति देता है
- हमेशा
- वीरांगना
- और
- एनिमेशन
- जवाब
- जवाब
- किसी
- अनुप्रयोग
- दृष्टिकोण
- चारों ओर
- ऐरे
- आने वाला
- लेख
- एशियाई
- ध्यान
- दर्शक
- प्रामाणिकता
- पृष्ठभूमि
- बैनर
- आधार
- सुंदर
- खूबसूरती से
- से पहले
- जा रहा है
- नीचे
- लाभ
- लाभ
- BEST
- सर्वोत्तम प्रथाओं
- सर्वश्रेष्ठ बिक्री
- के बीच
- बड़ा
- पक्षी
- नीला
- पिन
- किताब
- तल
- ब्रांड
- ब्रांडिंग
- प्रतिभाशाली
- लाया
- ब्राउजिंग
- इमारत
- बनाया गया
- व्यापार
- व्यवसायों
- बटन
- पा सकते हैं
- canva
- कैप्चरिंग
- कार्ड
- पत्ते
- हिंडोला
- मामलों
- रोकड़
- कैट
- बिल्ली की
- का कारण बनता है
- केंद्र
- केंद्रीय
- संयोग
- परिवर्तन
- परिवर्तन
- बदलना
- परोपकार
- चुनाव
- चुनें
- स्पष्ट
- स्पष्ट रूप से
- अव्यवस्था
- कोकाकोला
- कोड
- रंग
- संयोजन
- गठबंधन
- संवाद स्थापित
- समुदाय
- कंपनी
- कंपनी का है
- सम्मोहक
- भ्रमित
- भ्रम
- जुडिये
- संगत
- मिलकर
- स्थिर
- निरंतर
- शामिल हैं
- सामग्री
- इसके विपरीत
- रूपांतरण
- बदलना
- समझाने
- खाना पकाने
- कॉर्पोरेट
- लागत
- सका
- काउंटर
- देशों
- पाठ्यक्रम
- बनाना
- बनाया
- क्रिएटिव
- भरोसा
- श्रेय
- क्रेडिट कार्ड
- CTA
- वर्तमान
- रिवाज
- ग्राहक
- ग्राहक सफलता
- ग्राहक
- दिन
- और गहरा
- वर्णन
- डिज़ाइन
- बनाया गया
- डिज़ाइन बनाना
- डिजाइन
- गंतव्य
- विस्तृत
- डिवाइस
- विभिन्न
- डीआईजी
- प्रत्यक्ष
- नहीं करता है
- कर
- दान करना
- दान
- दान
- dont
- द्वारा
- डाउनलोड
- ड्राइंग
- ड्रॉपबॉक्स
- गतिशील
- से प्रत्येक
- आसानी
- ई-पुस्तक
- प्रभावी
- प्रभावी रूप से
- तत्व
- को खत्म करने
- नष्ट
- एम्बेडेड
- रोजगार
- प्रोत्साहित करना
- लगाना
- मनोहन
- इंजन
- का आनंद
- आवश्यक
- स्थापना
- आकलन
- और भी
- ठीक ठीक
- उदाहरण
- उदाहरण
- उत्कृष्ट
- निष्पादित करता है
- उम्मीद
- अनुभव
- विशेषज्ञता
- समझाना
- समझा
- बताते हैं
- आंख
- आंख को पकड़ने
- परिचित
- प्रशंसकों
- शानदार
- सामान्य प्रश्न
- पसंदीदा
- चित्रित किया
- विशेषताएं
- कुछ
- आकृति
- आंकड़े
- फ़ाइलें
- फ़िल्म
- फिल्मों
- वित्तीय
- खोज
- प्रथम
- फ़्लैश
- ध्यान केंद्रित
- पीछा किया
- निम्नलिखित
- इस प्रकार है
- फोंट
- भोजन
- खाद्य पदार्थ
- सबसे आगे
- पाया
- बुनियाद
- मुक्त
- टकराव
- मित्र
- से
- सामने
- पूर्ण
- मज़ा
- आगे
- लाभ
- प्रवेश द्वार
- उत्पन्न करता है
- मिल
- मिल रहा
- उपहार
- उपहार कार्ड
- देना
- देता है
- झलक
- झलक
- वैश्विक
- लक्ष्य
- लक्ष्यों
- अच्छा
- गूगल
- ग्रेड
- महान
- हरा
- ग्रिफ्फिन
- केश
- हैंडल
- होने
- शीर्षक
- मुख्य बातें
- मदद
- मदद करता है
- यहाँ उत्पन्न करें
- नायक
- हाई
- उच्च स्तर
- उच्च गुणवत्ता
- हाइलाइट
- इतिहास
- मारो
- होम
- होमपेज
- गृह
- कैसे
- How To
- तथापि
- HTTPS
- HubSpot
- मानव
- भूखे पेट
- नायक
- विचारों
- पहचान करना
- की छवि
- छवियों
- तुरंत
- महत्वपूर्ण
- में सुधार
- in
- शामिल
- शामिल
- सहित
- व्यक्ति
- करें-
- सूचित
- उदाहरण
- बजाय
- बातचीत
- इंटरैक्टिव
- द्वारा प्रस्तुत
- निवेश करना
- शामिल
- IT
- शब्दजाल
- काम
- में शामिल होने
- कुंजी
- मुख्य वक्ता
- बच्चा
- जानना
- भूमि
- लैंग
- भाषा
- लैपटॉप
- बड़ा
- ताज़ा
- ख़ाका
- नेतृत्व
- बिक्रीसूत्र
- जानें
- चलें
- हल्के
- संभावित
- सीमाएं
- सूची
- जीना
- लाइव्स
- स्थानीय स्तर पर
- लंबा
- देखिए
- देख
- मोहब्बत
- बनाया गया
- मुख्य
- बनाना
- बनाता है
- निर्माण
- प्रबंध
- प्रबंध
- मंत्र
- बहुत
- बाजार
- सामग्री
- अधिकतम-चौड़ाई
- मध्यम
- मानसिक
- मेन्यू
- message
- संदेश
- मध्यम
- दस लाख
- मन
- टकसाल
- मिनट
- मिशन
- मोबाइल
- मोबाइल एप्लिकेशन
- आदर्श
- धन
- धन प्रबंधन
- अधिक
- अधिकांश
- चाल
- चलचित्र
- विभिन्न
- नेविगेट करें
- नेविगेट
- आवश्यक
- आवश्यकता
- की जरूरत है
- नया
- समाचार
- न्यूज़लैटर
- अगला
- ग़ैर-लाभकारी
- गैर-लाभकारी संगठनों
- संख्या
- वस्तुओं
- अक्टूबर
- प्रस्ताव
- की पेशकश
- प्रसाद
- ऑफर
- ONE
- ऑनलाइन
- ऑनलाइन आदेश देना
- अनुकूलित
- विकल्प
- ऑप्शंस
- नारंगी
- संगठन
- अन्य
- सिंहावलोकन
- अभिभूत
- अपना
- स्वामित्व
- पैकेजिंग
- पैकेट
- बाँधना
- विशेष रूप से
- अतीत
- पथ
- भुगतान
- स्टाफ़
- उत्तम
- प्रदर्शन
- स्टाफ़
- व्यक्तित्व
- फ़ोटोग्राफ़ी
- चित्र
- तस्वीरें
- पिक्सेल
- जगह
- की योजना बना
- मंच
- प्लेटो
- प्लेटो डेटा इंटेलिजेंस
- प्लेटोडाटा
- प्ले
- खिलाड़ी
- पॉडकास्ट
- बिन्दु
- पॉप
- पॉप - अप
- हलका
- स्थिति
- संभव
- पद
- संभावित
- शक्तिशाली
- प्रथाओं
- वर्तमान
- प्राथमिक
- निजी
- समस्याओं
- प्रक्रिया
- उत्पादन
- एस्ट्रो मॉल
- उत्पाद जानकारी
- उत्पाद
- प्रोफाइल
- प्रगति
- प्रमाण
- प्रस्ताव
- संभावना
- प्रोटीन
- प्रदान करता है
- प्रदान कर
- प्रकाशनों
- उद्देश्य
- रखना
- प्रश्न
- प्रशन
- जल्दी से
- बिना सोचे समझे
- रेटिंग
- प्रतिक्रिया
- पढ़ना
- तैयार
- वास्तविक
- असली दुनिया
- कारण
- कारण
- कम कर देता है
- प्रतिबिंबित
- रजिस्ट्री
- सुदृढ़
- संबंध
- प्रासंगिक
- विश्वसनीय
- याद
- अपेक्षित
- बचाव
- प्रतिध्वनित
- बाकी
- समीक्षा
- भूमिका
- आरओडब्ल्यू
- विक्रय
- सहेजें
- तराजू
- स्क्रीन
- स्क्रॉल
- स्क्रॉलिंग
- Search
- दूसरा
- माध्यमिक
- सेकंड
- अनुभाग
- वर्गों
- सुरक्षित
- देखकर
- बेचना
- बेचना
- बेचता है
- एसईओ
- सेवा
- सेवाएँ
- सेट
- Share
- बांटने
- शिपिंग
- ख़रीदे
- कम
- चाहिए
- दिखाना
- प्रदर्शन
- दिखाया
- दिखाता है
- हस्ताक्षर
- महत्वपूर्ण
- SimilarWeb
- सरल
- एक
- साइट
- साइटें
- छह
- उलझन में
- छोटा
- स्नैक्स
- So
- सोशल मीडिया
- सॉफ्टवेयर
- ठोस
- जल्दी
- अंतरिक्ष
- वक्ता
- बोल रहा हूँ
- बोलता हे
- विशिष्ट
- मसाले
- Spotify
- स्टैंड
- तारा
- प्रारंभ
- शुरू
- शुरू होता है
- आँकड़े
- रहना
- कदम
- कदम
- छड़ी
- फिर भी
- कहानियों
- कहानी
- सीधे
- स्ट्रेटेजी
- सदस्यता के
- अंशदान
- सफलता
- सूट
- सहायक
- लेना
- लेता है
- लक्ष्य
- टीमों
- टेक्नोलॉजी
- बताता है
- परीक्षण
- RSI
- लेकिन हाल ही
- अपने
- जिसके चलते
- इसलिये
- तीसरे दल
- विचार
- वैचारिक नेतृत्व
- हजारों
- तीन
- यहाँ
- भर
- पहर
- शीर्षक
- सेवा मेरे
- साधन
- उपकरण
- ऊपर का
- कुल
- स्पर्श
- दौरा
- ट्रेंडिंग
- रुझान
- परीक्षण
- ट्रस्ट
- मोड़
- बदल गया
- मुद्रण कला
- समझना
- अद्यतन
- उपयोग
- उपयोगकर्ताओं
- मूल्य
- वीडियो
- वास्तविक
- आगंतुकों
- महत्वपूर्ण
- स्वयंसेवक
- घड़ी
- पानी
- तरीके
- वेब
- वेबसाइट
- वेबसाइटों
- शादी
- सप्ताह
- प्रसिद्ध
- क्या
- एचएमबी क्या है?
- कौन कौन से
- जब
- सफेद
- कौन
- चौड़ा
- मर्जी
- अंदर
- बिना
- शब्द
- WordPress
- WordPress विषयों
- शब्द
- काम
- कार्य
- होगा
- साल
- आपका
- यूट्यूब
- जेफिरनेट