ઇમેઇલ માર્કેટિંગ અને ઉતરાણ પૃષ્ઠોમાં પ્રતિભાવપૂર્ણ ડિઝાઇન માટે માસ્ટર્સનો અભ્યાસ

રિસ્પોન્સિવ ડિઝાઇન

El વિવિધ ફોર્મેટને કારણે રિસ્પોન્સિવ ડિઝાઇન આજે મહત્વપૂર્ણ છે જેનો ઉપયોગ વપરાશકર્તા તેના ટેબલેટ, મોબાઈલ અને કોમ્પ્યુટરથી પણ કરે છે. ઇમેઇલ માર્કેટિંગ અને લેન્ડિંગ પૃષ્ઠોમાં આ પ્રતિભાવશીલ ડિઝાઇન અમારા ગ્રાહકો સાથે ઓમ્નીચેનલ સંચાર માટે મહત્વપૂર્ણ કરતાં વધુ છે.

તેથી તમારે વિવિધ નમૂનાઓ સાથે લેવા માટે તેને ખૂબ જ ગંભીરતાથી લેવું પડશે શ્રેષ્ઠ ડિઝાઇન સાથે આવવા માટે વિવિધ પહોળાઈ શક્ય છે તે ન્યૂઝલેટર્સ અથવા તે લેન્ડિંગ પેજ જ્યાં ભાવિ ક્લાયન્ટ્સ કે જેને અમે Google અથવા Facebook પરની અમારી જાહેરાતોમાંથી કન્વર્ટ કરવા માગીએ છીએ.

ઈમેલ માર્કેટિંગમાં રિસ્પોન્સિવ ડિઝાઇન

ઈમેલ માર્કેટિંગ એ પ્રોડક્ટ ઑફર્સ અથવા અમારા બ્લોગ પર બનાવેલી નવી પોસ્ટની જાહેરાત કરવાની એક રીત છે આમ ઊંડી રીતે સાંકડી અમારા બધા અનુયાયીઓ સાથે.

આ ન્યૂઝલેટર્સ પ્રતિભાવશીલ છે તેનો અર્થ છે તેઓ મોબાઈલથી સંપૂર્ણ રીતે જોઈ શકાય છે, ટેબ્લેટ અથવા કમ્પ્યુટર. તેથી અમારે જરૂરી સાધનો રાખવાનો પ્રયાસ કરવો પડશે જેથી કરીને ન્યૂઝલેટર સરળતાથી વાંચી શકાય તે માટે તમામ દ્રશ્ય તત્વો સુમેળભર્યા હોય.

આઇકેઇએ

IKEA ન્યૂઝલેટર

રિસ્પોન્સિવ એટલે કે વિવિધ ઉપકરણો પર પૃષ્ઠનું પ્રદર્શન હંમેશા સાચું હોય છે. આ માટે અમારી પાસે સાધનો છે ઇમેઇલ માર્કેટિંગ જે અમને વિવિધ ફોર્મેટમાં બનાવેલા ન્યૂઝલેટરને ચકાસવામાં મદદ કરે છે અને આ રીતે પેડિંગ અથવા માર્જિન જેવા મૂલ્યોને સંશોધિત કરે છે જેથી કરીને અમે અમારા બ્રાઉઝરની પહોળાઈ ઘટાડીએ તેમ તે સંપૂર્ણ રીતે સ્થાનાંતરિત થાય.

આ માં સીએસએસ સાથેની વેબ ડિઝાઇન "મીડિયા ક્વેરીઝ" નો ઉપયોગ થાય છે ફોર્મેટ અનુસાર વેબસાઇટ ડિઝાઇન કરવા માટે. 360px સુધી મોબાઇલ માટે હશે, અને 360px થી 650px સુધી અમે તે બધા વપરાશકર્તાઓ માટે ફેરફાર કરી શકીએ છીએ જેઓ અમારી વેબસાઇટ ટેબ્લેટથી જુએ છે.

