El Ο ανταποκρινόμενος σχεδιασμός είναι ζωτικής σημασίας σήμερα λόγω των διαφορετικών μορφών στο οποίο αντιμετωπίζει ένας χρήστης από το tablet, το κινητό και ακόμη και τον υπολογιστή του. Αυτός ο ανταποκρινόμενος σχεδιασμός στο μάρκετινγκ μέσω email και στις σελίδες προορισμού είναι κάτι παραπάνω από σημαντικό για την επικοινωνία με τα κανάλια με τους πελάτες μας.
Επομένως, πρέπει να το λάβετε σοβαρά υπόψη με τα διαφορετικά πρότυπα διαφορετικά πλάτη για να φτάσετε με τον καλύτερο σχεδιασμό Πιθανότατα αυτά τα ενημερωτικά δελτία ή εκείνη τη σελίδα προορισμού όπου θα προσγειωθούν οι μελλοντικοί πελάτες που θέλουμε να μετατρέψουν από τις διαφημίσεις μας στο Google ή στο Facebook.
Αποκριτικός σχεδιασμός στο μάρκετινγκ email
Το μάρκετινγκ μέσω ηλεκτρονικού ταχυδρομείου είναι ένας από τους τρόπους για να ανακοινώσετε προσφορές προϊόντων ή αυτές τις νέες δημοσιεύσεις που δημιουργήθηκαν στο ιστολόγιό μας έτσι στενός με βαθύτερο τρόπο με όλους τους οπαδούς μας.
Ότι αυτά τα ενημερωτικά δελτία ανταποκρίνονται σημαίνει αυτό μπορούν να προβληθούν τέλεια από ένα κινητό, ένα tablet ή έναν υπολογιστή. Πρέπει λοιπόν να προσπαθήσουμε να έχουμε τα απαραίτητα εργαλεία, ώστε όλα τα οπτικά στοιχεία να είναι αρκετά αρμονικά για μια εύκολη ανάγνωση του ενημερωτικού δελτίου.
Ενημερωτικό δελτίο ΙΚΕΑ
Ανταπόκριση σημαίνει ότι η εμφάνιση μιας σελίδας σε διαφορετικές συσκευές είναι πάντα σωστή. Για αυτό έχουμε εργαλεία email marketing που μας βοηθούν να δοκιμάσουμε το ενημερωτικό δελτίο που έχει δημιουργηθεί σε διαφορετικές μορφές και, συνεπώς, να τροποποιούμε τιμές όπως το γέμισμα ή το περιθώριο, ώστε να επανατοποθετούνται τέλεια καθώς μειώνουμε το πλάτος του προγράμματος περιήγησής μας.
Στην Χρησιμοποιείται ο σχεδιασμός ιστοσελίδων με CSS "Media Queries" να σχεδιάσετε έναν ιστότοπο σύμφωνα με τη μορφή. Έως 360px θα ήταν για κινητό τηλέφωνο και από 360px έως 650px θα μπορούσαμε να κάνουμε τροποποιήσεις για όλους αυτούς τους χρήστες που βλέπουν τον ιστότοπό μας από tablet.
Μερικές από τις αρχές για τα ενημερωτικά δελτία μάρκετινγκ μέσω email είναι:
- Μια καθαρή οπτική ιεραρχία: ένας τίτλος στο H2 για να αφήσετε το κείμενο σε μορφή παραγράφου.
- Δύο διαφορετικές πηγές: ένα για τον τίτλο και ένα για το κείμενο καθιστά το ενημερωτικό δελτίο μας πιο ευανάγνωστο.
- El χρήση του χρώματος για τη διαφοροποίηση του τίτλου, του κειμένου και άλλων στοιχείων: μπορούμε σταδιακά να μεταβούμε από ένα σκούρο γκρι σε ένα ελαφρύτερο.
- Un CTA (παρότρυνση για δράση) σαφές και διακριτό: εάν το λογότυπο της εταιρείας μας είναι κόκκινο, το CTA θα μπορούσε σε αυτό το χρώμα ενώ το υπόλοιπο σε συμπληρωματικό χρώμα.
Σας δίνουμε ένα σαφές παράδειγμα ενός υπέροχου ανταποκρινόμενη σχεδίαση σε ένα ενημερωτικό δελτίο που πραγματοποίησε η Filmin και ότι μπορείτε να δείτε στην παρεχόμενη εικόνα. Καθαρή τυπογραφία σε λευκό, και το κείμενο σε πολύ ανοιχτό γκρι που σας επιτρέπει να οπτικοποιήσετε γρήγορα τους διαφορετικούς χώρους στους οποίους καλούμε να διαβάσουμε αν το θέλουμε. Το CTA δεν είναι ότι προέρχεται από άλλο κόσμο, αλλά βοηθά με αυτό το εικονίδιο παιχνιδιού και αυτό μας κάνει να δούμε τι μας περιμένει.
Επαρκή κενά στο περιθώριο, λευκό ως το κύριο χρώμα για κείμενο και που ταιριάζει απόλυτα με το λογότυπο Της μάρκας περιτριγυρισμένο από αυτό το γκρι που το κάνει να ξεχωρίζει. Μια εντυπωσιακή εικόνα που θέτει το σημείο για ένα ενημερωτικό δελτίο που εμπλέκεται από την πρώτη στιγμή. Τα κενά αφήνονται επίσης στις πλευρές έτσι ώστε ολόκληρο το πλάτος της οθόνης να μην «τρώγεται».
Στην Η έκδοση για επιτραπέζιους υπολογιστές διατηρεί αυτές τις αρχές, ακόμη και αφήνοντας περισσότερο χώρο στα κείμενα και αφήνοντας ένα μεγάλο περιθώριο σε κάθε πλευρά:
Αποκριτικός σχεδιασμός σε μια σελίδα προορισμού
Ο ίδιες αρχές μπορούν να χρησιμοποιηθούν στον σχεδιασμό απόκρισης μιας σελίδας προορισμού. Είναι εξαιρετικά σημαντικό να αφιερώσετε όλο τον χρόνο στον κόσμο για να επιλέξετε σωστά το πρότυπο και να ακολουθήσετε ορισμένους κανόνες στη σχεδίαση:
- Οπτική απλότητα: Μιλάμε για διατήρηση κενών χώρων για να εστιάσουμε στα CTA.
- Όμορφες και ελκυστικές εικόνες στον αναγνώστη, χωρίς να ξεχνάμε την ανάλυση και ότι φαίνονται τέλεια.
- Η σημασία του χρώματος και ότι τονίζουμε ξανά.
Πρέπει να εργαστούμε για τον ανταποκρινόμενο σχεδιασμό μιας σελίδας προορισμού για κινητά, tablet και επιτραπέζιους υπολογιστές. Πάρτε το χρόνος που απαιτείται για να δοκιμάσετε ξανά και ξανά καθώς κάθε αλλαγή Είναι εμφανές σε αυτές τις τρεις μορφές, καθώς μπορούμε να εμπιστευθούμε τον εαυτό μας και να ξεχάσουμε ότι αυτές οι αλλαγές που έγιναν στο CSS θα φαίνονται τρομερές στο κινητό.
Σελίδα προορισμού Hotjar
Είναι μια δουλειά που μπορεί να είναι κουραστική, αλλά είναι ζωτικής σημασίας να αφιερώσουμε χρόνο για να δοκιμάσουμε κάθε αλλαγή. ο χρήση πλευρικών περιθωρίων και προσπαθήστε, στο μέτρο του δυνατού, να μην χάσετε τους κανόνες στα CTA ή στα κουμπιά ενεργειών:
- Ότι η απόσταση σε σχέση με το κείμενο και το περιθώριο του κουμπιού είναι προοδευτική και στις τρεις μορφές. Ούτε είναι μικρό ούτε μεγάλο και ότι βρίσκεται στο ίδιο ύψος.
- La αναλογία σε μέγεθος κουμπιού CTA με τα υπόλοιπα στοιχεία όπου βρίσκεται πρέπει να παρέχεται.
Ένα σαφές παράδειγμα αυτού είναι τη δουλειά που έκανε το Shopify στη σελίδα προορισμού σας στην επιφάνεια εργασίας και στην οποία μπορείτε να δείτε στην έκδοση για κινητά. Προσοχή στη χρήση χρωμάτων, λευκών χώρων και κειμένων με τα κατάλληλα μεγέθη και τυπογραφία τους:
Μια σειρά συμβουλών για να έχετε μια καλύτερη σελίδα προορισμού για την επιχείρησή σας ή το ηλεκτρονικό σας κατάστημα και αυτά τα ενημερωτικά δελτία τόσο σημαντικά για να λαμβάνετε τις ενημερώσεις και αυτές τις προσφορές στους χρήστες σας.