ईमेल मार्केटिंग र ल्यान्डि pages पृष्ठहरूमा उत्तरदायी डिजाइनको लागि मास्टरहरूको अध्ययन गर्दै

उत्तरदायी डिजाइन

El उत्तरदायी डिजाइन विभिन्न ढाँचाका कारण आज महत्त्वपूर्ण छ जुन प्रयोगकर्ताले आफ्नो ट्याब्लेट, मोबाइल र कम्प्युटरबाट सामना गर्दछ। ईमेल मार्केटिंग र ल्यान्डि pages पृष्ठहरूमा यो उत्तरदायी डिजाइन हाम्रो ग्राहकहरूको साथ सर्वपक्षीय संचारको लागि महत्त्वपूर्ण भन्दा बढि छ।

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

ईमेल मार्केटिंगमा उत्तरदायी डिजाइन

ईमेल मार्केटिंग उत्पादन प्रस्तावहरू वा हाम्रो ब्लगमा सिर्जना गरिएका ती नयाँ पोष्टहरू घोषणा गर्ने एक तरिका हो यति गहिरो तरीकाले साँघुरो हाम्रा सबै अनुयायीहरूको साथ।

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

IKEA

IKEA न्यूजलेटर

उत्तरदायी यसको मतलब हो विभिन्न उपकरणहरूमा पृष्ठको प्रदर्शन सँधै सहि हुन्छ। यसको लागि हामीसँग उपकरणहरू छन् इमेल मार्केटिङ यसले हामीलाई विभिन्न ढाँचाहरूमा सिर्जना गरिएको न्यूजलेटर परीक्षण गर्न मद्दत गर्दछ र यसैले प्याडि or वा मार्जिन जस्ता मान परिमार्जन गर्दछ ताकि ती हाम्रो स्थानमा ब्राउजरको चौडाई घटाउने बित्तिकै राम्रोसँग राखिन्छ।

मा CSS "मिडिया क्वेरीहरू" को साथ वेब डिजाइन प्रयोग गरियो ढाँचा अनुसार वेबसाइट डिजाइन गर्न। P 360०px सम्म मोबाइलको लागि हुन्छ, र p 360०px बाट 650०px सम्म हामी ती सबै प्रयोगकर्ताहरूको लागि परिमार्जन गर्न सक्दछौं जसले ट्याब्लेटबाट हाम्रो वेबसाइट हेर्दछन्।

हाम्रो ईमेल मार्केटिंग न्यूजलेटरहरूको लागि केहि सिद्धान्तहरू हुन्:

  • एक स्वच्छ दृश्य पदानुक्रम: H2 मा शीर्षक अनुच्छेद ढाँचामा पाठ छोड्न।
  • दुई फरक स्रोतहरू: शीर्षकको लागि एउटा र पाठको लागि एकले हाम्रो न्यूजलेटरलाई अझ राम्रो पढ्नयोग्य बनाउँदछ।
  • El र ,्गको शीर्षक शीर्षक, पाठ र अन्य तत्वहरूमा भिन्नता प्रयोग गर्नुहोस्: हामी बिस्तारै गाढा खैरोबाट हल्कामा जान सक्दछौं।
  • Un CTA (कार्य गर्न कल) स्पष्ट र भिन्न: यदि हाम्रो कम्पनीको लोगो रातो छ भने, CTA यस रंगमा गर्न सक्दछ जबकि बाँकी पूरक रंगमा।

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

फिलिममा उत्तरदायी

मार्जिनमा पर्याप्त खाली ठाउँ, पाठको लागि मुख्य र colorको रूपमा सेतो र त्यो लोगोसँग पूर्ण रूपमा फिट हुन्छ ब्रान्डको; चारै तिरको खरानी रंगले यसलाई बाहिर खडा बनाउँछ। एक आँखै आकर्षक छवि छ कि एक न्यूजलेटर को लागी मंच सेट कि तपाइँ शुरू से hook। स्पेस पनि छेउमा छोडियो ताकि पर्दाको पूरा चौडाइ "खाईएको छैन"।

