Δανειστείτε παραδείγματα ιστοσελίδων από άλλους κλάδους (τα «λάθος»)

Περίληψη

Η αρχική σελίδα του ανταγωνιστή σας είναι σχεδόν σίγουρα το χειρότερο παράδειγμα ιστοσελίδας που θα μπορούσατε να αντιγράψετε. Μέχρι τη στιγμή που θα έχετε ανταγωνιστές, οι σελίδες τους έχουν συγκλίνει στην ίδια διάταξη, και ένας επισκέπτης που μόλις είδε τη δική τους δεν θα μάθει τίποτα από τη δική σας. Οι σελίδες που μετατρέπουν χτίζονται γύρω από τη δουλειά που ο επισκέπτης προσπαθεί να κάνει εκείνη ακριβώς τη στιγμή, όχι γύρω από την αναμενόμενη εμφάνιση της κατηγορίας. Αυτό το άρθρο δείχνει σε έναν μεμονωμένο έμπορο ή ιδρυτή πώς να εξάγει τον δομικό σκελετό από άσχετους κλάδους — σελίδες μελέτης περίπτωσης από πρακτορεία για απόδειξη, σελίδες χαρτοφυλακίου για δεξιοτεχνία, σελίδες consumer SaaS για σαφήνεια — και να τον συναρμολογήσει με τα δικά του λόγια. Απαντά στις κύριες αντιρρήσεις για αυτή την προσέγγιση: νομιμότητα, δεξιότητα σχεδιασμού, συνάφεια, πολυπλοκότητα και ικανότητα δοκιμής. Στο τέλος θα έχετε μια λειτουργική άσκηση για να δημιουργήσετε μια σελίδα v1 που ξεχωρίζει χωρίς ομάδα.

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

Γι' αυτό ένας προπονητής, ένας ελεύθερος επαγγελματίας ή ένας ιδρυτής χωρίς ομάδα σχεδιασμού είναι καλύτερα να μελετά σελίδες από εντελώς άσχετους κλάδους και να κλέβει τη δομή τους, όχι την επιφάνειά τους. Οι λίστες βέλτιστων πρακτικών για σελίδες προϊόντων SaaS επιστρέφουν συνεχώς στα ίδια χαρακτηριστικά: μια σαφής πρόταση αξίας, σαφήνεια πάνω από το δίπλωμα, και μια μοναδική κυρίαρχη κλήση σε δράση. Οι ιστότοποι που αναφέρονται ως παραδείγματα, όπως ο τίτλος του Calendly «προγραμματίστε συναντήσεις χωρίς τα email πέρα-δώθε» ή το λιτό hero του Linear, λειτουργούν όχι επειδή είναι όμορφοι αλλά επειδή ο καθένας απαντά σε μία ερώτηση μέσα στο πρώτο δευτερόλεπτο. Το υπόλοιπο αυτού του άρθρου εξετάζει τους λόγους για τους οποίους κανονικά θα αγνοούσατε αυτή τη συμβουλή — τους λόγους που φαίνεται λάθος, τους λόγους που φαίνεται αδύνατη, και το ένα πραγματικό όριο όπου παύει να ισχύει.

Αλλά πρέπει να μοιάζω με τον κλάδο μου

Η πρώτη αντίρρηση είναι η νομιμότητα. «Αν η σελίδα μου δεν μοιάζει με όλων των άλλων στη θέση μου, οι πελάτες δεν θα με εμπιστευτούν.» Υπάρχει αλήθεια σε αυτό. Οι αγοραστές σε συντηρητικές κατηγορίες — νομικά, ιατρικά, κυβέρνηση — μερικές φορές καθησυχάζονται από την οπτική συμμόρφωση. Αλλά στις περισσότερες κατηγορίες, το σήμα εμπιστοσύνης δεν είναι η ομοιότητα· είναι η κατανόηση. Ένας επισκέπτης που καταλαβαίνει τι κάνετε, σε ποιον απευθύνεται και τι θα συμβεί στη συνέχεια μέσα σε λιγότερο από πέντε δευτερόλεπτα σας εμπιστεύεται περισσότερο από έναν επισκέπτη που αναγνωρίζει το οικείο πρότυπο αλλά δεν μπορεί να πει γιατί η δική σας εκδοχή πρέπει να κερδίσει.

