Σχεδιάζοντας έναν ιστότοπο που ενοποιεί το εμπορικό σήμα της εταιρείας

Είναι εύκολο —αρκεί να αφήσετε την προσωπικότητά σας να φανεί— να δημιουργήσετε έναν ιστότοπο με βάση τις τάσεις του σχεδιασμού της χρονιάς. Οι δημοφιλείς τάσεις του 2019 περιελάμβαναν τρισδιάστατη τυπογραφία, ασύμμετρες διατάξεις, προσαρμοσμένες εικονογραφήσεις και τόνους ντουέτου. Το 2018 περιλάμβανε διαβαθμίσεις, χρωματικές παλέτες και μοτίβα της δεκαετίας του ’80 και του ’90, καθώς και έντονη χρήση κινούμενων εικόνων και GIF.). Πολλοί σχεδιαστές θα την αποκαλέσουν μια μέρα που θα έχουν καταλήξει σε έναν μοντέρνο, προσεγμένο, καλά οργανωμένο και καθαρό σχεδιασμό ιστότοπου.

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

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

Τα οπτικά στοιχεία είναι πολύ σημαντικά για την αναγνώριση της επωνυμίας. Σκεφτείτε τις ακόλουθες όχι και τόσο τυχαίες λέξεις: κίτρινο, καμάρες και χαμόγελο. Σας θυμίζει κάποιο φαστ φουντ; Εταιρείες όπως η McDonald’s, η Nike και η Chanel διαθέτουν λογότυπα και σχεδιαστικά στοιχεία που είναι άμεσα αναγνωρίσιμα. Κάθε επιτυχημένη μάρκα αποτελείται από μοναδικά χρώματα, τυπογραφικά στυλ, φωτογραφία και καθιερωμένο τόνο.

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

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

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

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

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

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

Ο ιστότοπος για το Gramercy Park Hotel στη Νέα Υόρκη (παραπάνω) χρησιμοποιεί το μαύρο για να προβάλει όλες αυτές τις ιδιότητες πλούτου και πολυτέλειας, ενώ η σελίδα προϊόντος για το MacBook Air της Apple (παρακάτω) χρησιμοποιεί ελαφρύτερα φόντο για να δώσει μια αίσθηση σαφήνειας, κατανόησης και καλως ΗΡΘΑΤΕ που επιτρέπει επίσης την εμφάνιση περισσότερου περιεχομένου και παρέχει έμφαση στην εικόνα του προϊόντος.

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

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

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

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

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

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

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

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

Για παράδειγμα, ο ιστότοπος της Samsung χρησιμοποιεί μια πιο παχιά γραμματοσειρά sans serif που κάνει το περιεχόμενο εξαιρετικά ευανάγνωστο και σαφές, ενώ δίνει επίσης την αίσθηση ότι τα προϊόντα της είναι ανθεκτικά. Ο υπαινιγμός της προσωπικότητας που φαίνεται στα «t» τους κάνει πιο προσιτούς και δείχνει ότι ξεχωρίζουν από άλλες εταιρείες. Τα συντομευμένα ύψη των “H”, “T” και “L” δίνουν μια αίσθηση σταθερότητας και αξιοπιστίας.

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

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

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

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

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

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

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

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