Πώς να οικοδομήσουμε μια ιστοσελίδα για ένα νέο προϊόν (και πώς το κάναμε)

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

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

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

Δημιουργία χάρτη ιστότοπου

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

Εδώ είναι ο χάρτης που αναπτύξαμε για τον Outpost:

1. 1. Αρχική σελίδα και μια "πρόσκληση για δράση" για να εγγραφείτε για δωρεάν δοκιμή. Δευτερεύουσες συνδέσεις με άλλες σελίδες που περιγράφουν χαρακτηριστικά
   2. Χαρακτηριστικά Επισκόπηση : Επισκόπηση όλων των λειτουργιών με συνδέσμους προς λεπτομερείς σελίδες χαρακτηριστικών
      1. Λεπτομέρειες λειτουργίας για το χαρακτηριστικό A: Λεπτομέρειες για το χαρακτηριστικό A.
      2. Χαρακτηριστικό Β: Λεπτομέρειες για το Χαρακτηριστικό Β
      3. Επανάληψη για όλες τις λειτουργίες

• Τιμολόγηση: Λεπτομέρειες σχεδίων τιμολόγησης και συνδέσμων για εγγραφή για δωρεάν δοκιμή
• Πελάτες: Προφίλ επιτυχημένων πελατών
• Σχετικά με εμάς: Επισκόπηση του ποιοι είμαστε, της αποστολής μας και της ιστορίας μας
• Επικοινωνήστε μαζί μας:
• Θέσεις εργασίας: Μια λίστα με τις τρέχουσες ανοιχτές θέσεις εργασίας
• Δήλωση απορρήτου: Η πολιτική απορρήτου Outpost
• Blog: Δημοσίευση blog:
• Θα υπάρχουν πολλαπλές αναρτήσεις ιστολογίου. Κέντρο βοήθειας:
• Το κέντρο βοήθειας θα υποστηρίζεται από την Zendesk. Φυσικά, ο ιστότοπός σας πιθανώς θα είναι πολύ διαφορετικός από τον χάρτη ιστότοπων Outpost. Εάν είστε εστιατόριο, για παράδειγμα, θα έχετε πιθανώς μια σελίδα ή δύο για μενού και μια σελίδα για κρατήσεις. Εάν δημιουργείτε ένα ηλεκτρονικό κατάστημα, πιθανότατα θα έχετε πολλές διαφορετικές σελίδες προϊόντων.

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

Γράψτε πρώτα το αντίγραφό σας

Θα σκέφτεστε ότι δεν έκανα Δεν έχω την παραγγελία εδώ. Δεν πρέπει να σχεδιάζετε τον ιστότοπό σας προτού σκεφτείτε ποιες λέξεις πρόκειται να τοποθετήσετε στη σελίδα;

Στην πραγματικότητα, η καλύτερη προσέγγιση είναι να κάνετε τα πράγματα «προς τα πίσω» και να σκεφτείτε πρώτα το αντίγραφο της ιστοσελίδας σας και στη συνέχεια να σχεδιάσετε αυτό το αντίγραφο. Γιατί; Επειδή αυτό που θέλετε να επικοινωνήσετε με τους πελάτες σας είναι πολύ πιο σημαντικό από τον τελικό σχεδιασμό του ιστότοπού σας. Φυσικά, ο σχεδιασμός έχει σημασία και θέλετε να έχετε έναν ιστότοπο που να φαίνεται καλός, αλλά αν δεν μπορείτε να επικοινωνήσετε τα βασικά μηνύματα στους χρήστες σας, καλό σχέδιο δεν θα κάνει τη διαφορά.

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

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

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

Εδώ είναι η επικεφαλίδα και η επεκταμένη περιγραφή του Outpost, το προϊόν που χτίζουμε:

Βελτιώστε το κοινόχρηστο email

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

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

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

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

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

Μια τελική συμβουλή:

Λιγότερο είναι συνήθως περισσότερο. Μην μπείτε στον πειρασμό να γράφετε ατελείωτες παραγράφους αντιγραφής για τον ιστότοπό σας (εκτός αν αυτό περιμένουν οι πελάτες σας!). Αν δίνετε προσοχή στον τρόπο με τον οποίο χρησιμοποιείτε τους ιστότοπους, θα διαπιστώσετε ότι συχνά περνάτε από το κείμενο, μην διαβάζετε κάθε λέξη. Επειδή αυτός είναι ο τρόπος με τον οποίο οι περισσότεροι άνθρωποι διαβάζουν online-skimming αντί να διαβάζουν κάθε λέξη-κρατήστε το αντίγραφο σας σύντομο και μέχρι το σημείο Αναπτύξτε ένα wireframe

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

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

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

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

Εάν χρησιμοποιείτε το στυλό και το χαρτί δεν είναι το πράγμα σας, μπορείτε να χρησιμοποιήσετε το PowerPoint ή το Keynote για να δημιουργήσετε wireframes. Υπάρχουν επίσης εξειδικευμένα εργαλεία όπως το Balsamiq που κάνουν τη διαδικασία εύκολη.

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

Το σύρμα μας για το Outpost