Hardik Dewra
2 min read
अच्छा hero section करता क्या है
Hero section के चार काम हैं। Product का नाम, buyer का नाम, एक नतीजे का वादा, और एक action। ऊपर बाक़ी जो कुछ है, वो सजावट है।
अच्छे hero section का एक ही काम होता है
Hero section का काम है सही इंसान को scroll करते रहने पर राज़ी करना। कोई page पर आता है, आपको कुछ सेकंड देता है, और तय करता है कि यह page उसकी समस्या के बारे में है या नहीं। Fold के ऊपर की हर चीज़ इसी एक फ़ैसले के लिए काम करती है। इसे चार चीज़ें सँभालती हैं: product क्या है, किसके काम का है, उससे क्या बदलेगा, और एक साफ़ action। नारे, award badges और चलती-फिरती backgrounds इन्हीं चारों की जगह खा जाती हैं।
साफ़ बताएँ कि चीज़ है क्या
Headlines तब नाकाम होती हैं जब वो product की जगह किसी भावना का बयान करती हैं। 'Rethink how your team builds' पढ़कर लगता है यह CRM भी हो सकता है, hiring tool भी, या कोई yoga app भी। 'Project management for construction crews, built around site photos' एक ही लाइन में पढ़ने वाले को बता देती है कि उसे रुकना है या नहीं। वही category वाला शब्द इस्तेमाल करें जो आपका buyer किसी call पर बोलता। अगर headline का मतलब subhead के बिना नहीं बनता, तो headline बहुत कम काम कर रही है।
जिसे चाहिए, उसका नाम लें
एक qualifier लाइन उतना काम कर जाती है जितना ज़्यादातर designers सोचते भी नहीं। 'For Shopify brands doing $50k a month and up', यानी महीने के 50 हज़ार डॉलर या उससे ऊपर वाले Shopify brands, ग़लत visitors को लौटा देती है और सही लोगों को बता देती है कि वो सही जगह पर हैं। Founders को डर लगता है कि इससे market छोटा हो जाएगा। असल में नाम लिए हुए audience से जवाबों की quality बढ़ती है, क्योंकि जो लोग call book करते हैं वो आधे तो पहले ही मान चुके होते हैं। Qualifier को subhead में रखें, या headline के ऊपर eyebrow में।
एक वादा और एक action
बराबर वज़न वाले दो buttons ध्यान बाँट देते हैं और दोनों के clicks घटा देते हैं। जो action आपको सबसे ज़्यादा चाहिए वो चुनें, उसे ठोस button दें, और दूसरे option को एक हल्का सा text link बना दें। Button की copy बताए कि आगे क्या होने वाला है। 'Get my page plan', 'Submit' से बेहतर है, और 'See pricing', 'Learn more' से बेहतर है, क्योंकि पढ़ने वाले को पता होता है कि click के उस पार क्या मिलेगा। पूरे page पर button के वही शब्द इस्तेमाल करें।
Product को काम करते हुए दिखाएँ
हाथ से headline ढक लें और अकेली hero image देखें। अगर आप बता नहीं पा रहे कि बिक क्या रहा है, तो वो image सजावट है। असली interface का screenshot, product की किसी असली जगह पर खींची गई photo, या नतीजे की छोटी सी clip, ये सब laptop पर मुस्कुराते stock model से बेहतर हैं। अगर आप कोई service बेचते हैं, तो जो चीज़ आप बनाकर देते हैं वही दिखाएँ: आपका बनाया हुआ page, dashboard, या तैयार report।
Button के पास proof रखें
Call to action के पास सबूत की एक लाइन पहला शक़ बनने से पहले ही हटा देती है। पाँच ऐसे clients की logo row जिन्हें लोग पहचानते हों, review count के साथ rating, या असली number वाला एक नतीजा। इनमें से कुछ भी चलता है। Hero में सबूत का एक ही टुकड़ा रखें और case studies आगे वाले sections के लिए बचाकर रखें। बिना source वाले धुँधले trust badges आमतौर पर भरती लगते हैं।
अपने hero section के लिए पाँच मिनट का test
अपनी company के बाहर के किसी इंसान को पाँच सेकंड के लिए hero दिखाएँ। फिर उसे छिपाकर तीन सवाल पूछें। यह बेचता क्या है? किसके काम का है? Button दबाने पर क्या होगा? तीन में से दो जवाब ग़लत आएँ, तो नीचे की किसी भी चीज़ से पहले hero दोबारा लिखना पड़ेगा। यही test फ़ोन की screen पर भी करें, क्योंकि आपका ज़्यादातर traffic उसे वहीं पढ़ता है और वहाँ fold काफ़ी ऊपर होता है।
WeDesignLandingPages.com
A sub-brand of WeDesignBrands.Agency