Η έρευνα για αποτελεσματικές σελίδες SaaS είναι ευθεία σε αυτό. Ξανά και ξανά, η αρχή είναι η σαφήνεια πρώτα: ένας συνοπτικός τίτλος, μια σύντομη περιγραφή και μία σαφής ενέργεια, χωρίς τίποτα να ανταγωνίζεται πάνω από το δίπλωμα. Σημειώστε ότι η «σαφήνεια» δεν είναι οπτικό στυλ. Είναι δομική πειθαρχία. Ο λόγος που ένας ιστότοπος όπως το Calendly αναφέρεται παντού είναι ότι ο τίτλος του κατονομάζει το αποτέλεσμα, όχι επειδή το hero του έχει συγκεκριμένο χρωματικό συνδυασμό. Δεν χρειάζεται να μοιάζετε με τον κλάδο σας· πρέπει να ακούγεστε σαν τον αγοραστή σας. Η διάταξη που ο αγοραστής σας έχει δει εκατό φορές είναι η διάταξη που έχει μάθει να αγνοεί. Αν ακόμα σταθμίζετε αν η επιχείρησή σας χρειάζεται μια σελίδα τύπου SaaS, τύπου πρακτορείου ή τύπου χαρτοφυλακίου, η ερώτηση επιλογής μορφής είναι στην πραγματικότητα μια ερώτηση για τη δουλειά που πρέπει να κάνει πρώτα η σελίδα.

Σταματήστε να σχεδιάζετε. Ξεκινήστε να εξάγετε.

Η δεύτερη αντίρρηση είναι συνήθως θέμα δεξιότητας: «Δεν είμαι σχεδιαστής, χρησιμοποιώ ένα πρότυπο από έναν κατασκευαστή drag-and-drop, και δεν μπορώ να το κάνω αυτό χωρίς ομάδα.» Τα καλά νέα είναι ότι δεν χρειάζεστε δεξιότητα σχεδιασμού· χρειάζεστε δεξιότητα εξαγωγής. Ένα πρότυπο είναι παγίδα επειδή σας κάνει να ξεκινάτε από το οπτικό επίπεδο, όταν το δομικό επίπεδο είναι αυτό που μετατρέπει. Ορίστε η άσκηση:

1. Επιλέξτε τρεις έως πέντε σελίδες από έναν κλάδο στον οποίο δεν είστε, επιλεγμένες με βάση τη δουλειά πελάτη που κάνουν καλύτερα. Αν ο αγοραστής σας χρειάζεται απόδειξη, χρησιμοποιήστε ιστότοπους πρακτορείων — αυτούς που ξεκινούν με μελέτες περίπτωσης. Αν ο αγοραστής σας χρειάζεται να νιώσει γούστο ή δεξιοτεχνία, χρησιμοποιήστε ιστότοπους χαρτοφυλακίου. Αν ο αγοραστής σας χρειάζεται απλή κατανόηση, χρησιμοποιήστε consumer SaaS.
2. Καταγράψτε μόνο τη σειρά των ενοτήτων. Αγνοήστε χρώματα, γραμματοσειρές και φωτογραφίες. Σημειώστε: περιοχή τίτλου, μετά τι ακολουθεί, μετά το επόμενο, μέχρι το κάτω μέρος της σελίδας.
3. Γράψτε ξανά τη δουλειά κάθε μπλοκ με τα δικά σας λόγια: «αυτή η λωρίδα υπάρχει για να κάνει τον σκεπτικιστή να πιστέψει ότι το έχω ξανακάνει», όχι «εδώ βάζω τα λογότυπά μου».
4. Ανοίξτε τον κατασκευαστή σας και συναρμολογήστε αυτόν τον σκελετό πριν κάνετε οποιεσδήποτε οπτικές επιλογές. Αν το πρότυπο σας επιβάλλει διαφορετική σειρά, αλλάξτε το πρότυπο.

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

