Παραδείγματα σελίδας προορισμού: συμβουλές για τη δημιουργία. Παραδείγματα σελίδων προορισμού μιας σελίδας Όμορφη σχεδίαση σελίδας προορισμού

Έχουμε ήδη συζητήσει τι σελίδα προορισμούσε τι είναι καλοί και σε ποιες βασικές αρχές βασίζονται. Ωστόσο, παρά το γεγονός ότι υπάρχουν διάφοροι κανόνες και τεχνικές που θα εξασφαλίσουν την επιτυχία του ιστότοπού σας, είναι λάθος να πιστεύετε ότι η ανάπτυξη σελίδας προορισμού είναι μια εργασία προτύπου και ότι μια σελίδα που λειτουργεί σωστά μπορεί να γίνει σε 5 λεπτά. αντικαταστήστε τις εικόνες και αλλάξτε κείμενα. Φυσικά, αυτή είναι μια δημιουργική διαδικασία και η φαντασία, που υποστηρίζεται από την κατανόηση της συμπεριφοράς του κοινού-στόχου σας, ενθαρρύνεται μόνο. Παρακάτω θα παρουσιάσουμε μια ντουζίνα παραδείγματα μη απλών προσγειώσεων, καθώς και σελίδες που παρέχουν υψηλές μετατροπές.

1. Θερμοστάτης φωλιάς

Μια πολύ ενδιαφέροντα σχεδιασμένη προσγείωση αφιερωμένη στην πώληση ενός θερμοστάτη δωματίου. Παρά την παρουσία όλων των ειδών τεχνικών δεδομένων και περιγραφών βολικής λειτουργικότητας, η σελίδα προορισμού επικεντρώνεται στο οπτικό στοιχείο - πολλές φωτογραφίες του εσωτερικού, καθώς και ένα κινούμενο σχέδιο στη μέση της σελίδας, λαμπρό στην ιδέα και την εκτέλεση, κάνουν αισθάνεστε ότι μετά την αγορά αυτής της συσκευής, το σπίτι σας δεν θα γίνει χειρότερο από ό,τι στις φωτογραφίες στο Διαδίκτυο. Έτσι, η προσγείωση δεν πουλάει τον θερμοστάτη, αλλά την άνεση στο σπίτι, που είναι η απόλυτη ανάγκη του πελάτη.

2. Boy Coy

Ιστότοπος ενός στούντιο σχεδιασμού, μετά τον οποίο είναι απίθανο να θέλετε καν να αναζητήσετε προσφορές από ανταγωνιστές. Μια προσγείωση τεσσάρων οθονών μπορεί να σας πείσει να απευθυνθείτε σε αυτούς τους τύπους, ακόμα κι αν δεν διαβάσετε κριτικές ή λίστα εταιρειών με τις οποίες έχει συνεργαστεί το στούντιο. Πιθανότατα, απλώς θα μετακινηθείτε, θαυμάζοντας το εφέ παράλλαξης και δεν θα το παρατηρήσετε μόνοι σας, καθώς αρχίζετε να εισάγετε τα δεδομένα σας σε μια ωραία φόρμα σχολίων.
http://boy-coy.com

3. Βότκα "Valenki"

Ένα άλλο παράδειγμα μιας όμορφης σελίδας προορισμού με εφέ παράλλαξης. Μια σελίδα καθαρά εικόνας που δεν σας αναγκάζει να κάνετε άμεσα μια αγορά, αλλά δημιουργεί μια θετική εικόνα για το κοινό-στόχο. Σημειώστε ότι οι πληροφορίες σχετικά με την ποιότητα του προϊόντος παρουσιάζονται σε επαρκή όγκο, αλλά μπορείτε να τις χάσετε παρακολουθώντας πόσο όμορφα επιπλέουν τα παγάκια. Ωστόσο, το επιθυμητό αποτέλεσμα έχει ήδη επιτευχθεί. Αυτός ο ιστότοπος είναι πολύ όμορφος για να προσφέρει κάτι κακής ποιότητας - ένα τέτοιο υποσυνείδητο συμπέρασμα θα προκύψει σε κάθε επισκέπτη οποιουδήποτε καλαίσθητου ιστότοπου.
http://www.valenkivodka.com

4. Ηλεκτρονικό κατάστημα με αρκουδάκια

Πραγματικά ενδιαφέρουσες προσγειώσεις μπορούν να προσελκύσουν την προσοχή ακόμη και ανθρώπων που βρίσκονται μακριά από το κοινό-στόχο. Δείτε το παράδειγμα ενός καταστήματος που πουλά τεράστια αρκουδάκια. Ο ιστότοπος είναι κυριολεκτικά γεμάτος ενδιαφέρουσες ιδέες και φαίνεται να βρίσκεται σε διάλογο με τον επισκέπτη, κάτι που τελικά, με μεγάλη πιθανότητα, σημαίνει αγορά.
http://medvedy.com

5. Έξυπνη Πρόοδος

Όμορφη σελίδα προορισμού μιας δημοφιλής υπηρεσίας για τον καθορισμό και την επίτευξη στόχων. Πρώτον, πηγαίνετε και δείτε πώς λειτουργεί και, δεύτερον, αξιολογήστε το σχέδιο που ενσωματώνει την κίνηση προς τον στόχο. Μαζί με ένα πολύ ικανό γέμισμα μπλοκ, δίνει πραγματικά κίνητρο να κάνουμε ό,τι έχει προγραμματιστεί, αλλά αναβλήθηκε επ' αόριστον.
https://smartprogress.do

Παραδείγματα πώλησης σελίδων προορισμού με υψηλή μετατροπή

1. Παραγωγή και τοποθέτηση ξύλινων κουφωμάτων

Όπως γνωρίζετε, μια σελίδα προορισμού δεν πρέπει να υπερφορτώνει τον επισκέπτη, αλλά να του δίνει αμέσως κάτι να κολλήσει και να συμπληρώσει μια αίτηση. Δεν θα διαφωνήσουμε, αλλά ορισμένα προϊόντα απαιτούν προσεκτική επιλογή και δεν θα ξεφύγετε με ένα ή δύο μπλοκ. Η σελίδα προορισμού αυτού του κατασκευαστή παραθύρων πήγε σύμφωνα με το πρόγραμμα στο μέγιστο και άγγιξε τέτοιες λεπτομέρειες που δεν σκεφτόμαστε καν όταν επιλέγουμε παράθυρα. Και παρόλο που σε μερικά τετράγωνα, όπως μας φαίνεται, υπήρξε υπερφόρτωση πληροφοριών, αυτή η σελίδα εξακολουθεί να είναι ένα καλό παράδειγμα μεγάλης προσγείωσης.
http://goodwin-nnov.ru/

2. Ασφάλιση CASCO

Μια άλλη σελίδα προορισμού με υψηλή μετατροπή. Η αρχή της μετατροπής ενός επισκέπτη σε δυνητικό πελάτη χρησιμοποιείται εδώ παρόμοια με το προηγούμενο παράδειγμα - μια αριθμομηχανή. Προσφέρουμε να αξιολογήσουμε πόσες παραμέτρους είναι δυνατόν να γίνουν για την επιλογή μιας πολιτικής και πόσο αβίαστα γίνεται αυτό. Το ίδιο μπορεί να ειπωθεί για το υπόλοιπο περιεχόμενο της προσγείωσης – είναι εξαιρετικά απλό και κατανοητό, ενώ περιγράφονται όλα τα οφέλη που θέλει να αποκομίσει ένας ιδιοκτήτης αυτοκινήτου ασφαλίζοντας το αυτοκίνητό του.

http://prostokasko.rf

3. Αυτοματοποιημένο franchise ενυδρείων ψυχαγωγίας

Ένα καλό παράδειγμα σελίδας προορισμού πωλήσεων που παρέχει υψηλές μετατροπές λόγω του γεγονότος ότι εξηγεί ξεκάθαρα τα οφέλη σε έναν πιθανό πελάτη, αλλά αφήνει επίσης την ίντριγκα, την επιθυμία να μάθετε τις λεπτομέρειες ενός επιχειρηματικού σχεδίου που υπόσχεται παθητικό εισόδημα. Ο σχεδιαστής είναι ο ιδιαίτερος έπαινος μας.
http://morewishes.ru

4. Επισκευή φορητού υπολογιστή

Ένα καλό παράδειγμα μιας σελίδας προορισμού όπου σχετικά ένας μεγάλος αριθμός απόκείμενο (συμπεριλαμβανομένου του χώρου που καταλαμβάνει στην κύρια οθόνη) δεν δημιουργεί δυσκολίες στον επισκέπτη, αλλά αντίθετα, φαίνεται οργανικό και ζωγραφίζει με επιτυχία όλα τα πλεονεκτήματα του οργανισμού επισκευής. Οι υπηρεσίες επισκευής φορητών υπολογιστών είναι επείγουσες, επομένως οι πιθανοί πελάτες δεν πρέπει να δίνουν πληροφορίες πέρα ​​από κάθε μέτρο: μερικά τετράγωνα είναι αρκετά, αλλά επεξεργασμένα όσο το δυνατόν πιο όμορφα και κατατοπιστικά, γεγονός που εμπνέει εμπιστοσύνη.

Βικτόρια Κουτσίνοβα

Το κύριο πρόβλημα με τις περισσότερες σύγχρονες σελίδες προορισμού είναι ότι όλες φαίνονται να είναι κατασκευασμένες σε αντίγραφο άνθρακα. Και πού είναι η δημιουργικότητα, η φωτιά, πού είναι η σχεδιαστική φρενίτιδα;

