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

Περίληψη

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

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

Ο πρώτος πελάτης: μετέφρασε πριν παρουσιάσεις

Διάλεξε τρία παραδείγματα ανά πελάτη και, πριν δείξεις οποιοδήποτε από αυτά, γράψε μία πρόταση για το καθένα: ποιο μοτίβο συνεισφέρει αυτό το παράδειγμα και τι πρέπει να αγνοήσει ο πελάτης; Το ένστικτο στα πρώτα στάδια είναι να μαζεύεις· η φθηνότερη λύση είναι η επιλογή. Μια καλά επιλεγμένη αρχική σελίδα του Calendly συνεισφέρει το μοτίβο του να αναφέρεις το αποτέλεσμα στον τίτλο—"προγραμμάτισε συναντήσεις χωρίς τα email πέρα-δώθε"—ενώ λέει στον πελάτη να αγνοήσει το ήρεμο λευκό φόντο. Το hero του Linear διδάσκει ένα άλλο μάθημα: κάθε στοιχείο πάνω από το δίπλωμα έχει ρόλο, οπότε το παράδειγμα παραμένει χρήσιμο ακόμα κι αν ο πελάτης σου πουλάει κάτι εντελώς διαφορετικό από λογισμικό. Γράψε αυτές τις δύο μεταφράσεις πριν από τη συνάντηση. Αν δεν μπορείς να γράψεις τη δεύτερη πρόταση, το παράδειγμα είναι διακόσμηση, όχι απόδειξη. Αυτό είναι το κόλπο του κλέψε τον σκελετό τους, αλλά γίνεται ομαδική δεξιότητα μόνο όταν γραφτεί.

Ας πούμε ότι το brief είναι για μια τοπική εταιρεία logistics με αγοραστές που είναι διαχειριστές αποθήκης. Το πρώτο σου ένστικτο είναι να βρεις τρεις ιστοσελίδες από τον κλάδο των logistics· αντί αυτού, διάλεξε το Calendly για τον τίτλο που προτάσσει το αποτέλεσμα, το Notion για μια σελίδα που δεσμεύεται σε μία ενέργεια (το CTA "Get Notion free"), και μια άσχημη αλλά ενημερωτική σελίδα παρακολούθησης από όποιον κλάδο θέλεις. Στη συνάντηση, πες: "Το Calendly δεν είναι εταιρεία logistics. Αυτό που δανειζόμαστε είναι ότι ο τίτλος αφαιρεί την τριβή πριν ο χρήστης διαβάσει ένα χαρακτηριστικό. Η αξία του Notion είναι η εγκράτεια: μία σαφής ενέργεια." Θα δεις τον πελάτη να σταματά να ζητά εφέ παράλλαξης και να αρχίζει να συζητά για τον τίτλο. Αυτό είναι το όλο νόημα—τα παραδείγματα λειτούργησαν ως εργαλεία σκέψης, όχι ως πρότυπα.

Ο πέμπτος πελάτης: κωδικοποίησε τα επαναλαμβανόμενα δομικά στοιχεία

Ξεκίνα μια βιβλιοθήκη μοτίβων χωρίς στοιχεία ταυτοποίησης μόλις έχεις παραδώσει μερικές ιστοσελίδες. Όχι άλλος φάκελος με στιγμιότυπα—ένα έγγραφο με επαναλαμβανόμενα δομικά στοιχεία με ονόματα σε απλή γλώσσα: "τίτλος αποτελέσματος," "hero με έναν στόχο," "σάντουιτς αποδείξεων," "σελίδα εμπιστοσύνης." Ο σκοπός είναι να αποτυπώσεις την αρχή αφαιρώντας το branding, ώστε η ομάδα να μπορεί να το ξαναχρησιμοποιήσει χωρίς να αναπαράγει την εικόνα ενός άλλου πελάτη. Ο λόγος που τα ίδια παραδείγματα SaaS συνεχίζουν να επαινούνται δεν είναι η οπτική γοητεία αλλά η δομή: μια σαφής πρόταση αξίας στην κορυφή, ένα εστιασμένο τμήμα πάνω από το δίπλωμα, μία κύρια ενέργεια. Μια βιβλιοθήκη μοτίβων αποτυπώνει αυτή τη δομή μία φορά και της επιτρέπει να επιβιώσει από τον επόμενο ανασχεδιασμό. Όταν έρχεται ένας νέος λογαριασμός, ψάχνεις τη βιβλιοθήκη πριν ψάξεις στο διαδίκτυο. Αυτό αλλάζει τη συζήτηση για τον προϋπολογισμό, γιατί δεν αγοράζεις πια έμπνευση· εφαρμόζεις δοκιμασμένες αποφάσεις.

Στάδιο	Κράτα	Πέταξε
Πρώτα έργα	3 λειτουργικά παραδείγματα + μεταφράσεις για το γιατί	τον τεράστιο φάκελο με παραδείγματα
Μερικά λανσαρίσματα	μια βιβλιοθήκη μοτίβων χωρίς στοιχεία ταυτοποίησης	παραδείγματα που χρειάζονται μακρά δικαιολογία
Σε κλίμακα	μια ζωντανή βιβλιοθήκη με βρόχο ανατροφοδότησης	στιγμιότυπα χωρίς έλεγχο έκδοσης από τρία χρόνια πριν

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

Ο εικοστός πελάτης: δώσε στη βιβλιοθήκη έναν βρόχο ανατροφοδότησης

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

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

Το αντιδραστικό κεφάλαιο: μην παίρνεις την εντολή του ενιαίου CTA κατά γράμμα

Τώρα η αντίδραση. Πολλά κείμενα με παραδείγματα SaaS θα σου πουν ότι κάθε σελίδα πρέπει να έχει μία μόνο παρότρυνση για δράση, και το μοναδικό "Get Notion free" του Notion προβάλλεται ως απόδειξη. Αυτή η συμβουλή ισχύει για σελίδες προϊόντων των οποίων ο μόνος σκοπός είναι μία εγγραφή· γίνεται λανθασμένη τη στιγμή που χτίζεις για έναν πελάτη με πολλαπλά κοινά. Το να αντιμετωπίζεις το "ένα CTA" ως νόμο δημιουργεί ιστοσελίδες εταιρειών όπου η σελίδα πρόσληψης, η επικοινωνία με τον Τύπο και η φόρμα συμβουλών ανταγωνίζονται όλα για ένα κουμπί. Η αμυντική εκδοχή του κανόνα είναι "ένας πρωταρχικός στόχος ανά κοινό ανά σελίδα," όχι "ένα κουμπί, πάντα." Το ίδιο παράδειγμα που στοχεύει κάθε τμήμα σε μία ενέργεια μπορεί να διαβαστεί ως μια σελίδα που ζητά από τον επισκέπτη να κάνει ακριβώς ένα πράγμα—αυτή είναι η αρχή που αξίζει να κλέψεις. Ένα πανεπιστήμιο ή μια συμβουλευτική εταιρεία χρειάζεται μια πρωταρχική ενέργεια για τους υποψήφιους και άλλη για το διδακτικό προσωπικό· το να επιβάλεις ένα ενιαίο CTA κρύβει και τα δύο. Κράτα την αρχή, παράλειψε το στιγμιότυπο.

Ξόδεψε λιγότερο χρόνο στη συλλογή, περισσότερο στην απόφαση

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