ऑनलाइन स्टोर का होमपेज कैसे डिज़ाइन करें

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

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

अगर आप चाहते हैं कि आपके स्टोर को किन पेज की ज़रूरत है, इसकी पूरी तस्वीर मिले, तो हर ऑनलाइन स्टोर को कौन से पेज चाहिए से शुरू करें।

होमपेज असल में किसलिए है?

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

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

हीरो सेक्शन कैसे डिज़ाइन करें

हीरो वह पहली चीज़ है जो विज़िटर देखता है। यह स्क्रॉल करने से पहले दिखने वाली जगह पर होता है, और पहली छाप का ज़्यादातर वज़न यही उठाता है।

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

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

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

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

हीरो के नीचे क्या दिखाएं

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

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

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

चुने हुए सेक्शन को बदलता रहना भी चाहिए। मौसमी प्रोडक्ट, सेल के आइटम या नए आगमन घुमाते रहें। जो होमपेज कभी नहीं बदलता, वह बार-बार आने वालों को स्क्रॉल करने की कोई वजह नहीं देता।

होमपेज पर सोशल प्रूफ़ कैसे इस्तेमाल करें

ख़रीदार स्टोर से ज़्यादा दूसरे ख़रीदारों पर भरोसा करते हैं। होमपेज पर सोशल प्रूफ़ विज़िटर के प्रोडक्ट पेज तक पहुंचने से पहले ही साख बनाता है।

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

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

क्या आपको ब्रांड स्टोरी सेक्शन रखना चाहिए?

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

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

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

होमपेज को किसकी ज़रूरत नहीं

होमपेज पर बिखराव उतना ही नुकसानदेह है जितना कोई ग़ायब सेक्शन। हर वह तत्व जो कोई काम नहीं कर रहा, ध्यान उस चीज़ से खींच रहा है जो कर रही है।

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

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

मोबाइल होमपेज डिज़ाइन

ई-कॉमर्स का आधे से ज़्यादा ट्रैफ़िक मोबाइल से आता है। आपका होमपेज डिज़ाइन पहले मोबाइल के लिए बनना चाहिए, बाद में डेस्कटॉप से ढाला हुआ नहीं।

मोबाइल पर हीरो हेडलाइन इतनी छोटी हो कि दो लाइन में पढ़ी जा सके। CTA बटन इतना बड़ा हो कि आसानी से टैप हो सके। प्रोडक्ट इमेज एक कॉलम में साफ़ तरह से एक के ऊपर एक आएं। नेविगेशन ऐसे मेन्यू में सिमट जाए जो स्क्रीन पर हावी न हो।

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

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

WEMASY होमपेज डिज़ाइन में कैसे मदद करता है

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

प्लान में क्या शामिल है, यह WEMASY प्राइसिंग पेज पर देखें।

अक्सर पूछे जाने वाले सवाल