Σε αυτή τη συλλογή, έχω συγκεντρώσει ενδιαφέρουσες μάρκες και ασυνήθιστα εφέ. Μερικά από αυτά κατασκευάστηκαν από προγραμματιστές και σχεδιαστές ιστοσελίδων της Texterra και μερικά βρέθηκαν στο Runet. Όχι χωρίς παραδείγματα αποκρουστικού σχεδιασμού και καθαρής shiza - στο τέλος του άρθρου θα βρείτε μια γνωριμία με ένα χάμστερ δολοφόνος και ένα Snow Maiden με έναν κουβά.

Παρακολουθήστε, εμπνευστείτε, εφαρμόστε τις ιδέες που σας αρέσουν, ανακατέψτε τις με τις δικές σας και μην ξεχάσετε να κάνετε τεστ A/B - αυτή είναι η μόνη σωστή συνταγή για τη δημιουργία δολοφονικών σελίδων προορισμού.

Και, το πιο σημαντικό, να θυμάστε ότι μια σελίδα προορισμού δεν είναι ένα αυτάρκεις εργαλείο. Για μετατροπές, δυνητικούς πελάτες και πωλήσεις, χρειάζεστε επισκεψιμότητα υψηλής ποιότητας. Και είναι δύσκολο να το αποκτήσεις χωρίς ολοκληρωμένη προώθηση.

Εκτεταμένη μορφή

Συνήθως, οι χρήστες μιας σελίδας χρησιμοποιούν μια τυπική φόρμα αίτησης με πολλά πεδία. Τις περισσότερες φορές, ο πελάτης χρειάζεται να παρέχει στοιχεία επικοινωνίας - όνομα, επώνυμο, ταχυδρομείο ή αριθμό τηλεφώνου. Αλλά σε ορισμένους πολύπλοκους τομείς είναι καλύτερο να καλύψουμε το θέμα με περισσότερες λεπτομέρειες. Δείτε πώς το έκαναν στο Texterra: με τη μορφή μιας σελίδας προορισμού dellservers.ru, ο πελάτης μπορεί να επιλέξει μια λειτουργική μονάδα, παραμέτρους και εργασίες διακομιστή. Μπορεί να επαναφέρει τις τιμές εάν κάτι πήγε στραβά.

Σε τι χρησιμεύει; Σε κάθε περίπτωση, ο κάτοχος της σελίδας προορισμού θα λάβει τους δυνητικούς πελάτες του – ακόμα κι αν υπάρχουν μόνο δύο ή τρία πεδία στη φόρμα. Αλλά εδώ θα είναι ενδιαφέρον για τον πελάτη να σκάψει βαθύτερα. Όχι μόνο για παραγγελία, αλλά για να διαλέξετε τη δική σας επιλογή.


Δύο κουμπιά STA

Στη σελίδα προορισμού του προγράμματος σχεδιασμού εργασιών στη διεύθυνση wunderlist.com/ru, υπάρχουν δύο παροτρύνσεις για δράση ταυτόχρονα, οι οποίες ενισχύουν η μία την άλλη: «Δημιουργήστε ένα δωρεάν λογαριασμός' και 'Λήψη Wunderlist'. Οι χρήστες κάνουν κλικ και στους δύο συνδέσμους, η μετατροπή ανεβαίνει και η σελίδα προορισμού κάνει τέλεια τη δουλειά της.


Συγκεκριμένα στοιχεία (αποτελέσματα)

Δεν είναι καινούργιο, αλλά εξακολουθεί να λειτουργεί. Δείξτε στους πελάτες τι έχετε πετύχει σε αριθμούς: αυτό είναι πιο ξεκάθαρο από τις αφηρημένες φράσεις «είμαστε οι καλύτεροι», «έχουμε εκατοντάδες ολοκληρωμένα έργα» και ούτω καθεξής. Δείτε τη σελίδα προορισμού smartprogress.do: μπορείτε να δείτε αμέσως πόσα άτομα έχουν ήδη συμμετάσχει στο έργο, πόσοι στόχοι έχουν τεθεί, πόσα επιτεύγματα έχουν επιτευχθεί.


Εξατομίκευση

Σελίδες προορισμού χωρίς πρόσωπο - br-r, τι θα μπορούσε να είναι πιο θαμπό! Ζωντανέψτε το one-pager σας, προσθέστε φωτιά, ενδιαφέροντε έναν πιθανό πελάτη. Για παράδειγμα, στη σελίδα των υπηρεσιών Texterra για τη δημιουργία ιστοσελίδων, υπάρχουν φωτογραφίες εργαζομένων που εμπλέκονται άμεσα σε αυτό. Ο επισκέπτης μπαίνει και βλέπει: ναι, όχι αφηρημένοι προγραμματιστές, αλλά ζωντανοί Svyatoslav, Polina, Artem και άλλοι θα ασχοληθούν με τον πόρο μου.


Βολική φόρμα απάντησης

Σε πολλές σελίδες προορισμού και ιστότοπους, μπορείτε να κάνετε μια ερώτηση μόνο μέσω μιας φόρμας. Και αυτό σημαίνει ότι πρέπει να δηλώσετε το όνομα και το επώνυμο, να αφήσετε τον αριθμό τηλεφώνου και ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ. Μερικές φορές πρέπει ακόμη και να εισάγετε captchas και κωδικούς - φρίκη! Είναι σαφές ότι αυτό γίνεται για να λάβουμε δυνητικούς πελάτες. Αλλά υπάρχει μια άλλη επιλογή - όπως στη σελίδα προορισμού Cerebro Target. Εάν είστε εγγεγραμμένος στο VKontakte, δεν χρειάζεται να συμπληρώσετε τίποτα - πάρτε το και γράψτε. Και ο πελάτης είναι άνετος και ο ιδιοκτήτης είναι καλά - η επαφή έχει μείνει, μπορείτε να συνεχίσετε να εργάζεστε.


Κριτικές πελατών

Μπορείτε να ζητήσετε από τους πελάτες να μιλήσουν για τις εμπειρίες τους και να δημοσιεύσουν τα ληφθέντα κείμενα στη σελίδα προορισμού. Αλλά το αλιεύμα είναι ότι ο επισκέπτης δεν θα ελέγξει με κανέναν τρόπο αν πρόκειται για πραγματικές κριτικές ή για ψεύτικες. Είναι καλύτερα να προχωρήσουμε περισσότερο και να πείσουμε τους επισκέπτες για αυτό. Η σελίδα προορισμού huskypark.info, η οποία αναπτύχθηκε από την Texterra, παραθέτει τα λόγια των πελατών από το Instagram με συνδέσμους στους λογαριασμούς τους. Όλα είναι δίκαια - έλα να δεις.


Επίδειξη αποτελεσμάτων



Τρισδιάστατα γραφικά και επαυξημένη πραγματικότητα

Η σελίδα προορισμού δημιουργήθηκε για την εφαρμογή Qubi. Αυτό είναι ένα παιχνίδι για παιδιά 3+ ετών και ενήλικες. Η ουσία του παιχνιδιού είναι απλή. Στο πρώτο βήμα, ο χρήστης, σύμφωνα με το προτεινόμενο σχήμα, κολλάει έναν πραγματικό κύβο από χαρτί, χαρτόνι ή ξύλινο.


Στη συνέχεια εγκαθιστά την εφαρμογή, την ανοίγει στο smartphone του και «κοιτάζει» τον κύβο μέσα από την κάμερα της συσκευής.


Στην οθόνη ενός smartphone ή tablet, ο κύβος ζωντανεύει. Ο χρήστης παίζει μια τρισδιάστατη έκδοση των "Snake", "2048", "Labyrinth". Σε αυτήν την περίπτωση, πρέπει να ελέγξετε το παιχνίδι χρησιμοποιώντας έναν πραγματικό κύβο. Για να ελέγξετε τον κύβο με δύο χέρια, πρέπει να χρησιμοποιήσετε μια ειδική βάση για το smartphone σας, την οποία μπορείτε να συναρμολογήσετε μόνοι σας.


Το τρισδιάστατο μοντέλο του κύβου φαίνεται στην εικόνα (gif).


Αυτό που ήθελε ο πελάτης

Ο πελάτης ζήτησε να δημιουργήσει μια σελίδα προορισμού που να τονίζει το χαρακτηριστικό του παιχνιδιού: τη χρήση τρισδιάστατης επαυξημένης πραγματικότητας. Συγκεκριμένα, θέλησε να δει την επίδραση των κινούμενων όψεων ενός τρισδιάστατου κύβου, η ενεργή όψη του οποίου είναι εγγεγραμμένη στην οθόνη της συσκευής του επισκέπτη.

Τι καναμε

Έχουμε υλοποιήσει το 3D χρησιμοποιώντας τρισδιάστατους μετασχηματισμούς CSS3. Οι μεταβάσεις μεταξύ των όψεων του κύβου γίνονται χρησιμοποιώντας καθαρή JavaScript με παρακολούθηση συμβάντων μεταφοράς και αφής. Χάρη στις ασυνήθιστες μεταβάσεις μεταξύ των οθονών, ο χρήστης δημιουργεί μια αίσθηση τρισδιάστατης οθόνης. Αυτό είναι ιδιαίτερα έντονο στην έκδοση εργασίας της σελίδας προορισμού.


