Prestige Communications — Εταιρική Ταυτότητα & Δίγλωσση Ιστοσελίδα

5 ημέρες Σχεδιασμός Ταυτότητας & Full-Stack Development

Η Prestige Communications είναι εταιρεία BTL και ψηφιακού μάρκετινγκ στην Αθήνα, που δημιουργήθηκε με την καθοδήγηση του Εκδοτικού Κέντρου Αθηνών και της ΑΤΕΡΜΟΝΟ, που επί πενήντα χρόνια υπηρετούν τη διαφήμιση και τις γραφικές τέχνες. Οργανώνει προωθητικές ενέργειες, ειδικές εκδηλώσεις, εκθέσεις και ψηφιακές καμπάνιες για brands σε automotive, spirits, retail και lifestyle, από την Αθήνα και τη Θεσσαλονίκη ως την Κρήτη και τα νησιά. Πρώτα σχεδιάστηκε η ταυτότητα — το Couture P, ένα μονόγραμμα που κρύβει στην εσωτερική του καμπύλη τη σιλουέτα ενός συννεφακιού διαλόγου, δίπλα σε ένα λογότυπο PRESTIGE και μια παλέτα από χρυσό, μαύρο και κρεμ — και η ιστοσελίδα χτίστηκε πάνω σε αυτό το σύστημα, ώστε το brand και η ιστοσελίδα να μοιράζονται τις ίδιες αποφάσεις. Τα ελληνικά προηγούνται: η ιστοσελίδα ανοίγει στα ελληνικά, τα ελληνικά καλύπτουν όποιο κείμενο λείπει από τα αγγλικά, και οι μηχανές αναζήτησης ξέρουν ότι είναι η προεπιλεγμένη γλώσσα. Η αρχική σελίδα ανοίγει με το μονόγραμμα ως φιλμ — ένα κοντινό πλάνο βουρτσισμένου μετάλλου που περιστρέφεται και απομακρύνεται καθώς κάνετε κύλιση, ώσπου να φανεί ολόκληρο το P — και η σελίδα «Ποιοι είμαστε» το στήνει σαν μονόλιθο πριν παραδώσει τον τίτλο στο WE ARE PRESTIGE, WE ARE THE FUTURE. Οκτώ αξίες σχηματίζουν τη λέξη P-R-E-S-T-I-G-E και φωτίζονται μία μία από κρεμ σε χρυσό καθώς κυλά η ενότητα, κάτω από χρυσόσκονη που ο δείκτης του ποντικιού παρασύρει σαν αύρα. Πίσω από τα εντυπωσιακά κομμάτια υπάρχει μια ιστοσελίδα που δουλεύει: φωτογραφικό portfolio σε τέσσερις κατηγορίες, ένας τοίχος με πενήντα λογότυπα πελατών, τρεις σελίδες υπηρεσιών με τις δικές τους ερωτήσεις και απαντήσεις, φόρμα επικοινωνίας και αίτηση casting για promoters, hosts και μοντέλα.

Τεχνολογίες

Brand Identity Logo Design PHP 8 MySQL Vanilla JS GSAP 3 Scroll-driven video Bilingual EL/EN JSON-LD llms.txt WCAG 2.2 AA Self-hosted fonts

Προκλήσεις

Μια εταιρεία που πουλά παρουσία χρειαζόταν μια ιστοσελίδα που να αποπνέει το brand πριν διαβαστεί έστω μία λέξη — και το brand δεν υπήρχε ακόμη, οπότε η ταυτότητα έπρεπε να έρθει πρώτη και έπειτα να σηκώσει την ιστοσελίδα. Οι γραμματοσειρές της ήταν το πρώτο εμπόδιο: η γραμματοσειρά των τίτλων, Orpheus Pro, είναι αδειοδοτημένη γραμματοσειρά της Adobe που δεν επιτρέπεται να σερβιριστεί στο web, και η γραμματοσειρά του κειμένου, Poppins, δεν έχει καθόλου ελληνικούς χαρακτήρες — σε μια ιστοσελίδα με κύρια γλώσσα τα ελληνικά. Ολόκληρη η παλέτα είναι χρυσό πάνω σε μαύρο, και κείμενο πάνω σε κινούμενη εικόνα αποτυγχάνει σε αντίθεση σε σημεία που ο μέσος όρος του καρέ δεν δείχνει ποτέ. Το υλικό του πελάτη ήρθε όπως ήταν: 47 λογότυπα σε έξι μορφές, τα 23 σκούρα και αόρατα σε μαύρη σελίδα και καμιά δωδεκαριά με ενσωματωμένο λευκό πλαίσιο· 24 φωτογραφίες από εκδηλώσεις· ένα βίντεο ενέργειας τραβηγμένο με κινητό. Και η εταιρεία βρίσκει συνεργάτες μέσα από την ιστοσελίδα, οπότε μια δημόσια φόρμα συλλέγει φωτογραφίες, βιογραφικά και προσωπικά στοιχεία — δεδομένα που προστατεύει ο GDPR από τη στιγμή που φτάνουν.

Λύσεις

Το Couture P είναι ένα μοναδικό γράμμα σχεδιασμένο κατά παραγγελία, που κρύβει στην κοιλότητά του ένα συννεφάκι διαλόγου, και συνοδεύεται από το λογότυπο PRESTIGE, μια αραιογραμμένη γραμμή COMMUNICATIONS και μια παλέτα από Prestige Gold, Deep Black και Soft Cream· παραδόθηκε ως πλήρης σειρά: οριζόντια και κάθετη εκδοχή και σύμβολο, σε τρισδιάστατο, διαβαθμισμένο και συμπαγές φινίρισμα, για ανοιχτό και σκούρο φόντο. Η ιστοσελίδα μένει πιστή σε αυτό το σύστημα χωρίς τα αδειοδοτημένα αρχεία. Tokens γραμματοσειρών αντιστοιχίζουν τους τίτλους στη Noto Serif Display και μοιράζουν το κείμενο ανά εύρος Unicode, Poppins για τα λατινικά και Manrope για τα ελληνικά, ώστε ένα token να αποδίδει σωστά γράμματα και στις δύο γλώσσες. Τα φιλμ του μονογράμματος ακολουθούν την κύλιση, κωδικοποιημένα με keyframe κάθε έξι καρέ ώστε κάθε άλμα στο βίντεο να αποκωδικοποιείται αμέσως, και περιορίζονται σε ένα καρέ όταν ο επισκέπτης έχει ζητήσει μειωμένη κίνηση και σε ελαφρύτερη κωδικοποίηση στις μικρές οθόνες. Κάθε γραμμή κειμένου πάνω σε βίντεο μετρήθηκε στο χειρότερο σημείο 6×6 pixel και όχι στον μέσο όρο του καρέ, και κάθε σκούρο φίλτρο πίσω από το κείμενο υπολογίστηκε με βάση αυτόν τον αριθμό. Τα λογότυπα κόπηκαν σε διάφανο φόντο στο ίδιο οπτικό ύψος και τοποθετήθηκαν σε λευκές κάρτες, το μόνο φόντο για το οποίο είχε σχεδιαστεί κάθε σήμα. Οι φωτογραφίες των υποψηφίων ξαναγράφονται σε WebP κάτω από 50 KB και τα βιογραφικά PDF άνω των 400 KB συμπιέζονται ξανά πριν αποθηκευτούν, έξω από τον δημόσιο φάκελο. Γραμματοσειρές, βίντεο και scripts έρχονται όλα από τον ίδιο τον server, ώστε κανένας επισκέπτης να μη δίνεται σε τρίτους.

Επίσκεψη Έργου