Ξεκινήστε με τη δουλειά στην οποία είστε χειρότεροι

Τρίτη αντίρρηση: «Τα πρακτορεία και τα χαρτοφυλάκια δεν έχουν τίποτα να διδάξουν σε μια SaaS επιχείρηση σαν τη δική μου.» Πάρτε μία από τις πιο αναφερόμενες συμβουλές για αρχικές σελίδες SaaS: μία μόνο κλήση σε δράση ανά σελίδα. Η αρχική σελίδα του Notion αναφέρεται συχνά για αυτό ακριβώς — μία κύρια ενέργεια «Λάβετε το Notion δωρεάν» αντί για ένα μενού ανταγωνιστικών συνδέσμων. Αυτός ο κανόνας είναι από μόνος του δανεισμένος από σελίδες άμεσης απόκρισης, όχι από SaaS· λειτουργεί επειδή μειώνει την απόφαση του επισκέπτη σε μία κίνηση.

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

Ορίστε ένα επεξεργασμένο παράδειγμα για να γίνει συγκεκριμένη η αρχή. Ας υποθέσουμε ότι πουλάτε ένα εργαλείο εκτίμησης για μικρούς εργολάβους κατασκευών. Η κλασική αρχική σελίδα SaaS ανοίγει με μια φράση κατηγορίας προϊόντος και ένα στιγμιότυπο οθόνης του πίνακα ελέγχου. Η δανεισμένη δομή πρακτορείου ανοίγει αντίθετα με το αποτέλεσμα: «Στείλτε μια επαγγελματική εκτίμηση προτού ο πελάτης το κλείσει.» Στη συνέχεια έρχεται μια λωρίδα με τρία σύντομα μπλοκ — ένα για σκεπές, ένα για υδραυλικούς, ένα για γενικούς εργολάβους — το καθένα ακολουθεί το ίδιο μοτίβο: ποιοι είναι, η αδέξια διαδικασία που χρησιμοποιούσαν πριν, τι άλλαξε το εργαλείο. Ούτε μεγάλα νούμερα, ούτε στιγμιότυπο οθόνης του πίνακα χρειάζεται ακόμα. Η σελίδα τελειώνει με μία κλήση σε δράση. Αυτή η σελίδα είναι δομικά μια σελίδα πρακτορείου, αλλά πουλά ένα προϊόν SaaS. Θα μπορούσατε να επαναλάβετε αυτή την άσκηση για τη δική σας επιχείρηση ρωτώντας σε ποια δουλειά είστε αυτή τη στιγμή χειρότεροι: σαφήνεια, απόδειξη ή δεξιοτεχνία.

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

Η επιφύλαξη: ο μινιμαλισμός δεν είναι νόμος

Κάθε κανόνας χρειάζεται το όριό του, και ο κανόνας της μίας κλήσης σε δράση έχει ένα πραγματικό όριο. Οι μινιμαλιστικές ενότητες hero όπως του Linear λειτουργούν επειδή η αξία του προϊόντος είναι απλό να διατυπωθεί σε μία γραμμή. Το προϊόν σας μπορεί να είναι ακριβό, τεχνικό ή να υπόκειται σε ελέγχους προμηθειών. Σε αυτή την περίπτωση, η δουλειά του επισκέπτη στην κορυφή της σελίδας δεν είναι «καταλάβετε αμέσως»· είναι «νιώστε αρκετά ασφαλείς για να συνεχίσετε να κυλάτε». Ένας αγοραστής επιχείρησης δεν θέλει μία καθαρή κλήση σε δράση πριν καταλάβει την ασφάλεια, τη συμμόρφωση και την ενσωμάτωση. Θέλει το πολύ δύο ορατά μονοπάτια: μια κύρια ενέργεια και έναν τρόπο να βρει τη διαβεβαίωση που χρειάζεται.

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

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