Για την τελική έκδοση της σελίδας προορισμού, φτιάξαμε μια πιο ρεαλιστική έκδοση του κύβου. Σε αντίθεση με την έκδοση εργασίας, στην τελική έκδοση, η περιστροφή του κύβου γίνεται από το εξωτερικό, όχι από το εσωτερικό. Η αίσθηση 3D ενισχύεται από κινούμενα σχέδια τίτλου.


Η σελίδα προορισμού ανταποκρίνεται πλήρως.

Διαδραστική επιλογή χρωμάτων εσωτερικού και επίπλου

Η ιδιαιτερότητα της σελίδας προορισμού DSK.Color είναι η δυνατότητα να επιλέγετε ανεξάρτητα το χρώμα των επίπλων και των εσωτερικών αντικειμένων χρησιμοποιώντας μια διαδραστική παλέτα.

Η εταιρεία DSK.Color βάφει οποιεσδήποτε επιφάνειες σε διάφορα χρώματα. Μπορείτε να παραγγείλετε το χρωματισμό των επίπλων, οικιακές συσκευές, ποδήλατα, μουσικά όργανα και άλλα είδη. Ο πελάτης μπορεί να επιλέξει οποιοδήποτε χρώμα.

Η πιο ζητούμενη υπηρεσία είναι το βάψιμο επίπλων και εσωτερικών ειδών. Αντιπροσωπεύει περίπου το 80% της εργασίας του πελάτη.

Αυτό που ήθελε ο πελάτης

Ο πελάτης ζήτησε να κάνει μια φωτεινή και αξέχαστη προσγείωση "με μια κλήση να χρωματίσει τα πάντα γύρω". Είχε ιδέες να κάνει τρισδιάστατες αναπαραστάσεις των επίπλων έτσι ώστε ο επισκέπτης «να μπορεί να στρίψει και να δει το ζωγραφισμένο αντικείμενο από διαφορετικές γωνίες».

Τι καναμε

Προσφέραμε στον πελάτη μια ιδέα: να δώσουμε στον επισκέπτη την ευκαιρία να επιλέξει ανεξάρτητα το χρώμα των επίπλων και των εσωτερικών αντικειμένων.

Για να γίνει αυτό, η σελίδα προορισμού πρόσφερε μια εικόνα ενός δωματίου στο οποίο ο επισκέπτης μπορεί να ζωγραφίσει τα κύρια αντικείμενα χρησιμοποιώντας μια παλέτα που ανοίγει με κλικ. Με βάση τα επιλεγμένα χρώματα και είδη, ο χρήστης μπορεί να υπολογίσει το κόστος των υπηρεσιών. Το πρώτο πρωτότυπο έμοιαζε έτσι.


Η ιδέα άρεσε πολύ στον πελάτη, έτσι φτιάξαμε ένα λειτουργικό πρωτότυπο της σελίδας προορισμού. Σε αυτό, το κύριο μέρος έμοιαζε ήδη έτσι.


Συμφωνήσαμε με τον πελάτη να αφήσουμε τη δυνατότητα να βάψουμε το τραπέζι, τις καρέκλες, την πόρτα και τη μονάδα κουζίνας. Αυτά είναι τα κύρια είδη που βάφει η εταιρεία.

Μετά την έγκριση του πρωτοτύπου, ο σχεδιαστής και ο σχεδιαστής σχεδίασης συμμετείχαν στις εργασίες. Ο πρώτος σχεδίασε όλα τα στοιχεία σε svg (αυτή είναι μια μορφή γραφικών). Το δεύτερο έφτιαξε και πρόσθεσε μια παλέτα χρωμάτων στις περιοχές svg. Μετά από αυτό, υλοποιήθηκε ένα modal παράθυρο. Με αυτό, ο χρήστης μπορεί να ελέγξει διπλά χρώματα και αντικείμενα και να υποβάλει αίτημα για υπηρεσία.


Ασυνήθιστες και συνηθισμένες συσκευές προφόρτωσης

Με τη βοήθεια ενός προγράμματος προφόρτωσης ή ενός spinner, μπορείτε να κάνετε οποιαδήποτε σελίδα προορισμού πιο βολική και οπτικά ελκυστική. Σε αυτήν την ενότητα, θα μιλήσουμε για προφορτωτές και θα δούμε παραδείγματα αυτών των στοιχείων που δημιουργήθηκαν από ειδικούς της Texterra.

Τι είναι το πρόγραμμα προφόρτωσης και ποιες εργασίες επιλύει

Το πρόγραμμα προφόρτωσης ή το spinner είναι ένα σημάδι που εμφανίζεται στην οθόνη πριν από τη φόρτωση της σελίδας. Αυτά τα στοιχεία τα βλέπετε καθημερινά όταν χρησιμοποιείτε το Διαδίκτυο. Παρακάτω είναι ένα παράδειγμα προφόρτωσης.


Το πρόγραμμα προφόρτωσης επιλύει ένα πρακτικό πρόβλημα: ενημερώνει τον χρήστη ότι η σελίδα φορτώνεται και αντικαθιστά επίσης την οπτικά μη ελκυστική εικόνα φόρτωσης. Αυτό πρέπει να εξηγηθεί.

εξαιτίας τεχνικά χαρακτηριστικάεργασία των προγραμμάτων περιήγησης, οι σελίδες των τοποθεσιών φορτώνονται άνισα. Κατά τη φόρτωση, η διάταξη μπορεί να "επιπλέει". Εάν η σελίδα φορτώνεται σε λίγα δευτερόλεπτα, αντί για ένα κλάσμα του δευτερολέπτου, ο χρήστης παρατηρεί μια μη ελκυστική εικόνα για κάποιο χρονικό διάστημα.


Τα προγράμματα προφόρτωσης υλοποιούνται χρησιμοποιώντας τυπικά εργαλεία ανάπτυξης front-end: HTML, CSS, JavaScript και πρόσθετες βιβλιοθήκες και πλαίσια, όπως jQuery, React.

Πώς βελτιώνουμε τις σελίδες προορισμού με προγράμματα προφόρτωσης

Δημιουργούμε μοναδικά προγράμματα προφόρτωσης, συμπεριλαμβανομένων κινούμενων. Εδώ είναι μερικά από τα έργα μας.

  • Qubi

Για τη σελίδα προορισμού Qubi, δημιουργήσαμε ένα πρόγραμμα προφόρτωσης που μιμείται το μενού πλοήγησης. Αυτό επιτρέπει στο χρήστη να κατανοήσει πώς γίνεται η διαχείριση της σελίδας πριν τη φόρτωσή της.


  • ισοπεδωμένος

Στον ιστότοπο της Levellen Interiors, χρησιμοποιήσαμε ένα πρόγραμμα προφόρτωσης με τη μορφή εταιρικού λογότυπου. το πρόσθετο στοιχείοεπωνυμία ιστότοπου.

Η σελίδα προορισμού παρέχει πληροφορίες σχετικά με τη μίσθωση χώρων στο επιχειρηματικό κέντρο. Το κύριο μυστικό της σελίδας προορισμού βρίσκεται στην ενότητα "Γραφεία". Εδώ ο χρήστης μπορεί να δει τη διαθεσιμότητα δωρεάν γραφείων σε κάθε όροφο του κτιρίου.


Όταν τοποθετείτε το δείκτη του ποντικιού πάνω από ένα δωρεάν γραφείο, εμφανίζεται το κουμπί "Λεπτομέρειες".


Πατώντας το κουμπί ο χρήστης κατευθύνεται σε μια σελίδα με πληροφορίες για το γραφείο και τις φωτογραφίες του. Από αυτή τη σελίδα, μπορείτε να αφήσετε ένα αίτημα για ενοικίαση δωματίου.


Χαρακτηριστικά υλοποίησης

Ο σχεδιαστής μας σχεδίασε τα σχήματα του χώρου του γραφείου, τα σχέδια είναι σε μορφή svg. Αυτά τα σχέδια είναι επάλληλα στις κατόψεις. Όταν ο διαχειριστής του ιστότοπου στον πίνακα ελέγχου σημειώνει ότι το γραφείο είναι δωρεάν, το σενάριο ενεργοποιεί την εμφάνιση της εικόνας στο σχέδιο και τη δυνατότητα μετάβασης στη σελίδα με πληροφορίες και τη φόρμα παραγγελίας. Όταν ο διαχειριστής σημειώνει ότι το γραφείο είναι απασχολημένο, το σενάριο απενεργοποιεί την εικόνα στο σχέδιο.

Το δικό του σχέδιο

Σε αυτό το παράδειγμα, δεν υπάρχουν πολύπλοκα τεχνικά κόλπα και σχεδιαστικά εφέ - ολόκληρη η προσγείωση βγαίνει έξω Ωραία εικόνα: φόντο, χρώματα, λαχταριστές φωτογραφίες από χαβιάρι Αστραχάν. μια σελίδα astrahancaviar.ruείναι ένα καλό παράδειγμα του πώς ένας σχεδιαστής σας κάνει να θέλετε να αγοράσετε ένα προϊόν. Και φάτε αμέσως!


Τέλος, για τις οδυνηρές - μερικά παραδείγματα τρομερών προσγειώσεων. Για αντίθεση, παλάμη προσώπου, ανίκανη αγωνία και όλα αυτά. Δεν θα περιγράψω τι συμβαίνει με αυτά - προτείνω να λύσετε αυτά τα προβλήματα μόνοι σας. Ήτα-α-ακ...

Πώληση τοποθεσιών. Τι είναι? Κάθε δεύτερο άτομο θα πει: "Φυσικά, αυτές είναι σελίδες προορισμού!". Είναι one-pagers, είναι και landing pages, είναι και selling pages.

