Όμορφες σελίδες προορισμού και παραδείγματα
Εκατοντάδες πνευματικά άρθρα έχουν γραφτεί γύρω από το θέμα των σελίδων προορισμού. Γνωρίζουμε όλοι τα βασικά στοιχεία - ότι πρόκειται για τις σελίδες που ένας επισκέπτης φτάνει μετά από κλικ σε μια διαφήμιση με διαφημιστικό banner ή έναν διαφημιστικό σύνδεσμο και ότι διαδραματίζουν σημαντικό ρόλο στην εμπορία μετατρέποντας τους πελάτες σε πελάτες για την επιχείρηση. Όταν πρόκειται για το σχεδιασμό μιας σελίδας προορισμού ο ίδιος, ωστόσο, τα πράγματα φαίνεται να είναι πολύ πιο λεπτή από ό, τι θα περίμενε κανείς μετά από να περάσει από την τεκμηρίωση. Αυτός είναι ο λόγος για τον οποίο σήμερα επιλέξαμε να μοιραστούμε μια συλλογή από πραγματικά παραδείγματα σελίδων προορισμού για έμπνευση.
Σύμφωνα με μια αρκετά ακαδημαϊκή ταξινόμηση, μπορείτε να βρείτε στη Wikipedia, οι σελίδες προορισμού πέφτουν σε δύο μεγάλες κατηγορίες: αναφορά και συναλλαγή. Εάν πρόκειται να ονομάζονται αναφορά, οι σελίδες πρέπει να εμφανίζουν πληροφορίες που είναι τόσο ελκυστικές όσο και σχετικές με τον επισκέπτη (κείμενο, πολυμέσα). Οι "Συναλλασσόμενες" σελίδες προορισμού είναι εκείνες που στοχεύουν σε άμεσες πωλήσεις ή τουλάχιστον στο να καταγράψουν ισχυρές πωλήσεις οδηγεί.
Όπως πιθανότατα θα συμφωνήσετε μαζί μου, όλες οι σελίδες προορισμού ικανοποιούν και τα δύο κριτήρια: ενημερώνουν τον επισκέπτη για την προσφορά καθώς και υποκινούν ενέργειες από την πλευρά του. Διαφορετικά, δεν θα χρειαζόταν παρότρυνση για δράση σε απολύτως καμία σελίδα προορισμού, θα μπορούσαμε?
Αυτό που πρέπει να είναι σαφές πριν ξεκινήσετε οποιαδήποτε σελίδα προορισμού στο www είναι η φύση της επιθυμητής δράσης των επισκεπτών. Είναι η αύξηση των εγγραφών στο ενημερωτικό δελτίο ο στόχος σας; Στη συνέχεια σχεδιάστε ένα CTA με το μήνυμα "Εγγραφείτε τώρα στο newsletter μας". Σκοπεύετε να δοκιμάσετε τις αγορές από τους επισκέπτες; Πέστο έτσι. Σε γενικές γραμμές, η βασική συνταγή είναι να κάνετε τη σελίδα προορισμού να εκφράζει την προσφορά σας τόσο καθαρά όσο και δελεαστικά.
Συμβουλές για το σχεδιασμό μιας σελίδας προορισμού
Μερικές γρήγορες συμβουλές για να ξεκινήσετε από το σχεδιασμό μιας σελίδας προορισμού:
1. Χρησιμοποιήστε την αρχή AIDA
Αυτή είναι μια αλυσίδα γεγονότων που θέλουμε να συμβεί μόλις ο ηγέτης φτάσει στην πλατφόρμα που εμφανίζει το προωθούμενο προϊόν ή υπηρεσία. Κυρίως, τα βήματα είναι:
- Επίγνωση - προσελκύσει την προσοχή του επισκέπτη
- Ενδιαφέρον - που μπορεί να προκληθεί με την προβολή των οφελών στον πελάτη
- Επιθυμία - προκαλούν στους πελάτες την ιδέα ότι αυτοί θέλω του προϊόντος ή της υπηρεσίας
- Δράση - πελάτες που εκτελούν τη διαδικασία αγοράς
2. Όχι πάρα πολλές περισπασμούς; αφήστε μια διέξοδο
Η ιδέα είναι απλή. Εάν η σελίδα προορισμού δεν έχει σχεδόν καμία επιλογή πλοήγησης εκτός από το κουμπί CTA, οι επισκέπτες θα αναγκάσουν την έξοδο τους. Μην νομίζετε ότι εάν δεν παρέχετε καμία πλοήγηση, δεν θα βρουν έναν τρόπο να φύγουν - θα το κάνουν, ίσως ακόμη και κλείνοντας το πρόγραμμα περιήγησης. Και αυτοί οι επισκέπτες θα δεν ελα πισω.
3. Πραγματοποιήστε το πέρασμα της δοκιμής αναλαμπής
Συνήθως, μια σελίδα προορισμού πρέπει να προσελκύσει την προσοχή του επισκέπτη κατά τα πρώτα 3 δευτερόλεπτα της εισόδου. Εάν ο επισκέπτης αναβοσβήνει και δεν βλέπει με σαφήνεια τι πρέπει να βρει στη σελίδα ή δεν ενδιαφέρεται με αυτό που είδε, είναι πιο πιθανό να αναπηδήσει με άδειο χέρι.
4. Μη δημιουργείτε ψευδείς προσδοκίες
Η σελίδα προορισμού πρέπει να είναι σύμφωνη με τις υποδείξεις που παρέχονται από την αρχική διαφήμιση ή αντίστροφα. Οι επισκέπτες πρέπει να βρουν στη σελίδα προορισμού τι υποσχέθηκαν για πρώτη φορά στη διαφήμιση στην οποία κάνουν κλικ.
Όπως έχουμε υποσχεθεί, ας περιηγηθούμε μερικές ωραία σχεδιασμένες και αποτελεσματικές σελίδες προορισμού των B2B και B2C. Θα διερευνήσουμε τα δυνατά τους σημεία και τις αναπόφευκτες αδυναμίες τους. Προσέξτε για τα παρακάτω στην παρακάτω συλλογή: οπτική επικοινωνία, δείκτες επωνυμίας και εμπιστοσύνης, αποτελεσματικότητα περιεχομένου, προσκλήσεις για δράση.
Παρουσίαση: Όμορφες σελίδες προσγείωσης
99Επεξεργασίες
Αυτή είναι η έκδοση μιας σελίδας προορισμού που απευθύνεται σε σχεδιαστές και φοιτητές. Το 99Designs έχει επίσης μια σελίδα προορισμού για την άλλη πλευρά: οι επιχειρήσεις που χρειάζονται σχέδια. Όσο για αυτό, είναι πολύ αποτελεσματικό όσον αφορά την υποστήριξη (δείτε τις τολμηρές μαρτυρίες) και μιλάει πραγματικά τη γλώσσα του κοινού με αριθμούς και δείκτες εμπιστοσύνης (αριθμός μελών της κοινότητας, ποσό χρημάτων που κέρδισαν). Παρατηρήστε τη λαμπερή κόκκινη σκιά του ενιαίου κουμπιού CTA - αυτό συνήθως είναι κάτι που πρέπει να αποφύγετε, αλλά σε αυτή τη συγκεκριμένη περίπτωση δεν είναι ενοχλητικό, καθώς ταιριάζει με το χρώμα του λογότυπου.
123RF
Το 123RF κάνει μια σαφή δήλωση του σκοπού σε αυτήν τη σελίδα προορισμού με το ρυθμιστικό εικόνας και τα τέσσερα διάμεση πλαίσια. Καταλαβαίνετε σε μια στιγμή ποια είναι η υπηρεσία και πώς μπορείτε να την χρησιμοποιήσετε (αναζήτηση, εγγραφή, pay-as-you-go, αγοράστε συνδρομή). Το ανοιχτό γκρι φόντο είναι διακριτικό και δίνει το προβάδισμα στην ουσία, ότι είναι η εικόνα. Αυτό που προσωπικά πιστεύω ότι μπορούν να βελτιώσουν είναι ο κατάλογος των κατηγοριών φωτογραφικών ειδών, είναι λίγο γεμιστό. Και το CTA είναι λίγο πολύ λεπτό για τα κουτιά με δυνατότητα κλικ.
Favomatic
Αγαπώ απόλυτα το σχεδιασμό αυτής της σελίδας προορισμού. Υπάρχει αντίθεση, καλά συνθήματα σε κάθε ενότητα και φέρνει πολλές πληροφορίες χωρίς να σας αναγκάσει να διαβάσετε τα πάντα (η μικρή γραμματοσειρά το κάνει όλα). Έχει πλοήγηση, αλλά κάθετη, με κύλιση, γεγονός που μειώνει σημαντικά τα ποσοστά αναπήδησης.
BiznessApps
Ισχυρές προσκλήσεις για δράση, τόνισε το σύνθημα και μια εντυπωσιακή λίστα των εγκρίσεων - αυτός είναι ο σωστός συνδυασμός για μια σελίδα προορισμού και αυτή η σελίδα το έχει. Επιπλέον, περιλαμβάνει ένα ελάχιστο ποσό κειμένου και χρησιμοποιεί ένα βίντεο επίδειξης, καθώς είναι γνωστό ότι οι άνθρωποι προτιμούν να βλέπουν μια ταινία μικρού μήκους παρά να διαβάζουν. Η μορφή είναι ένα στοιχείο στο οποίο μπορούν να βελτιωθούν ελαφρώς. Συνήθως, θα πρέπει να δώσετε πρώτα, πριν μπορείτε να πάρετε, έτσι αν σε αντάλλαγμα για την υποβολή της φόρμας οι επισκέπτες μπορούν να λάβουν δωρεάν απολαύσεις, τότε το κουμπί "Αποστολή μηνύματος" μπορεί να πει κάτι σαν "Πάρτε δωρεάν τα πράγματα τώρα!"
Brusheezy
Μια άλλη απόδειξη είναι λιγότερη. Αυτή η σελίδα προορισμού φαίνεται πολύ τακτοποιημένη με ένα μόνο εικονίδιο και εμφανή κεφαλίδα. Παρατηρήστε τις δύο παρότρυνες ενέργειες, στο επάνω και στο κάτω μέρος - αυτή είναι μια ανόθευτη μέθοδος για να καθιστά το μήνυμα επίμονο χωρίς τη συσσώρευση της σελίδας. Η επισήμανση των πλεονεκτημάτων για τους πελάτες αντί των χαρακτηριστικών του προϊόντος είναι ένας άλλος κατακτητής.
Απόδραση εκ φυλακής
Αυτή η σελίδα μπορεί να είναι λίγο υπερβολικά γεμάτη, αλλά είναι στην παράδοση των σελίδων προορισμού για εφαρμογές. Ωστόσο, η απόφαση για τη διαίρεση της σελίδας σε τμήματα καθιστά εύκολη την πλοήγηση σε όλα τα στοιχεία. Μπορείτε να βρείτε όλα όσα μπορείτε να αναζητήσετε: χαρακτηριστικά, οφέλη, μαρτυρίες και ακόμη και εγγύηση επιστροφής χρημάτων αν δεν είστε ευχαριστημένοι με το αποτέλεσμα. Το τελευταίο είναι αρκετά επικίνδυνο, καθώς μπορεί να εγείρει ερωτήματα σχετικά με την ποιότητα της υπηρεσίας και ήταν καλή ιδέα να το τοποθετήσετε στο τέλος
PageLines
Ο μινιμαλισμός είναι η βασική ιδέα εδώ. Προσωπικά μου αρέσει ότι αυτή η σελίδα δεν σας λέει τα πάντα αμέσως, αλλά σας προσκαλεί να ανακαλύψετε. Αυτό που δεν βρίσκω τόσο ευχάριστο είναι, όμως, ένα βίντεο που ξεκινά αυτόματα (ένα χαρακτηριστικό που αποφεύγω γενικά) - ακόμα κι αν ο Andrew Powers δεν είναι μόνο επιδέξιος αλλά και όμορφος! Επίσης, το γεγονός ότι δεν υπάρχει άμεση CTA μπορεί να αποτελέσει μειονέκτημα για την ιστοσελίδα.
Πίκο
Αυτή η σελίδα προορισμού είναι απλή αλλά ισχυρή. Το "μεγαλύτερο από" κόκκινο σημάδι είναι το αλάτι και το πιπέρι στη συνολική εμφάνιση. Η διάταξη των παραγράφων μοιάζει με διάταξη εφημερίδας και είναι αρκετά υποδηλωτική για τους σκοπούς του CMS. Τα κουμπιά CTA είναι λίγο πολύ αδύναμα, όμως, και η κυρία στην κάτω δεξιά γωνία προκαλεί μια ήπια distractin. με πολύ μεγάλη έκπληξη στο πρόσωπό της, μοιάζει να είναι σε θέση να διαπραγματευτεί ένα επιχειρηματικό θέμα?
Κουτί με παπούτσια
Οι περιγραφικές γραμμές για κάθε μία από τις ενότητες είναι ένα παράδειγμα χρήσης περιγραφικής γλώσσας. Καταλαβαίνετε το μήνυμα σε χωριστό δευτερόλεπτο, καθώς η οπτική σας γραμμή σαρώνει γρήγορα την πρώτη σειρά και φτάνει στο κουμπί CTA. Εάν εξακολουθείτε να διστάζετε, υπάρχει μια μαρτυρία που θα βοηθήσει, μαζί με ισχυρές εγκρίσεις - δεν θα εμπιστευθείτε μια εταιρεία που εμφανίζεται στο Forbes και Tech Crunch; Θα.
SquareSpace
Επαγγελματική εμφάνιση της σελίδας προορισμού, αυτό είναι. Ένα τολμηρό σύνθημα, κουμπιά CTA που δεν μπορείτε να αντισταθείτε στο κλικ και μια πολύ καλή υποστήριξη, αυτός είναι ο συνδυασμός με την επιτυχία. Μου αρέσει επίσης ότι έβαλαν το πλαίσιο χρήσης τους στο κέντρο της σελίδας, με ένα στιγμιότυπο οθόνης του τρόπου εμφάνισης των σελίδων τους και των ενδείξεων που μοιάζουν με τις εικόνες. Η δομή τριών στοιχείων της σελίδας είναι ένα άλλο ισχυρό σημείο.
Σημείωση του συντάκτη: Αυτή η ανάρτηση είναι γραμμένη από Laura Moisei για το Hongkiat.com. Η Laura έχει πτυχίο Bachelor στην επικοινωνιακή επιστήμη και ξοδεύει τις περισσότερες φορές ακολουθώντας το πάθος της για το σχεδιασμό και τη γραφή. Εργάζεται για το 123ContactForm, ένα ηλεκτρονικό έντυπο και ένα οικοδόμο έρευνας που βοηθά τους χρήστες να δημιουργούν όμορφες φόρμες για οποιαδήποτε ιστοσελίδα.