અમારા ઇમેઇલ માર્કેટિંગ ન્યૂઝલેટર્સ માટેના કેટલાક સિદ્ધાંતો છે:

  • સ્વચ્છ દ્રશ્ય વંશવેલો: ફકરા ફોર્મેટમાં ટેક્સ્ટ છોડવા માટે H2 માં શીર્ષક.
  • બે અલગ-અલગ સ્ત્રોત: એક શીર્ષક માટે અને એક ટેક્સ્ટ માટે અમારા ન્યૂઝલેટરને વધુ સારી રીતે વાંચવા યોગ્ય બનાવે છે.
  • El શીર્ષક, ટેક્સ્ટ અને અન્ય ઘટકોને અલગ પાડવા માટે રંગનો ઉપયોગ: આપણે ધીમે ધીમે ડાર્ક ગ્રેમાંથી હળવા રંગમાં જઈ શકીએ છીએ.
  • Un CTA (કોલ ટુ એક્શન) સ્પષ્ટ અને અલગ કરી શકાય તેવું: જો અમારી કંપનીનો લોગો લાલ હોય, તો CTA આ રંગમાં જ્યારે બાકીનો પૂરક રંગમાં હોય.

અમે તમને એક મહાનનું સ્પષ્ટ ઉદાહરણ આપીએ છીએ Filmin દ્વારા હાથ ધરવામાં આવેલા ન્યૂઝલેટરમાં પ્રતિભાવાત્મક ડિઝાઇન અને તે તમે આપેલી છબીમાં જોઈ શકો છો. સફેદમાં ટાઇપોગ્રાફી સાફ કરો, અને ટેક્સ્ટને ખૂબ જ હળવા રાખોડી રંગમાં, પરંતુ તે અમને તે વિવિધ જગ્યાઓને ઝડપથી વિઝ્યુઅલાઈઝ કરવાની મંજૂરી આપે છે જેમાં અમને વાંચવા માટે આમંત્રિત કરવામાં આવ્યા છે જો આપણે ઈચ્છીએ તો. CTA એવું નથી કે તે બીજી દુનિયામાંથી છે, પરંતુ તે તે પ્રજનન ચિહ્ન સાથે મદદ કરે છે અને તે આપણને તે જોવા માટે બનાવે છે કે આપણી રાહ શું છે.

Filmin માં રિસ્પોન્સિવ

હાંસિયામાં પૂરતી જગ્યાઓ, ટેક્સ્ટ માટે મુખ્ય રંગ તરીકે સફેદ અને જે લોગો સાથે સંપૂર્ણ રીતે બંધબેસે છે બ્રાન્ડની; તે ગ્રેથી ઘેરાયેલું છે જે તેને અલગ બનાવે છે. એક આકર્ષક છબી કે જે ન્યૂઝલેટર માટે બિંદુ સેટ કરે છે જે પ્રથમ ક્ષણથી વ્યસ્ત છે. બાજુઓ પર જગ્યાઓ પણ છોડી દેવામાં આવે છે જેથી સ્ક્રીનની સમગ્ર પહોળાઈ "ખાય" ન હોય.

આ માં ડેસ્કટોપ સંસ્કરણ તે સિદ્ધાંતોને જાળવી રાખે છે, ટેક્સ્ટ્સમાં વધુ જગ્યા છોડીને અને દરેક બાજુએ મોટો માર્જિન છોડીને:

રિસ્પોન્સિવ

ઉતરાણ પૃષ્ઠ પર રિસ્પોન્સિવ ડિઝાઇન

સમાન સિદ્ધાંતોનો પ્રતિભાવ ડિઝાઇનમાં ઉપયોગ કરી શકાય છે ઉતરાણ પૃષ્ઠનું. નમૂનાને યોગ્ય રીતે પસંદ કરવા અને ડિઝાઇનમાં કેટલાક નિયમોનું પાલન કરવા માટે વિશ્વમાં તમામ સમય લેવો અત્યંત મહત્વપૂર્ણ છે:

  • દ્રશ્ય સરળતા: અમે CTAs પર ધ્યાન કેન્દ્રિત કરવા માટે ખાલી જગ્યાઓ રાખવા વિશે વાત કરી રહ્યા છીએ.
  • સુંદર અને આકર્ષક છબીઓ રીડર માટે, રીઝોલ્યુશનને ભૂલ્યા વિના અને તે સંપૂર્ણ દેખાય છે.
  • રંગનું મહત્વ અને અમે ફરીથી ભાર મૂકે છે.

