El Atsaucīgais dizains mūsdienās ir ļoti svarīgs dažādu formātu dēļ pret kuru lietotājs saskaras no sava planšetdatora, mobilā un pat datora. Šis atsaucīgais e-pasta mārketinga un galveno lapu dizains ir vairāk nekā svarīgs saziņai ar viskanālu ar mūsu klientiem.
Tāpēc jums ir jāuztver nopietni, ja izmantojat dažādas veidnes dažāda platuma, lai iegūtu vislabāko dizainu iespējams, tie biļeteni vai galvenā lapa, kurā nokļūs nākamie klienti, kurus mēs vēlamies, lai viņi pārveido no mūsu reklāmām Google vai Facebook.
Atsaucīgs dizains e-pasta mārketingā
E-pasta mārketings ir viens no veidiem, kā paziņot par produktu piedāvājumiem vai jaunajiem ierakstiem, kas izveidoti mūsu emuārā tādējādi šaurāk dziļākā veidā ar visiem mūsu sekotājiem.
Tas, ka šie biļeteni ir atsaucīgi, nozīmē tos var lieliski redzēt no mobilā tālruņa, planšetdatoru vai datoru. Tāpēc mums ir jāmēģina būt nepieciešamie rīki, lai visi vizuālie elementi būtu pietiekami harmoniski, lai ērti lasītu biļetenu.
IKEA biļetens
Reaģējošs nozīmē to lapas attēlojums dažādās ierīcēs vienmēr ir pareizs. Tam mums ir rīki e-pasta mārketinga kas mums palīdz pārbaudīt dažādos formātos izveidoto biļetenu un tādējādi modificēt tādas vērtības kā polsterējums vai piemale, lai tās būtu perfekti izvietotas, samazinot pārlūkprogrammas platumu.
Jo tiek izmantots web dizains ar CSS "Media Queries" noformēt vietni atbilstoši formātam. Līdz 360 pikseļiem būtu paredzēts mobilais tālrunis, un no 360 līdz 650 pikseļiem mēs varētu veikt izmaiņas visiem tiem lietotājiem, kuri mūsu vietni skata no planšetdatora.
Daži no mūsu e-pasta mārketinga biļetenu principiem ir:
- Tīra vizuālā hierarhija: virsraksts H2, lai tekstu atstātu rindkopu formātā.
- Divi dažādi avoti: viens nosaukumam un otrs tekstam padara mūsu biļetenu labāk lasāmu.
- El krāsas izmantošana, lai atšķirtu virsrakstu, tekstu un citus elementus: mēs varam pakāpeniski pāriet no tumši pelēka uz gaišāku.
- Un CTA (Call to action) ir skaidra un atšķirama: ja mūsu uzņēmuma logotips ir sarkanā krāsā, CTA varētu būt šajā krāsā, bet pārējais - papildu krāsā.
Mēs sniedzam jums skaidru piemēru atsaucīgs dizains biļetenā, ko veica Filmin un ka jūs varat redzēt norādītajā attēlā. Skaidra tipogrāfija baltā krāsā un teksts ļoti gaiši pelēkā krāsā, kas ļauj ātri vizualizēt dažādas telpas, kurās esam aicināti lasīt, ja mēs to vēlamies. CTA nav tāda, ka tā būtu no citas pasaules, bet tā palīdz šai spēles ikonai un liek mums redzēt, kas mūs sagaida.
Pietiekami daudz atstarpju malās, balta kā galvenā teksta krāsa un kas lieliski sader ar logotipu No zīmola; ko ieskauj tas pelēkais, kas to izceļ. Uzkrītošs attēls, kas ļauj sagatavot biļetenu, kas jūs saista jau no paša sākuma. Sānos atstāj atstarpes, lai netiktu "apēsts" viss ekrāna platums.
Jo darbvirsmas versija saglabā šos principus, pat atstājot vairāk vietas tekstos un atstājot lielu rezervi katrā pusē:
Reaģējošs dizains galvenajā lapā
L tos pašus principus var izmantot atsaucīgā dizainā galvenās lapas. Ir ļoti svarīgi visu laiku pavadīt pasaulē, lai pareizi izvēlētos veidni un ievērotu dažus dizaina noteikumus:
- Vizuālā vienkāršība: Mēs runājam par tukšu vietu saglabāšanu, lai galveno uzmanību pievērstu AUD.
- Skaisti un saistoši attēli lasītājam, neaizmirstot par izšķirtspēju un to, ka tie izskatās nevainojami.
- Krāsu nozīme un ko mēs vēlreiz uzsveram.
Mums jāstrādā pie mobilās ierīces, planšetdatora un galddatora galvenās lapas adaptīvā noformējuma. Veikt laiks, kas nepieciešams, lai pārbaudītu atkal un atkal, veicot katru izmaiņu Tas ir redzams šajos trīs formātos, jo mēs varam uzticēties sev un aizmirst, ka šīs CSS veiktās izmaiņas mobilajā ierīcē izskatīsies briesmīgi.
Hotjar galvenā lapa
Tas ir darbs, kas var būt garlaicīgs, taču ir svarīgi, lai mēs veltītu laiku katras izmaiņas pārbaudei. The sānu piemales izmantošana un mēģiniet, cik vien iespējams, nepalaist garām CTA vai darbību pogu noteikumus:
- Ka attālums attiecībā pret tekstu un pogas piemali ir progresīvs visos trīs formātos. Tas nav ne mazs, ne liels un ka tas atrodas vienā augstumā.
- La attiecība AUD pogas izmērā jānodrošina ar pārējiem elementiem, kur tas atrodas.
Spilgts piemērs tam ir Shopify paveikto darbu jūsu galvenajā lapā uz darbvirsmas un kurā jūs varat redzēt mobilajā versijā. Uzmanību krāsu, atstarpju un tekstu lietošanai ar atbilstošiem izmēriem un tipogrāfiju:
Padomu sērija labāka sava uzņēmuma vai tiešsaistes veikala galvenā lapa un šie biļeteni ir tik svarīgi, lai saņemtu atjauninājumus un šīs reklāmas lietotājiem.