Δεκαέξι ενότητες, τέσσερις γλώσσες, μία αισθητική ζεστού χαρτιού — και ένα build που αρνείται να βγει στον αέρα αν λείπει έστω ένα κλειδί μετάφρασης.
Πελάτης
Παναγιώτης Κοσμίδης
Τύπος
Προσωπικός Ιστότοπος
Τομέας
Εκπαίδευση & Τεχνολογία
Κατάσταση
Ζωντανός
Πανεπιστημιακός, ιδρυτής, παραγωγός εκπομπών, προπονητής, μουσικός. Ένα συμβατικό portfolio θα έπρεπε να διαλέξει μία από αυτές τις ιδιότητες και να θάψει τις υπόλοιπες, ενώ μια σελίδα βιογραφικού και μόνο θα άφηνε εντελώς απ’ έξω τα κείμενα, τα μαθήματα και τη μουσική.
Ο ιστότοπος ακολουθεί την αντίθετη λογική: δεκαέξι ενότητες, καθεμία να κάνει μία δουλειά σωστά — ένα εκτυπώσιμο βιογραφικό, έναν κατάλογο με τριάντα ένα μαθήματα, κείμενα, έναν κατάλογο μουσικής με δημοσιευμένους στίχους, έναν χάρτη ταξιδιών χτισμένο πάνω σε πραγματική γεωγραφία — δημοσιευμένες σε τέσσερις γλώσσες, με τα αραβικά στημένα από δεξιά προς τα αριστερά.



Ένας ιστότοπος του οποίου το εύρος είναι το ζητούμενο, και τον κρατούν ενιαίο ένα τυπογραφικό σύστημα και ένα build που επιβάλλει τους δικούς του κανόνες.
Αγγλικά, ελληνικά, ρωσικά και αραβικά, κάθε ενότητα σε κάθε γλώσσα, με τα αραβικά από δεξιά προς τα αριστερά και με δικές τους webfonts. Ο εντοπισμός γλώσσας στην πρώτη επίσκεψη περνά από την αποθηκευμένη επιλογή στις γλώσσες του browser και μετά σε αναζήτηση χώρας — και μόνο στην αρχική σελίδα, ώστε ένας απευθείας σύνδεσμος να τηρείται πάντα όπως γράφτηκε.
Κάθε ενότητα ετοιμάζεται ξεχωριστά για καθεμία από τις τέσσερις γλώσσες, ώστε μια μηχανή αναζήτησης, μια προεπισκόπηση σε κοινωνικό δίκτυο ή ένας σύνδεσμος που μοιράζεται κάποιος να δείχνουν τον σωστό τίτλο, τη σωστή περιγραφή και τη σωστή γλώσσα — αντί για όποια έτυχε να φορτώσει πρώτη.
EB Garamond για τους τίτλους, με τα πλάγια του ως τόνο έμφασης, Space Grotesk για τη διεπαφή, DM Mono για τις ετικέτες, και Amiri μαζί με IBM Plex Sans Arabic για τα αραβικά — πάνω σε ζεστό χαρτί και μελάνι, με ένα μόνο χρυσό accent. Καμία γραμματοσειρά συστήματος πουθενά.
Ογδόντα έξι φωτογραφίες ετοιμασμένες σε σύγχρονα, ελαφρύτερα φορμά και σε πολλά μεγέθη η καθεμία, ώστε ένα κινητό να κατεβάζει εικόνα στο μέγεθος του κινητού και μια μεγάλη οθόνη να παίρνει τη λεπτομερή. Σχεδόν χίλια αρχεία, που παράγονται αυτόματα αντί να εξάγονται στο χέρι.
Οι φόρμες επικοινωνίας, μαρτυριών, ενδιαφέροντος για μαθήματα και newsletter περνούν όλες μέσα από τον ίδιο τον ιστότοπο και όχι από ενσωματωμένη υπηρεσία φορμών, ώστε καμία εξωτερική εταιρεία να μη βλέπει ποιος γράφει, και η λίστα του newsletter να μένει σε δική του φιλοξενία.
Πριν καν μπορέσει να κατασκευαστεί ο ιστότοπος, ελέγχεται ότι και οι τέσσερις γλώσσες έχουν το ίδιο περιεχόμενο, ότι η μορφοποίηση και οι τιμές που παρεμβάλλονται ταιριάζουν μεταξύ τους, και ότι τίποτα στον κώδικα δεν παραπέμπει σε κείμενο που δεν υπάρχει. Μια μετάφραση που λείπει σταματά τη δημοσίευση αντί να φτάσει σε αναγνώστη.
Κάθε ενότητα υπάρχει στα αγγλικά, τα ελληνικά, τα ρωσικά και τα αραβικά, με τα αραβικά στημένα από δεξιά προς τα αριστερά. Ο ιστότοπος συναρμολογείται εκ των προτέρων, οπότε ανοίγει γρήγορα από οπουδήποτε, και δεν μπορεί να δημοσιευτεί με μετάφραση που λείπει.
Τι σημαίνει αυτό στην πράξη
Τέσσερις δημοσιευμένες γλώσσες
Όχι μηχανική μετάφραση κολλημένη εκ των υστέρων
Βρίσκεται όπως γράφτηκε
Κάθε ενότητα διαβάζεται από τις μηχανές αναζήτησης σε κάθε γλώσσα
Σχεδιασμένη σελίδα, όχι πρότυπο
Δικές του γραμματοσειρές, παλέτα και ρυθμός σε όλη την έκταση
Τίποτα μισομεταφρασμένο
Μια μετάφραση που λείπει σταματά τη δημοσίευση, όχι τον αναγνώστη
4
Γλώσσες, όλες δημοσιευμένες
64
Σελίδες έτοιμες — κάθε ενότητα σε κάθε γλώσσα
31
Μαθήματα καταλογογραφημένα σε έξι θεματικούς άξονες
955
Αρχεία εικόνας που παράγονται από 86 θέσεις
Οι μετρήσεις περιεχομένου και κατασκευής προέρχονται από το ίδιο το έργο. Δεν προβάλλεται κανένα σκορ απόδοσης.
Χτίζουμε πολύγλωσσους ιστότοπους που μένουν γρήγοροι και μένουν επεξεργάσιμοι. Ας μιλήσουμε.