Πηγή για δανεισμό	Πρόβλημα που λύνει καλύτερα	Κλέψτε αυτό	Παραλείψτε αυτό
Καταναλωτικές σελίδες SaaS (Calendly, Linear, Notion)	Σαφήνεια και άμεση κατανόηση	Τίτλος πρώτα το αποτέλεσμα, μία κυρίαρχη κλήση σε δράση	Η λίστα χαρακτηριστικών και το στιγμιότυπο οθόνης επίδειξης αν ο αγοραστής σας δεν είναι τεχνικός
Σελίδες μελετών περίπτωσης πρακτορείων	Απόδειξη ότι παραδίδετε αποτελέσματα	Δομή πριν/μετά, πλαίσιο με όνομα πελάτη, μπλοκ πρώτα το αποτέλεσμα	Ορολογία, καυχησιές για το μέγεθος της ομάδας, γέμισμα «αγαπάμε αυτό που κάνουμε»
Σελίδες χαρτοφυλακίου	Σήμα γούστου και δεξιοτεχνίας	Δείξτε το έργο μεγάλο και νωρίς, ελάχιστη εξήγηση	Υπερβολικά στυλιζαρισμένη πλοήγηση εις βάρος της χρηστικότητας

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

Μπορείτε να το δοκιμάσετε χωρίς ομάδα

Η τελευταία αντίρρηση είναι η ταχύτητα: «Δεν μπορώ να τρέξω πειράματα, είμαι ο μόνος που το κάνει αυτό.» Η δοκιμή μιας αρχικής σελίδας δεν απαιτεί εργαλείο βελτιστοποίησης επιχείρησης. Απαιτεί μία μετρική και μία αλλαγή τη φορά. Διαλέξτε τη μόνη ενέργεια που έχει σημασία — κλικ για εγγραφή, αίτημα επίδειξης ή συλλογή email — και ορίστε την ως μετρική σας. Στη συνέχεια αλλάξτε ένα δομικό στοιχείο: το αποτέλεσμα του τίτλου, τη θέση του μπλοκ απόδειξης ή τον αριθμό των συνδέσμων κοντά στην κλήση σε δράση. Δώστε αρκετές εβδομάδες για να περάσει η επισκεψιμότητά σας από κύκλο, και δείτε αν αυτή η μία αλλαγή μετακίνησε τη μετρική σας. Αν έχετε σχεδόν καθόλου επισκεψιμότητα, το τεστ δεν θα σας πει τίποτα· σε αυτή την περίπτωση, κάντε τη δομική επιλογή βάσει της λογικής αυτού του άρθρου, όχι βάσει δεδομένων που δεν έχετε ακόμα.

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

Συμπέρασμα

Τα παραδείγματα στον κλάδο σας σας διδάσκουν τους κανόνες του δωματίου. Τα παραδείγματα εκτός αυτού σας διδάσκουν πώς να κερδίσετε το δωμάτιο. Ένα προϊόν SaaS μπορεί να δανειστεί δομή απόδειξης από πρακτορεία· ένα πρακτορείο μπορεί να δανειστεί σαφήνεια από μια σελίδα καταναλωτικού λογισμικού· ένα χαρτοφυλάκιο μπορεί να δανειστεί την πειθαρχία της μίας κλήσης σε δράση από την άμεση απόκριση. Η μέθοδος είναι πάντα η ίδια: διαλέξτε πρώτα τη δουλειά, εξάγετε τη σειρά των ενοτήτων από σελίδες που κάνουν αυτή τη δουλειά καλύτερα, γράψτε κάθε μπλοκ με τα λόγια του πελάτη σας και συναρμολογήστε τον σκελετό προτού αγγίξετε τα οπτικά. Δεν χρειάζεστε ομάδα ή μεγάλο προϋπολογισμό. Πρέπει να σταματήσετε να ρωτάτε «τι μετατρέπει στον κλάδο μου;» και να αρχίσετε να ρωτάτε «ποια δουλειά προσπαθεί να κάνει ο πελάτης μου, και ποιος την κάνει καλύτερα από οποιονδήποτε;» Αυτή η σελίδα υπάρχει — απλώς δεν είναι στον κλάδο σας.