Δεν θα σας πείσω για το αντίθετο, γιατί υπάρχει μεγάλη αλήθεια σε αυτά τα λόγια. Επομένως, σε αυτό το άρθρο θα αναλύσουμε ποιες σελίδες προορισμού μπορούν να ονομαστούν οι καλύτερες και γιατί.

Κάποτε άρχισα να ψάχνω για τους ιστότοπους με τις καλύτερες πωλήσεις, πού να δω τα παραδείγματα, τις αξιολογήσεις τους και πώς να τις αξιολογήσω γενικά. Άλλωστε, αρχικά επινοήθηκε ένα μονοσέλιδο site με σκοπό να αυξηθούν οι πωλήσεις της εταιρείας.

Πρόσφατα, πολλά έχουν αλλάξει. Αυτά που ήταν σχετικά πριν έφυγαν, τα site άρχισαν να γίνονται καλύτερα, πιο όμορφα, με πολλά animation, εικόνες και διάφορα δελεαστικά χαρακτηριστικά.

Κριτήρια αξιολόγησης

Σε ποια βάση να αξιολογηθεί; Τι να πάρουμε ως βάση; Πώς να κατατάξετε τους TOP-10 ιστότοπους; Πού να πάρω τοποθεσίες για τον διαγωνισμό; Όλα αυτά περιπλέκουν την κατάσταση στη δημιουργία μιας πραγματικής και ειλικρινούς κατάταξης των καλύτερων τοποθεσιών.

Επιπλέον, δεν γνωρίζουμε πόσες εταιρείες πωλήσεων πραγματοποιούν μέσω τέτοιων τοποθεσιών. Δεν μπορείτε να τους τηλεφωνήσετε και να τους ρωτήσετε: «Τι είναι το δικό σου;» ή "Πόσες εφαρμογές λαμβάνετε από;".

Είμαι βέβαιος ότι κανείς δεν θα απαντήσει σε μια τέτοια ερώτηση, γιατί είτε κανείς δεν σκέφτεται, είτε θα πει ότι πρόκειται για εμπιστευτικές πληροφορίες.


Ναι, ονειρεύομαι!

Έτσι το έκανα πιο εύκολο. Άρχισα να ψάχνω και να βλέπω βαθμολογίες και επιλογές από τις καλύτερες προσγειώσεις. Και ξέρεις τι?

Η βαθμολογία, φυσικά, είναι υποκειμενική, καθώς δεν έχουμε δείκτες για όλες τις σελίδες και δεν μπορούμε να εξετάσουμε φυσικά όλους τους ιστότοπους του Διαδικτύου. Βασιζόμαστε στην εμπειρία μας και σε αυτούς τους ιστότοπους που συναντάμε στον Παγκόσμιο Ιστό εδώ και 5 χρόνια.

ΕΙΜΑΣΤΕ ΗΔΗ ΠΕΡΙΣΣΟΤΕΡΟ ΑΠΟ 29.000 άτομα.
ΑΝΑΒΩ

TOP 10 One Page Sites

Μην λαμβάνετε την αρίθμηση ως διανομή των δώρων. Δεδομένου ότι όλες οι σελίδες προορισμού έχουν διαφορετικές εργασίες, πράγμα που σημαίνει ότι η σύγκριση μεταξύ τους δεν είναι μόνο αντιεπαγγελματική, αλλά και ανόητη. Απολαύστε λοιπόν τη δουλειά.

1. Συγκρότημα κατοικιών “Park Flora”

Ο ιστότοπος είναι μια απόλυτη απόλαυση. Είναι αμέσως ξεκάθαρο ότι ένας κουλ σχεδιαστής και ένας κορυφαίος έμπορος είχαν ρόλο σε αυτό. Κοιτάς και θέλεις να έρθεις να τα δεις όλα μόνος σου.

Επιπλέον, στον ιστότοπο πλήρης απουσία, δεν υπάρχει φόρμα για συμπλήρωση, μόνο ένας αριθμός τηλεφώνου. Και αυτό είναι σωστό στην περίπτωσή τους, αν και για πολλούς μπορεί να φαίνεται περίεργο.


Συγκρότημα κατοικιών “Park Flora”

Το μόνο αρνητικό είναι ο σχεδιαστής διάταξης για κακώς βελτιστοποιημένη κινούμενη εικόνα και .

Ο ιστότοπος χρειάζεται πολύ χρόνο για να φορτώσει και αυτό μπορεί να επηρεάσει σημαντικά το ποσοστό εγκατάλειψης. Οι άνθρωποι δεν τους αρέσει να περιμένουν και θα το αφήσουν πιο γρήγορα από ό,τι βλέπουν την προσφορά.

2. Εργαστήριο «Dinero»

Αυτό δεν είναι ένας ιστότοπος, αλλά μια ολόκληρη ταινία για έναν «χαρακτήρα» - ένα ξύλινο πορτοφόλι. Εάν κόστιζε 1.000-2.000 ρούβλια, τότε ο ιστότοπος θα αποτύγχανε, αφού δεν υπάρχουν προφανείς: προσφορά, περιγραφή, φόρμα λήψης κ.λπ. Αλλά στο τμήμα Luxur, όλα λειτουργούν διαφορετικά και αυτή η μία σελίδα είναι απόδειξη αυτού.

Το κύριο μειονέκτημα αυτού του ιστότοπου είναι μια προσπάθεια, όπως λένε, να καθίσει σε δύο καρέκλες, δηλαδή σε μια σελίδα για να πουλήσει αγαθά τόσο λιανικής όσο και χονδρικής.

Πρέπει να αναζητήσετε αντιπροσώπους σε ξεχωριστό ιστότοπο, καθώς οι αγοραστές λιανικής και χονδρικής έχουν διαφορετικά κριτήρια επιλογής, πράγμα που σημαίνει ότι πρέπει να εμφανίζουν διαφορετικές εικόνες και οφέλη με διαφορετική σειρά.


Εργαστήριο «Dinero»

3. Κενές θέσεις Alfa-Bank

Αυτή η ερυθρόλευκη τράπεζα είναι ο συνεργάτης μας. Είμαστε οι συντάκτες του ιστολογίου τους για τη λέσχη πελατών.

Αλλά ο ιστότοπός τους δεν είναι εδώ για «οικογενειακούς δεσμούς», πήραν πραγματικά μια καλή απόφαση να βρουν υπαλλήλους για την εταιρεία τους. Και το έκαναν με έναν πολύ πρωτότυπο τρόπο.


Κενές θέσεις Alfa-Bank

Το μόνο πράγμα που πρέπει να τους πούμε (και θα το κάνουμε) είναι να μην απομακρύνουν τον πελάτη από αυτόν τον ιστότοπο και να κάνουν όλη την αλληλεπίδραση μέσα σε αυτόν. Έτσι, ένα άτομο θα είναι πιο πρόθυμο να αφήσει ένα αίτημα λόγω της συνήθους διάταξης στοιχείων και μιας λογικής αλυσίδας ενεργειών.

4. Αθλητικός κορσές “Loni-corset”

Αυτός ο ιστότοπος έχει αναπτυχθεί από εμάς, και είναι κάπως ανόητο να κάνουμε βαθμολογία και να μην λέμε ότι θεωρούμε ότι οι ιστότοποί μας είναι καλοί.

Επιπλέον, όλοι οι ιστότοποί μας είναι στα καλύτερά τους, μπορείτε να το δείτε εδώ —> . Επειδή όμως το μεγαλύτερο μέρος του κοινού αυτής της σελίδας είναι άνδρες, αποφασίσαμε να δείξουμε τον ιστότοπο με κορίτσια 🙂


Αθλητικός κορσές "Loni-corset"

Ο ιστότοπος λειτουργούσε για 4+. Το μόνο μπλοκ που δεν μπορέσαμε να προσθέσουμε ήταν η κοινωνική απόδειξη της ύπαρξης της εταιρείας αποστολής.

Ο πελάτης επέλεξε να μην εμφανίσει αυτές τις πληροφορίες. Επομένως, λέμε ευθαρσώς ότι το αποτέλεσμα θα μπορούσε να είναι υψηλότερο εάν οι αγοραστές έβλεπαν την αποθήκη, την ομάδα, το γραφείο και άλλα. Αλλά αυτό που είναι, είναι.

5. Έγκριση SRO «Gralnik Licensing»

Με την πρώτη ματιά, αυτός ο ιστότοπος θα πρέπει να σας κάνει να αναρωτηθείτε γιατί βρίσκεται στην κορυφαία λίστα. Δεν υπάρχει τίποτα το ιδιαίτερο σε αυτό: απλό σχέδιο, συνηθισμένα μπλοκ, τυπικά κείμενα.

ΑΛΛΑ! Πιστέψτε με, όταν είστε ο πελάτης-στόχος τους, θα συνειδητοποιήσετε ότι αυτός είναι ένας εξαιρετικός ιστότοπος που έχει κατασκευαστεί πλήρως για τον πελάτη. Και ακόμη και ένα απλό είναι φτιαγμένο για έναν τόσο συνηθισμένο λόγο.


Έγκριση SRO «Gralnik Licensing»

Φυσικά έχουν χώρο να αναπτυχθούν. Η διάταξή τους επιπλέει σε μερικά μπλοκ και, παρεμπιπτόντως, υπάρχουν 15 από αυτά. Επίσης, έχουν λανθασμένο συλλαβισμό λέξεων και τα κύρια στοιχεία είναι ελάχιστα τονισμένα.

