El Desain responsif sangat penting saat ini karena format yang berbeda yang dihadapi pengguna dari tablet, ponsel, dan bahkan komputernya. Desain responsif dalam pemasaran email dan halaman arahan ini lebih dari penting untuk komunikasi omnichannel dengan klien kami.
Jadi, Anda harus menganggap serius untuk menggunakan template yang berbeda lebar yang berbeda untuk sampai dengan desain terbaik mungkin buletin tersebut atau halaman arahan tempat klien masa depan yang kami ingin mereka konversi dari iklan kami di Google atau Facebook akan mendarat.
Desain responsif dalam pemasaran email
Pemasaran email adalah salah satu cara untuk mengumumkan penawaran produk atau posting baru yang dibuat di blog kita kepada sehingga mempersempit dengan cara yang lebih dalam dengan semua pengikut kami.
Bahwa buletin ini responsif artinya mereka dapat dilihat dengan sempurna dari ponsel, tablet atau komputer. Jadi kita harus mencoba memiliki alat yang diperlukan agar semua elemen visual cukup harmonis untuk memudahkan membaca buletin.
Buletin IKEA
Responsif artinya tampilan halaman pada perangkat yang berbeda selalu benar. Untuk ini kami memiliki alat email marketing yang membantu kami menguji buletin yang dibuat dalam format berbeda dan dengan demikian mengubah nilai seperti padding atau margin sehingga posisinya tepat saat kami mengurangi lebar browser kami.
Dalam desain web dengan CSS "Media Queries" digunakan mendesain website sesuai formatnya. Hingga 360px untuk seluler, dan dari 360px hingga 650px kami dapat membuat modifikasi untuk semua pengguna yang melihat situs web kami dari tablet.
Beberapa prinsip untuk buletin pemasaran email kami adalah:
- Hierarki visual yang bersih: judul dalam H2 untuk meninggalkan teks dalam format paragraf.
- Dua sumber berbeda: satu untuk judul dan satu untuk teks membuat buletin kami lebih mudah dibaca.
- El penggunaan warna untuk membedakan judul, teks, dan elemen lainnya: kita bisa berangsur-angsur beralih dari abu-abu tua ke abu-abu terang.
- Un CTA (Ajakan bertindak) jelas dan dapat dibedakan: jika logo perusahaan kami berwarna merah, CTA bisa dengan warna ini sedangkan sisanya dengan warna pelengkap.
Kami memberi Anda contoh yang jelas tentang yang hebat desain responsif dalam buletin yang dilakukan oleh Filmin dan itu bisa Anda lihat pada gambar yang disediakan. Tipografi yang jelas berwarna putih, dan teks dengan warna abu-abu yang sangat terang yang memungkinkan kita untuk dengan cepat memvisualisasikan berbagai ruang tempat kita diundang untuk membaca jika kita mau. CTA bukanlah dari dunia lain, tetapi CTA membantu ikon permainan itu dan membuat kita melihat apa yang menanti kita.
Spasi yang cukup di margin, putih sebagai warna utama untuk teks dan yang sangat cocok dengan logo Dari merek; dikelilingi oleh warna abu-abu yang membuatnya menonjol. Gambar menarik yang menetapkan poin untuk buletin yang menarik sejak saat pertama. Spasi juga dibiarkan di samping agar seluruh lebar layar tidak "dimakan".
Dalam versi desktop mempertahankan prinsip-prinsip tersebut, bahkan menyisakan lebih banyak ruang dalam teks dan menyisakan margin besar di setiap sisi:
Desain responsif di halaman landing
Los prinsip yang sama dapat digunakan dalam desain responsif dari halaman arahan. Sangat penting untuk meluangkan waktu di dunia untuk memilih template dengan benar dan mengikuti beberapa aturan dalam desain:
- Kesederhanaan visual: Kami berbicara tentang menjaga ruang kosong agar fokus pada CTA.
- Gambar yang indah dan menarik kepada pembaca, tanpa melupakan resolusinya dan tampilannya sempurna.
- Pentingnya warna dan itu kami tekankan lagi.
Kami harus mengerjakan desain halaman arahan yang responsif untuk seluler, tablet, dan desktop. Ambil waktu yang dibutuhkan untuk mencoba lagi dan lagi karena setiap perubahan Hal ini terlihat pada ketiga format tersebut, karena kita dapat mempercayai diri kita sendiri dan lupa bahwa perubahan yang dilakukan pada CSS akan terlihat mengerikan di seluler.
Halaman Arahan Hotjar
Memang pekerjaan yang membosankan, tetapi penting bagi kita untuk meluangkan waktu untuk menguji setiap perubahan. Itu penggunaan margin samping dan mencoba, sejauh mungkin, untuk tidak melewatkan aturan di CTA atau tombol tindakan:
- Ini jarak dalam kaitannya dengan teks dan margin tombol bersifat progresif dalam ketiga format. Baik itu kecil maupun besar dan tingginya sama.
- La rasio dalam ukuran tombol CTA dengan elemen lainnya di mana ia berada harus disediakan.
Contoh jelasnya adalah pekerjaan yang dilakukan oleh Shopify di halaman arahan Anda di desktop dan yang dapat Anda lihat di versi seluler. Perhatian pada penggunaan warna, spasi dan teks tersebut dengan ukuran dan tipografi yang sesuai:
Serangkaian tips untuk dimiliki laman landas yang lebih baik untuk bisnis atau toko online Anda dan buletin tersebut sangat penting untuk mendapatkan pembaruan dan promo tersebut kepada pengguna Anda.