मा डेस्कटप संस्करण ती सिद्धान्तहरू राख्छपाठमा अधिक ठाउँ पनि छोड्दै प्रत्येक पक्षमा ठूलो मार्जिन छोड्दै:

उत्तरदायी

एक अवतरण पृष्ठ मा उत्तरदायी डिजाइन

को उही सिद्धान्तहरू उत्तरदायी डिजाइनमा प्रयोग गर्न सकिन्छ एक अवतरण पृष्ठ को। यो टेम्प्लेटको छनौट गर्न र डिजाइनमा केही नियमहरू पालना गर्न विश्वमा सबै समय लिनु अत्यन्त महत्त्वपूर्ण छ:

  • दृश्य सरलता: हामी सीटीएमा फोकस राख्न खाली खाली ठाउँहरू राख्ने बारेमा कुरा गरिरहेका छौं।
  • राम्रो र आकर्षक छविहरू पाठकलाई, रिजोलुसन बिर्सनु भएन र तिनीहरू उत्तम देखिन्छन्।
  • र ofको महत्त्व र त्यो हामी फेरि जोड दिन्छौं।

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

हटल

हटजर ल्यान्डि Page पृष्ठ

यो कठिन काम हुन सक्छ, तर यो महत्त्वपूर्ण छ कि हामीले प्रत्येक परिवर्तनको जाँच गर्न समय निकाल्नु पर्छ। को साइड मार्जिनको प्रयोग र जहाँसम्म सम्भव भए प्रयास गर्नुहोस्, CTAs वा कार्य बटनमा नियम छुटाउन:

  • कि पाठको सम्बन्धमा दूरी र बटन मार्जिन प्रगतिशील छ सबै तीन ढाँचामा। न त यो सानो छ न ठूलो छ र जुन उहि उचाईमा छ।
  • La CTA बटन आकारमा अनुपात बाँकी रहेका तत्त्वहरूको साथ यो अवस्थित भएको ठाउँमा प्रदान गर्नुपर्‍यो।

यसको स्पष्ट उदाहरण हो तपाईंको लैंडि page पृष्ठमा शॉपिफाइले गरेको काम डेस्कटपमा र जसमा तपाईं मोबाइल संस्करणमा देख्न सक्नुहुनेछ। र appropriate्ग, सेतो खाली ठाउँ र उनीहरूको उपयुक्त आकार र टाइपोग्राफीका साथ ती पदहरूको प्रयोगमा ध्यान दिनुहोस्।

Shopify मा उत्तरदायी

सुझावहरूको एक श्रृंखला तपाईंको व्यापार वा अनलाइन स्टोरको लागि राम्रो ल्यान्डि land पृष्ठ र ती न्यूजलेटरहरू तपाईंको प्रयोगकर्ताहरूमा अद्यावधिकहरू र ती प्रोमहरू पाउन यति महत्त्वपूर्ण छ।


लेखको सामग्री हाम्रो सिद्धान्तहरूको पालना गर्दछ सम्पादकीय नैतिकता। त्रुटि क्लिक गर्न रिपोर्ट गर्नुहोस् यहाँ.

टिप्पणी गर्न पहिलो हुनुहोस्

तपाइँको टिप्पणी छोड्नुहोस्

तपाईंको ईमेल ठेगाना प्रकाशित हुनेछैन। आवश्यक फिल्डहरू चिन्ह लगाइएको छ *

*

*

  1. डाटाका लागि उत्तरदायी: मिगुएल gelन्गल ग्याटन
  2. डाटाको उद्देश्य: नियन्त्रण स्पाम, टिप्पणी प्रबन्धन।
  3. वैधानिकता: तपाईंको सहमति
  4. डाटाको सञ्चार: डाटा कानुनी बाध्यता बाहेक तेस्रो पक्षलाई सूचित गरिने छैन।
  5. डाटा भण्डारण: डाटाबेस ओसीन्टस नेटवर्क (EU) द्वारा होस्ट गरिएको
  6. अधिकार: कुनै पनि समयमा तपाईं सीमित गर्न सक्नुहुनेछ, पुन: प्राप्ति र तपाईंको जानकारी मेटाउन।