Αλλά όλα αυτά είναι μικροπράγματα, γιατί βασικά όλα γίνονται σωστά και γραμμένα από την άποψη.

6. Έργο "Big Drying"

Οι περισσότερες γυναίκες (το κοινό-στόχος τους) έχουν ακούσει για το έργο Crazy Drying. Οι διαφημίσεις εκκίνησης τους είναι σε όλο το διαδίκτυο. Και αυτό δεν προκαλεί έκπληξη όταν επενδύονται εκατομμύρια στην κίνηση.

Αλλά χωρίς έναν καλό ιστότοπο, δεν θα μπορείτε να λάβετε δεκάδες εκατομμύρια έσοδα, επομένως ο ιστότοπός τους περιλαμβάνεται επίσης στο TOP μας.


Έργο "Big Drying"

Φαίνεται ότι η δημιουργία προσεγγίστηκε διεξοδικά, κάτι που μόνο μερικά κείμενα αξίζουν. Αλλά έκαναν ένα μεγάλο λάθος - δεν έκαναν το κουμπί κλήσης στο τέλος. Αυτό επηρεάζει πολύ την εκροή επισκεπτών, καθώς δεν βλέπουν το λογικό κλείσιμο της όλης ιστορίας.

7.

Εμείς οι ίδιοι χρησιμοποιούμε το σύστημα σχέσεων πελατών Bitrix24. Αλλά επειδή το θέμα μας δεν είναι το " ", ο ιστότοπος του συστήματος Megaplan έχει ξεπεράσει κάθε προσδοκία.

Μέσα από αυτό, μετέφεραν όλα τα κύρια σημεία του συστήματός τους, μετά από τα οποία καταλαβαίνετε ότι αυτό είναι ό,τι καλύτερο για τις επιχειρήσεις.



CRM "Megaplan"

Μια από τις επιθυμίες μας για βελτίωση είναι να προσθέσουμε μια ανασκόπηση βίντεο του συστήματος, καθώς το έχουν όλοι οι άμεσοι ανταγωνιστές. Και επίσης κάντε πιο κατανοητές κλήσεις, δηλαδή, αντικαταστήστε τους τίτλους (όχι κουμπιά) με "Έναρξη δωρεάν" ή κάτι τέτοιο.

Παρεμπιπτόντως!Εάν θέλετε να το χρησιμοποιήσετε ως το σύστημα CRM σας, τότε σας συμβουλεύω να μην ξεχάσετε τον κωδικό προσφοράς "Megastart". Έτσι θα λάβετε έκπτωση 10% στην πρώτη σας αγορά και 14 ημέρες δωρεάν χρήσης.

8. Τράπεζα Επιχειρηματιών «Tochka»

Αυτή η σελίδα προορισμού από την τράπεζα λαμβάνει βραβείο για την πρωτοτυπία της. Αυτή η σελίδα αποστέλλεται στους φίλους σας ως σύνδεσμος παραπομπής.

Για να ενισχύσουμε το αποτέλεσμα, θα προσθέταμε μερικά ακόμη μπλοκ που ασκούν πίεση στη λογική. Τώρα ο ιστότοπος επικεντρώνεται περισσότερο στα συναισθήματα και σε ορισμένες περιπτώσεις αυτή θα μπορούσε να είναι η σωστή απόφαση. Αλλά εξακολουθούμε να έχουμε την επιλογή μιας τράπεζας, και τα συναισθήματα από μόνα τους δεν μπορούν να κάνουν εδώ.


Τράπεζα Επιχειρηματιών "Tochka"

9. Εξοπλισμός γυμναστικής Goodfit

Μια ενδιαφέρουσα μετάβαση του ιστότοπου από μαύρο σε λευκό με μπλε. Αλλά εκτός από την αρχική σχεδιαστική λύση, αυτή η προσγείωση χρησιμοποιεί ένα εξαιρετικό παιχνίδι επικεφαλίδων. Εδώ δεν είναι ένα eyeliner στο μπλοκ, αλλά ανεξάρτητα στοιχεία, αφού διαβάσετε τα οποία, μπορείτε ήδη να δημιουργήσετε μια πλήρη εικόνα.

Για ένα πλήρες πακέτο, δεν υπάρχει αρκετή παρουσίαση βίντεο για λογαριασμό του Διευθύνοντος Συμβούλου. Πρέπει να είναι σε εξαιρετική φυσική κατάσταση.

Σε όλα αυτά, θα ήταν υπέροχο να προσθέσουμε αριθμούς στις περιπτώσεις. Δηλαδή πόσο είναι η αίθουσα που πήρε ο πελάτης. Αυτό δεν είναι κρίσιμο, αλλά απλώς επιθυμητό, ​​επειδή η ιδιαιτερότητα προσθέτει αξιοπιστία και είναι απλώς βολικό για τους επισκέπτες.


Εξοπλισμός γυμναστικής "Goodfit"

10. Εμπορικό κέντρο "METROPOLIS"

Σίγουρα η πιο όμορφη σελίδα προορισμού εμπορικού κέντρου που έχω δει ποτέ. Τα χρώματα είναι όμορφα επιλεγμένα, το κύριο νόημα μεταφέρεται, η εξαιρετική χρηστικότητα είναι όλα άμεσα ορατά όταν μεταβείτε σε αυτήν τη σελίδα προορισμού. Κάντε κλικ λοιπόν και εξερευνήστε.

Αλλά θα βάλω τα 5 σεντς μου πάντως. Φυσικά, καταλαβαίνω ότι οι άνθρωποι που είναι εξοικειωμένοι με αυτό το κέντρο πρέπει να πάνε σε αυτόν τον ιστότοπο. Εκτός όμως από αυτούς, θα πέσουν πάνω του όσοι το δουν για πρώτη φορά.

Επομένως, ήταν λογικό να γίνει μια μικρή περιγραφή (περιγραφή με λίγα λόγια για την εταιρεία) ώστε ο επισκέπτης να μάθει αμέσως πού βρισκόταν και τι τον περιμένει εκεί.


Εμπορικό κέντρο "METROPOLIS"

Γιατί μόνο τοποθεσίες Runet

Ναι, στην κριτική μου, επικεντρώθηκα κυρίως στους καλύτερους μονοσέλιδους ιστότοπους στο RuNet, αν και υπάρχουν πολλές αξιοπρεπείς επιλογές στον κόσμο.

Και, το πιο σημαντικό (και είναι το πιο εκπληκτικό), η σελίδα προορισμού στην αστική τάξη χρησιμοποιεί όχι μόνο μικρή, αλλά ακόμη και μεγάλη φθορά.

Για παράδειγμα, μια από τις πιο διάσημες υπηρεσίες ταξί στον κόσμο, η Uber, χρησιμοποίησε την ακόλουθη επιλογή ως κύριο ιστότοπο - μια πολυλειτουργική σελίδα προορισμού ή, όπως λένε, μια σελίδα προορισμού πολλών σελίδων.

Πρόκειται για έναν ιστότοπο με πολλές σελίδες προορισμού. Σχεδόν ένας ιστότοπος πολλών σελίδων, αλλά εξακολουθεί να είναι μια σελίδα προορισμού.

Αλλά σκόπιμα δεν δημοσίευσα τη σελίδα προορισμού τους εδώ, επειδή είναι διαφορετικές. Ας λένε όλοι ότι επαναλαμβάνουμε τα πάντα μετά τη Δύση, αλλά στην προκειμένη περίπτωση, σκέφτομαι διαφορετικά.

Εμείς οι Ρώσοι είμαστε διαφορετικοί. Έχουμε διαφορετικό τρόπο σκέψης γιατί ζούμε σε διαφορετική χώρα. Για παράδειγμα, ένας Αμερικανός δεν έχει σχεδόν καθόλου φόβο στο κεφάλι του ότι η εταιρεία θα πάρει τα χρήματα και θα διαλυθεί. Δεδομένου ότι έχουν τα πάντα προστατευμένα από δέκα σειρές, κοστίζει μόνο ένα PayPal.

Εδώ, στη Ρωσία, αυτός ο φόβος είναι στο προσκήνιο. Ως εκ τούτου, έχουν λίγα πειστικά μπλοκ στον ιστότοπό τους για να εμπιστεύονται την εταιρεία και έχουμε πολλά από αυτά.

Μπορώ να δώσω δεκάδες ακόμη επιχειρήματα ότι θα έχουμε διαφορετικές καλύτερες σελίδες προορισμού μαζί τους. Ως εκ τούτου, ζητώ συγγνώμη, αλλά οι επιλογές τους δεν θα είναι εδώ.

Απολαύστε καλύτερα τις ρωσικές λύσεις μας, μοντελοποιήστε τα κείμενα και τα μπλοκ μας. Και στα ξένα site, απλά πάρτε καλές ιδέες για σχεδιασμό.

Εν συντομία για το κύριο

Τώρα που έχετε εξετάσει όλους τους αιτούντες, δεν σας προτρέπω να εστιάσετε τυφλά σε αυτούς, αλλά σίγουρα αξίζει να δείτε τις καλύτερες σελίδες προορισμού για παράδειγμα.

Τουλάχιστον, μπορείτε να πάρετε την ιδέα ενός ενδιαφέροντος κινούμενου σχεδίου από κάποιον. Ή, για παράδειγμα, ένας από τους δημιουργούς γνωρίζει τέλεια το δικό του και το χρησιμοποιεί σε όλη τη διάρκεια της προσγείωσης. Γενικά αξίζει να μελετηθεί, να βγει συμπεράσματα και να υιοθετηθεί.