અમારે મોબાઇલ, ટેબ્લેટ અને ડેસ્કટોપ માટે લેન્ડિંગ પેજની રિસ્પોન્સિવ ડિઝાઇન પર કામ કરવું પડશે. લો દરેક ફેરફાર તરીકે ફરીથી અને ફરીથી પરીક્ષણ કરવા માટે સમય જરૂરી છે તે તે ત્રણ ફોર્મેટમાં જોવા મળે છે, કારણ કે આપણે આપણી જાત પર વિશ્વાસ રાખી શકીએ છીએ અને ભૂલી જઈએ છીએ કે CSSમાં કરવામાં આવેલા ફેરફારો મોબાઇલ પર ભયાનક દેખાશે.

Hotjar

હોટજર લેન્ડિંગ પેજ

તે કામ છે જે કંટાળાજનક હોઈ શકે છે, પરંતુ તે મહત્વપૂર્ણ છે કે આપણે દરેક ફેરફારને ચકાસવા માટે સમય કાઢીએ. આ બાજુના માર્જિનનો ઉપયોગ અને જ્યાં સુધી શક્ય હોય ત્યાં સુધી, CTAs અથવા ક્રિયા બટનોમાં નિયમોને ચૂકી ન જવાનો પ્રયાસ કરો:

  • શું? ટેક્સ્ટ અને બટન માર્જિનના સંબંધમાં અંતર પ્રગતિશીલ છે ત્રણેય ફોર્મેટમાં. તે નાનું કે મોટું નથી અને તે એક જ ઊંચાઈ પર છે.
  • La CTA બટનના કદમાં ગુણોત્તર બાકીના તત્વો સાથે જ્યાં તે સ્થિત છે તે પ્રદાન કરવું પડશે.

તેનું સ્પષ્ટ ઉદાહરણ છે તમારા લેન્ડિંગ પેજ પર Shopify દ્વારા કરવામાં આવેલ કાર્ય ડેસ્કટોપ પર અને જેમાં તમે મોબાઇલ સંસ્કરણમાં જોઈ શકો છો. રંગો, સફેદ જગ્યાઓ અને તે લખાણોના યોગ્ય કદ અને ટાઇપોગ્રાફી સાથેના ઉપયોગ પર ધ્યાન આપો:

Shopify માં રિસ્પોન્સિવ

હોય ટીપ્સ શ્રેણીબદ્ધ તમારા વ્યવસાય અથવા ઑનલાઇન સ્ટોર માટે વધુ સારું લેન્ડિંગ પૃષ્ઠ અને તે ન્યૂઝલેટર્સ કે જે તમારા વપરાશકર્તાઓને અપડેટ્સ અને તે પ્રોમોઝ મેળવવા માટે ખૂબ જ મહત્વપૂર્ણ છે.


તમારી ટિપ્પણી મૂકો

તમારું ઇમેઇલ સરનામું પ્રકાશિત કરવામાં આવશે નહીં. આવશ્યક ક્ષેત્રો સાથે ચિહ્નિત થયેલ છે *

*

*

  1. ડેટા માટે જવાબદાર: મિગ્યુએલ gelંજેલ ગેટóન
  2. ડેટાનો હેતુ: નિયંત્રણ સ્પામ, ટિપ્પણી સંચાલન.
  3. કાયદો: તમારી સંમતિ
  4. ડેટાની વાતચીત: કાયદાકીય જવાબદારી સિવાય ડેટા તૃતીય પક્ષને આપવામાં આવશે નહીં.
  5. ડેટા સ્ટોરેજ: cસેન્ટસ નેટવર્ક્સ (ઇયુ) દ્વારા હોસ્ટ કરેલો ડેટાબેઝ
  6. અધિકાર: કોઈપણ સમયે તમે તમારી માહિતીને મર્યાદિત, પુન recoverપ્રાપ્ત અને કા deleteી શકો છો.