Και παρεμπιπτόντως, αν ψάχνετε ιδέες για την πρώτη σας σελίδα προορισμού, μπορείτε να προσπαθήσετε να τη δημιουργήσετε μόνοι σας. Έτσι θα καταλάβετε τι χρειάζεστε και ότι δεν είναι τόσο απλό όσο φαίνεται με την πρώτη ματιά.

Χρησιμοποιήστε για αυτό, για παράδειγμα, PlatformaLP , Τίλντα , Bloxy. Και μόνο τότε, σας περιμένουμε να μας επισκεφτείτε για κοινή ανάπτυξη.

Η ιδιαιτερότητα αυτού του σχεδίου είναι ότι όλα τα στοιχεία είναι ορατά, αλλά ταυτόχρονα πολύ τακτοποιημένα. Ένα απλό αλλά όμορφο slideshow προσελκύει επίσης την προσοχή.

Απλό αλλά χαριτωμένο σχέδιο. Το πλεονέκτημα είναι ότι μπορείτε να εισέλθετε στον ιστότοπο μέσω Facebook χωρίς να χάνετε χρόνο εγγραφής.

Ένα εξαιρετικό παράδειγμα επίδειξης προϊόντων της εταιρείας. Κάθε μήνα η εταιρεία ενημερώνει τη λίστα των προϊόντων που εμφανίζονται στη σελίδα.

Η κατανόηση του τι πωλείται στον ιστότοπο δεν είναι πρόβλημα χάρη στο καλά δομημένο περιεχόμενο, τις όμορφες διαφάνειες και τις μεγάλες ετικέτες τιμών.

Οι πιο επιτυχημένες σελίδες πωλήσεων περιέχουν απαραίτητα σαφή και κατανοητά παραδείγματα προϊόντων.

Το χαρακτηριστικό αυτού του σχεδίου είναι η απλότητα. Ένα απλό μενού και ένα φωτεινό ρυθμιστικό συνδυάζονται καλά.

Η σελίδα εμφανίζει καλά διάφορες ενότητες. Για περισσότερα λεπτομερείς πληροφορίεςΑπλώς κάντε κλικ στην εικόνα που σας αρέσει.

Ο σχεδιασμός δεν είναι υπερφορτωμένος με περιττά στοιχεία, μπορείτε να δείτε αμέσως όλα τα χαρακτηριστικά και τις τιμές των προϊόντων.

ιστοσελίδες ψυχαγωγίας

Απλό και καλόγουστο. Ο σκοπός της σελίδας είναι αμέσως σαφής - η προβολή ενός βίντεο ντοκιμαντέρ.

Ο σχεδιασμός της σελίδας είναι πολύ προσεγμένος, συναρπάζει και κυριολεκτικά υπνωτίζει. Υπέροχος συνδυασμός χρωμάτων και σχημάτων.

Αυτός ο ιστότοπος είναι κορυφαίος. Εξαιρετικά μελετημένος σχεδιασμός και πληθώρα διαδραστικών στοιχείων δεν θα αφήσουν κανέναν αδιάφορο.

Αυτή η σελίδα για το franchise του Χάρι Πότερ διαθέτει γνωστά χρώματα, φράσεις και ονόματα για τους θαυμαστές.

Αυτή η σελίδα όχι μόνο φαίνεται όμορφη, είναι επίσης πολύ λειτουργική: πολλά διαδραστικά στοιχεία, ενοποίηση με τους Χάρτες Google, χρήση καρτελών.

Ακόμη και μετά τον επανασχεδιασμό, το Uncrate δεν αλλάζει την παράδοση της τοποθέτησης όλων των τμημάτων του ιστότοπου σε ένα βολικό επάνω μενού πλοήγησης.

Αυτός ο ιστότοπος παρουσιάζει τη δύναμη του γραφικού σχεδιασμού και της ανάπτυξης ιστού. Είναι καλύτερα να το επισκεφτείτε και να το δείτε μόνοι σας.

Ένα εξαιρετικό παράδειγμα σχεδίασης "πλακιδίων" που σας επιτρέπει να οργανώσετε με κομψό τρόπο ένα μεγάλο αριθμό μπλοκ περιεχομένου.

Το οπτικό στοιχείο αυτού του ιστότοπου είναι εκπληκτικό. Οι ζωντανές εικόνες τραβούν αμέσως την προσοχή των χρηστών.

Ο Jay-Z ξέρει ακριβώς πώς να διασκεδάζει. Στον ιστότοπό του, άρθρα, εικόνες και άλλο περιεχόμενο παρουσιάζονται ως διαδραστικά πλακίδια.

Αυτός ο σχεδιασμός χρησιμοποιεί φυσικούς τόνους που ταιριάζουν καλά με τα κύρια ζητήματα που τίθενται στον ιστότοπο.

Σελίδες προορισμού χαρτοφυλακίου

Αυτή η σελίδα κυριαρχείται για άλλη μια φορά από εικόνες που ζωντανεύουν κυριολεκτικά όταν τοποθετείτε το ποντίκι πάνω από το ποντίκι.

Αυτό το παράδειγμα έχει έναν πολύ ενδιαφέρον συνδυασμό χρωμάτων. Επιπλέον, όλα τα στοιχεία της σελίδας χρησιμοποιούν την ίδια δομή φόντου, όπως ένα δέντρο.

Το στυλ "παλιάς σχολής" χρησιμοποιείται εδώ με μεγάλη επιτυχία, ο σχεδιασμός κάθε στοιχείου είναι μελετημένος μέχρι την παραμικρή λεπτομέρεια και είναι μοναδικός. Χάρη στην ατελείωτη κύλιση σε αυτόν τον ιστότοπο, μπορείτε να απολαύσετε τέτοια ομορφιά για μεγάλο χρονικό διάστημα.

Ένας σαφής και προσεκτικός σχεδιασμός βοηθά τη σελίδα να επικοινωνεί με τον πιο αποτελεσματικό τρόπο. βασικές πληροφορίεςστους επισκέπτες. Ο συνδυασμός χρωμάτων ταιριάζει με το εμπορικό σήμα και δείχνει το στυλ του σχεδιαστή σε δράση.

Η σελίδα είναι μια εξαιρετική παρουσίαση. Κάθε banner είναι αφιερωμένο σε ένα ξεχωριστό έργο.

Ένα παράδειγμα ασυνήθιστου σχεδίου πλακιδίων.

Αυτή η σελίδα κυριαρχείται από την τυπογραφία. Η χρήση διαφορετικών γραμματοσειρών βοηθά στη μετάδοση ιδεών.

Ο σχεδιασμός είναι συνοπτικός και περιεκτικός. Στη σελίδα μπορούμε να δούμε όλα όσα χρειαζόμαστε: τόσο το χαρτοφυλάκιο όσο και συνδέσμους προς άλλες ενότητες.

Εικονίδια και τίποτα περισσότερο. Ένα καλό παράδειγμα μινιμαλιστικού σχεδιασμού.

Η σελίδα χαρτοφυλακίου εμφανίζει το πιο σημαντικό πράγμα - παραδείγματα εργασίας.

Λιανεμποριο

Η σελίδα περιέχει πολλές φωτογραφίες χρηστών, οι οποίες μπορούν εύκολα να ξεφυλλιστούν με τη βοήθεια της κύλισης και του ποντικιού.

Μεγάλες φωτεινές φωτογραφίες του προϊόντος της εταιρείας σας κάνουν να θέλετε να πιείτε ένα κουτάκι παγωμένη μπύρα.

Τίποτα δεν αποσπά την προσοχή του επισκέπτη από το να αναλογιστεί τις πιο όμορφες ώρες.

Το αποκορύφωμα αυτού του ιστότοπου είναι η παρουσίαση στο επάνω μέρος της σελίδας, η οποία παρουσιάζει λαχταριστές γαστρονομικές απολαύσεις.

Η γραμματοσειρά και τα γραφικά συνδυάζονται τέλεια, δημιουργώντας μια ενιαία αντίληψη για τον ιστότοπο. Υπάρχουν μόνο τρία στοιχεία μενού και είναι αδύνατο να μην τα παρατηρήσετε.

Κομψό στυλ, εικόνες υψηλής ποιότητας, εξαιρετική παρουσίαση. Τίποτα δεν αποσπά την προσοχή από τα κύρια στοιχεία.

Η Toyota δημιούργησε έναν ιστότοπο σε στυλ Pinterest για τους λάτρεις του Camry. Εδώ μπορείτε να βρείτε πολλές φωτογραφίες, άρθρα, στατιστικά.

Παρά το γεγονός ότι αυτή η σελίδα ταιριάζει στο ύψος μιας οθόνης, έχει πολλά ενδιαφέροντα διαδραστικά στοιχεία και ασυνήθιστες λεπτομέρειες.

Ο σχεδιασμός της σελίδας αντικατοπτρίζει πλήρως το στυλ της μάρκας: χρώματα, γραμματοσειρές, εικόνες συνδέονται άμεσα με τη συγκεκριμένη εταιρεία.

Το σχέδιο είναι κατασκευασμένο σε απαλά ανοιχτά χρώματα, αυτός ο συνδυασμός χρωμάτων είναι ιδανικός για το προτεινόμενο προϊόν.

Αυτός ο ιστότοπος είναι σαν ένα βιβλίο που αιχμαλωτίζει την προσοχή σας με μια ασυνήθιστη πλοκή και εικονογραφήσεις.

Το αιωρούμενο κόκκινο κουμπί στη μέση της οθόνης κάνει τη δουλειά του: θέλετε πραγματικά να κάνετε κλικ σε αυτό.

Αυτή η σελίδα προορισμού χρησιμοποιεί ένα εφέ παράλλαξης κατά την κύλιση, το οποίο ευχαριστεί τους επισκέπτες.

Το σχέδιο είναι σχεδιασμένο στο χρώμα της μάρκας, το κουμπί CTA στο κεντρικό banner ξεχωρίζει τέλεια, κάτι που σας κάνει να θέλετε να κάνετε κλικ.

Το κύριο πανό σε στυλ αφίσας για την ταινία είναι σίγουρα εντυπωσιακό. Ακόμα κι αν δεν ξέρετε τι κάνει αυτή η εταιρεία, θα σας ιντριγκάρει ο Captain Dash στην αφίσα.

Το ασυνήθιστο πλέγμα αυτής της σελίδας επιτρέπει στους επισκέπτες να βλέπουν πολύ περιεχόμενο ταυτόχρονα με τρόπο που είναι εύκολο να κατανοηθεί.

Αυτή η εταιρεία έχει επιλέξει ένα πολύ δημιουργικό σχέδιο για την ιστοσελίδα της. Κάνοντας κλικ στα στοιχεία του παραθύρου με τίτλους, μπορούμε να φτάσουμε στην αντίστοιχη ενότητα.

Ένας σχεδιασμός σελίδας υψηλής ποιότητας υποδηλώνει ότι αυτή η εταιρεία μπορεί να είναι αξιόπιστη.

Αυτή είναι η σελίδα ενός επαγγελματία φωτογράφου και ο σχεδιασμός της μας βοηθά να δούμε το πιο σημαντικό πράγμα - τις φωτογραφίες. Ακόμα και το μενού κρύβεται στο «χάμπουργκερ».

Τα φωτεινά στοιχεία κάνουν αυτή τη σελίδα πολύ ελκυστική, αλλά ταυτόχρονα είναι διακριτικά και δεν αποσπούν την προσοχή από το κύριο περιεχόμενο.

Αυτό το σχέδιο χρησιμοποιεί ένα σταθερό στυλ φόντου από μπλοκ σε μπλοκ για να δημιουργήσει ακεραιότητα σελίδας και να κάνει τις πληροφορίες πιο ευανάγνωστες.

συμπέρασμα

Εξετάσαμε περισσότερα από 50 εντελώς διαφορετικά σχέδια, αλλά το καθένα από αυτά είναι καλό με τον δικό του τρόπο και εκφράζει με ικανοποίηση τη μοναδική προσφορά της εταιρείας. Κατά την ανάπτυξη μιας σελίδας προορισμού, είναι πολύ σημαντικό η σελίδα να ταιριάζει με την επωνυμία σας και να είναι ενδιαφέρουσα για το κοινό-στόχο σας.

Προσγείωση μπορεί να ονομαστεί οποιοσδήποτε ιστότοπος μιας σελίδας που περιέχει μια παρότρυνση για δράση. Κατά κανόνα, οι σύνδεσμοι σε τέτοιες σελίδες περιέχονται σε διαφημίσεις, επομένως μετά τη μετάβαση ενός πιθανού πελάτη, θα έχετε μόνο λίγα δευτερόλεπτα για να τον πείσετε να αγοράσει, να συνδεθεί, να εγγραφεί, να εγγραφεί σε ένα ενημερωτικό δελτίο, να παρακολουθήσει μια εκδήλωση ή να κάνει κάτι άλλο. Επομένως, τέτοιοι ιστότοποι αποτελούνται από 1 σελίδα - το περιεχόμενο δεν μπορεί να κατανεμηθεί σε πολλές σελίδες. Ο στόχος είναι να ενδιαφερθεί γρήγορα και να διορθωθεί η εκτέλεση της ενέργειας, δηλαδή η μετατροπή της κυκλοφορίας σε αποτέλεσμα. Δηλαδή, η σελίδα θα πρέπει να βρίσκει αγοραστές μεταξύ των επισκεπτών.

Η διαφορά μεταξύ των σελίδων προορισμού και άλλων τύπων ιστότοπων είναι ότι περιέχουν μόνο μία κύρια προσφορά (μπορεί να υπάρχουν δώρα, εκπτώσεις, μπόνους στη συνέχεια, αλλά ο κύριος στόχος της σελίδας είναι πάντα ο ίδιος). Ένα απλό συμπέρασμα προκύπτει από αυτό: η χρήση μιας σελίδας είναι κατάλληλη όταν η προσφορά χωράει σε ένα κουμπί παρότρυνσης για δράση. Η πρόταση πρέπει να είναι απλή και γραμμική. Το πιο σημαντικό πράγμα για μια σελίδα προορισμού είναι η επισκεψιμότητα και το ίδιο κουμπί. Το υπόλοιπο χρησιμεύει ως πλαίσιο. Μια σελίδα σάς επιτρέπει να ελέγχετε τη σειρά με την οποία λαμβάνονται οι πληροφορίες, επομένως είναι σημαντικό να δημιουργήσετε μια αποτελεσματική ακολουθία ενοτήτων.

Παραδείγματα προορισμών μιας σελίδας:

1. Σπίτι στη λεωφόρο - συγκρότημα κατοικιών

Το Vib-dom.ru είναι μια ικανή και όμορφα σχεδιασμένη σελίδα προορισμού ενός κτηματομεσιτικού γραφείου, που στοχεύει στη συλλογή αιτήσεων για την αγορά κατοικίας σε ένα νέο κτίριο. Αξίζει να σημειωθεί ότι δεν υπάρχουν κουμπιά όπως "call back" ή "leave a request" στη σελίδα. Η σελίδα περιγράφει πειστικά τα πλεονεκτήματα του συγκροτήματος κατοικιών, παρέχει ένα σωρό συνδέσμους προς ψηφιακά αντίγραφα αδειών, εκθέσεις και άλλους τύπους εγγράφων που επιβεβαιώνουν την αξιοπιστία των προοπτικών της οικιστικής περιοχής και μοιράζεται γενναιόδωρα στοιχεία επικοινωνίας. Η προσγείωση έχει σχεδιαστεί για τον πελάτη, έχοντας εξοικειωθεί με τα χαρακτηριστικά του έργου, να καλέσει ο ίδιος το τμήμα πωλήσεων ή να επισκεφθεί ένα από τα γραφεία της εταιρείας. Δηλαδή, η έκκληση για προσφυγή είναι διακριτική, η περιγραφή του συγκροτήματος είναι φυσικός λόγος ενδιαφέροντος.

Ο σχεδιασμός της σελίδας είναι υπέροχος. Τα ευχάριστα παστέλ χρώματα συνδέονται με την άνεση και, παρεμπιπτόντως, αντιστοιχούν κατά προσέγγιση στο χρωματικό σχέδιο του συγκροτήματος κατοικιών, κρίνοντας από τη φωτογραφία. Αρμονικά αποδείχθηκε, όλα είναι μέσα ομοιόμορφο στυλ. Οι φωτογραφίες είναι εξαιρετικές, δίνουν μια πλεονεκτική θέση του έργου. Οι περιγραφές της διάταξης των διαμερισμάτων είναι σαφείς και κατανοητές. Τα επιχειρήματα για τα πλεονεκτήματα είναι βαριά, το κείμενο είναι συνοπτικό και υψηλής ποιότητας. Χωρίς νερό και μακροσκελείς δηλώσεις, κάθε φράση μεταφέρει χρήσιμες πληροφορίες σε έναν πιθανό πελάτη. Η σελίδα υπάρχει εδώ και περίπου 2 χρόνια - μπροστά σας είναι μια μακροχρόνια σελίδα προορισμού. Αυτό οφείλεται στις ιδιαιτερότητες της θέσης - άρχισαν να προσελκύουν πελάτες στην αρχή της ανάπτυξης. Ενδιαφέρον one-liner.

2. Viaresto - ψηφιακός εξοπλισμός για καφετέριες και εστιατόρια

Το Viaresto.ru είναι μια άριστα σχεδιασμένη σελίδα μιας εταιρείας που προμηθεύει, εγκαθιστά και συντηρεί ψηφιακό εξοπλισμό για παρακολούθηση βίντεο, ήχο, ταμειακές μηχανές, Wi-Fi και άλλα πράγματα σε διάφορα δημόσια ιδρύματα. Εξαιρετικό περιεχόμενο πληροφοριών, προσεκτικά επιλεγμένα επιχειρήματα πειθούς, ικανή κειμενική και δομική παρουσίαση, εξαιρετική γραφική υποστήριξη για περιγραφές - όλα αυτά μαζί προκαλούν έντονη εντύπωση. Παρά τον μεγάλο όγκο πληροφοριών και στοιχείων, η σελίδα προορισμού δεν αισθάνεται υπερφορτωμένη, είναι ενδιαφέρουσα για ανάγνωση, γιατί όλα παρουσιάζονται λεπτομερώς και επί της ουσίας.

Ο σχεδιασμός είναι αρκετά περίπλοκος, χρησιμοποιείται μεγάλος αριθμός χρωματικών αποχρώσεων και γραφικών στοιχείων. Δεν είναι όλα ομοιογενή, ωστόσο, η σελίδα γίνεται αντιληπτή ως σύνολο, έχει μια πλοκή. Καθώς κάνετε κύλιση, οι σημασιολογικές «θέσεις» αλλάζουν και μαζί τους οι προσεγγίσεις στο σχεδιασμό. Δομικά, όλα είναι λογικά, ξεκάθαρα κατασκευασμένα και αρωματισμένα με πολλά εφέ animation. Περιγραφές βασικών χαρακτηριστικών υπηρεσιών, αλληλουχία ενεργειών σε συνεργασία, τιμές, κριτικές πελατών, χαρτοφυλάκιο πελατών και συνεργατών, καθώς και λεπτομερείς επαφές με φόρμα παραγγελίας συμβουλευτικής ως έναυσμα για μια παρότρυνση για δράση. Το υποσέλιδο συνοψίζει εν συντομία τα περιεχόμενα της σελίδας προορισμού, η οποία, παρεμπιπτόντως, είναι ήδη 4 ετών - άλλη μια υψηλής ποιότητας μακράς διάρκειας.

3. Re: περιεχόμενο - σελίδα web studio

Το Recontent.ru είναι μια σελίδα προορισμού για τη συλλογή εφαρμογών για τη δημιουργία ιστοσελίδων. Χρησιμοποιεί μια απλή και αποτελεσματική δομή. Λόγω των ιδιαιτεροτήτων της θέσης, ο προγραμματιστής αποφάσισε να ενδιαφέρει τους πελάτες μόνο επιδεικνύοντας παραδείγματα τελικής εργασίας. Αρκετά επαρκής επιχειρηματολογία - σύμφωνα με αυτά τα παραδείγματα, όλα είναι απολύτως ξεκάθαρα, τίποτα δεν χρειάζεται να εξηγηθεί περαιτέρω. Ολόκληρη η σελίδα αποτελείται από ενότητες που περιέχουν στιγμιότυπα οθόνης ιστότοπων με ένα απλό animation με zoom hover, μια σύντομη περιγραφή του έργου και έναν σύνδεσμο προς αυτό. Όλα αυτά για μια αλλαγή συσκευάζονται σε πολύχρωμα μπλοκ. Φαίνεται καλό, αλλά τίποτα περισσότερο.

Ο σχεδιασμός είναι προσαρμοστικός και, λόγω της επιλεγμένης δομής, εξαιρετικά απλός. Η κεφαλίδα περιέχει επαφές, το αρχικό λογότυπο του στούντιο και ένα έναυσμα παρότρυνσης για δράση με τη μορφή σύντομης παραγγελίας για τον ιστότοπο. Υπάρχει ένας άλλος τύπος κουμπιού στη σελίδα με έναν σύνδεσμο προς μια σύντομη φόρμα για την παραγγελία σχολίων. Δηλαδή, παίρνουμε 2 κουμπιά με διαφορετικά σχήματα, αλλά σχεδόν την ίδια σημασία. Η προσαρμοστικότητα υποδεικνύεται ως το μόνο επιχείρημα πλεονέκτημα και δίνονται μικρογραφίες των εκδόσεων για κινητές συσκευές έτοιμων τοποθεσιών. Παρακάτω, επαναλαμβάνεται η φόρμα παραγγελίας επανάκλησης και προστίθενται λεπτομερή στοιχεία επικοινωνίας. Μια κανονική προσγείωση, στην οποία σχεδόν ολόκληρο το σημασιολογικό φορτίο μετατοπίστηκε σε παραδείγματα εργασίας. Αλλά δεν υπήρχαν πλεονεκτήματα προτύπου.

4. Pechatnikov - σελίδα προορισμού τυπογραφείου

Pechatnikov.rf - μια όμορφα σχεδιασμένη σελίδα τυπογραφίας. Ένα χαρακτηριστικό λογότυπο με αναφορά στους παλιούς Σλάβους πρωτοπόρους, που υπαινίσσεται την αυθεντικότητα της τέχνης και αυξάνει τη σημασία της στην ψηφιακή μας εποχή. Το καπέλο φαίνεται ατμοσφαιρικό, αν και τα στοιχεία σε αυτό είναι διατεταγμένα ασύμμετρα. ΣΤΟ έκδοση για κινητάαυτό δεν είναι ορατό. Υπάρχει ένα μενού για γρήγορη πλοήγηση σε ενότητες. Παρεμπιπτόντως, αυτή η προσγείωση είναι πολυσέλιδη: τα εικονίδια με εικόνες υπηρεσιών περιέχουν συνδέσμους σε σελίδες με τις περιγραφές τους. Αυτό δεν έρχεται σε αντίθεση με την ιδέα μιας σελίδας προορισμού, μπορεί επίσης να είναι πολυσέλιδη. Η ουσία της προσφοράς είναι να επικοινωνήσετε με το τυπογραφείο. Δεν μπορείτε να δημοσιεύσετε δύο δωδεκάδες υπηρεσίες σε μια σελίδα - θα αποδειχθεί πολύ μεγάλο, δεν θα ολοκληρώσουν την ανάγνωση. Επομένως, εδώ δικαιολογείται πλήρως η δημιουργία πρόσθετων στατικών σελίδων.

Ο σχεδιασμός του ιστότοπου είναι προσαρμοστικός, ελκυστικός, αν και δομικά απλός. Η ποικιλία της παρουσίασης επιτυγχάνεται με τη χρήση πολλών μοναδικών εικονιδίων. Υπάρχει μια λίστα υπηρεσιών, η οποία από μόνη της είναι κατανοητή από το όνομα των ονομάτων. Ιδιαίτερη προσοχήπληρώνονται στις επαφές στην περιοχή του υποσέλιδου - είναι μεγάλες, ευανάγνωστες, υπάρχει χάρτης. Η σελίδα διαφημίζει και συνεργάτη - χαρτοπωλείο. Πιθανότατα, αυτό είναι ένα γραφείο. Αποδεικνύεται ένα ζευγάρι διαφήμισης - αρκετά κερδοφόρο. Δεν υπάρχουν κουμπιά κλήσης για δράση εδώ, ο ρόλος τους παίζεται από εκφραστικά μπλοκ επαφών στην κεφαλίδα και το υποσέλιδο, πλαισιώνοντας τη λίστα των παρεχόμενων υπηρεσιών. Καλή προσγείωση.

5. Ιστοσελίδα του κατασκευαστή για θαλάμους διερμηνέων

Sinhro-kabina.ru - μια σελίδα προορισμού για τη συλλογή αιτήσεων για την αγορά πολύ συγκεκριμένου εξοπλισμού - διάφορα μοντέλα θαλάμων σχεδιασμένων για ταυτόχρονη μετάφραση. Το κείμενο για την εταιρεία αναφέρει ότι η εταιρεία είναι η πρώτη και μοναδική στο είδος της. Πιθανότατα, δεν λένε ψέματα, είναι ένα προϊόν πολύ στενού προφίλ. Μπορείτε να καταλάβετε από την εικόνα στην κεφαλίδα περί τίνος πρόκειται, αν και είναι μάλλον κακής ποιότητας. Πιθανώς, τέτοιες φωτογραφίες είναι δύσκολο να αποκτηθούν.

Η δομή της σελίδας είναι εξαιρετικά απλή: εναλλασσόμενες ενότητες με περιγραφές πολλών μοντέλων συγχρονοκαμπινών. Τα χαρακτηριστικά είναι σχεδόν τα ίδια παντού, είναι δύσκολο να κατανοηθούν οι διαφορές μεταξύ των μοντέλων, αλλά μπορούν να σημειωθούν αρκετές χρήσιμες ιδιότητες. Ωστόσο, δεν είναι ενημερωτικά. Το κύριο μήνυμα της σελίδας είναι ότι υπάρχει μια εταιρεία που παράγει ένα τέτοιο συγκεκριμένο προϊόν, έχει διεύθυνση, τηλέφωνο, mail, ακόμα και προφίλ VK. Μπορείτε να τηλεφωνήσετε και να μάθετε περισσότερα.

Ανακεφαλαίωση

Οι σελίδες προορισμού είναι αποτελεσματικές εάν οι ενότητες είναι σωστά διατεταγμένες και η προσφορά παρουσιάζεται με ποιοτικό τρόπο. Ο σχεδιασμός τους πρέπει να είναι προσαρμοστικός, καθώς πολλοί θα στραφούν σε αυτά από κοινωνικά δίκτυα από smartphone. Ο ωραίος σχεδιασμός είναι επιθυμητός αλλά δεν απαιτείται. Το κύριο πράγμα είναι το περιεχόμενο πληροφοριών και η πειστικότητα. Λοιπόν, ένα κουμπί, επαφές, κοινωνικά δίκτυα - είναι απαραίτητο για ένα άτομο να καταλάβει αμέσως πού βρίσκεται και πού να γράψει ή να καλέσει εάν ενδιαφέρεται.

Οι σελίδες προορισμού δεν μετατρέπουν τους επισκέπτες σε αγοραστές, αλλά αναζητήστε από το κοινό εκείνους που έχουν την προδιάθεση και τους πόρους να εκτελέσουν την ενέργεια που υποδεικνύεται στη σελίδα. Η ουσία είναι ότι η σελίδα προορισμού περιέχει μια έτοιμη προσφορά, λόγω της οποίας στερεί το μαρτύριο της επιλογής. Απομένει μόνο να πείσουμε τον πιθανό πελάτη ότι αυτή η επιλογή είναι η σωστή. Όσο πιο αναλυτικά διατυπώσετε τα επιχειρήματα υπέρ της προσφοράς και όσο πιο φωτεινά δείξετε τα οφέλη, τόσο το καλύτερο.