CASE STUDY · WEB DESIGN & DEVELOPMENT
Σούλα Μπόζη
Ψηφιακή αναβάθμιση για την ερευνήτρια της καθ' ημάς Ανατολής, με σαράντα χρόνια γραφής για τη γαστρονομία, την υφαντική και τη μνήμη των Ρωμιών της Πόλης.
ΤΟ SITE
Κάθε σελίδα ξεχωριστή, όλες μαζί ένα σώμα
Καμία σελίδα δεν επαναλαμβάνει την προηγούμενη. Τις κρατά μαζί η ίδια τυπογραφία, η ίδια παλέτα και ο ίδιος ρυθμός, όχι ένα κοινό πρότυπο.
- i.Αρχική με το χαρακτικό του 1837
- ii.Βιβλιοθήκη και σελίδα για κάθε τίτλο
- iii.Ημερολόγιο άρθρων ανά χρονιά
- iv.Αναζήτηση ως ευρετήριο
- v.Το ράφι πάνω από το footer
Η ΙΔΕΑ
Δεν ξεκινήσαμε από πρότυπο. Κάθε σελίδα πήρε πρώτα ένα όνομα (Χαρακτικό, Ράφι, Ημερολόγιο, Ευρετήριο) και μετά σχεδιάστηκε γύρω από αυτό. Τα ονόματα κράτησαν το σύνολο ενωμένο χωρίς να το ισοπεδώσουν.
Αρχική
Βιβλιοθήκη
Σελίδα βιβλίου
Ημερολόγιο
Αναζήτηση
Το ράφι
Η ίδια γλώσσα σε πλάτος 390px
ΑΡΧΙΚΗ
Το χαρακτικό του 1837 μέσα στα γράμματα
Το portrait σε πλήρη διαφάνεια πάνω από την είσοδο στον Κεράτιο. Η φράση προσαρμόζεται στο πλάτος της οθόνης και το χαρακτικό φαίνεται μέσα από την τυπογραφία.
- i.Χαρακτικό John Frederick Lewis, 1837
- ii.Διαφανές header πάνω από την εικόνα
- iii.Ζωντανή αναζήτηση μέσα στο μενού
- iv.Ο υπότιτλος υπολογίζεται σε κάθε ανάλυση
- v.Σειρά ανάγνωσης για μηχανές αναζήτησης και σε κινητό
Η ΙΔΕΑ
Η ίδια λέει «ελάτε να κάνουμε ένα ταξίδι». Θελήσαμε ο επισκέπτης να μπει κυριολεκτικά μέσα στο τοπίο για το οποίο γράφει. Γι’ αυτό το χαρακτικό του 1837 δεν κάθεται πίσω από τα γράμματα, αλλά φαίνεται μέσα από αυτά.
ΒΙΒΛΙΟΘΗΚΗ
Το συγγραφικό έργο σε ένα αρχείο
Εικοσιτέσσερις τίτλοι, δεκαέξι στα ελληνικά και οκτώ στα τούρκικα. Κάθε βιβλίο αποκτά τη δική του εγγραφή, με θεματική και εκδότη, και ο επισκέπτης φιλτράρει χωρίς να φορτώσει σελίδα.
- i.Custom post type για τα βιβλία
- ii.Φιλτράρισμα κατά γλώσσα, θεματική και εκδότη
- iii.Ταξινόμηση κατά χρονολογία, με μετρητή τίτλων
- iv.Εξώφυλλα ως διαφανείς εικόνες, χωρίς πλαίσιο
- v.Σήμανση βραβείων και διαθεσιμότητας σε κάθε εξώφυλλο
Η ΙΔΕΑ
Οι καταλόγοι των εκδοτών δείχνουν εξώφυλλα σαν ορθογώνια σε πλέγμα. Εμείς τα κόψαμε από το φόντο τους και τα στήσαμε όρθια, όπως θα τα έβλεπες σε τραπέζι βιβλιοπωλείου.
ΣΕΛΙΔΑ ΒΙΒΛΙΟΥ
Κάθε τίτλος παίρνει το χρώμα του εξωφύλλου
Η σελίδα δεν είναι φόρμα που γεμίζει: το εξώφυλλο ορίζει το φόντο της. Δίπλα, τα στοιχεία της έκδοσης και οι σύνδεσμοι για να το βρει κανείς.
- i.Το κυρίαρχο χρώμα διαβάζεται από το εξώφυλλο
- ii.Εκδότης, χρονολογία και σελίδες κάτω από τον υπότιτλο
- iii.Αγορά από τον εκδότη, Πολιτεία, Ιανός
- iv.Ένδειξη διαθεσιμότητας σε πραγματικό χρόνο
- v.Διαδρομή πλοήγησης: Αρχική, Βιβλία, γλώσσα, τίτλος
Η ΙΔΕΑ
Εικοσιτέσσερα βιβλία, εικοσιτέσσερις διαφορετικές αισθητικές. Αντί να τα φορέσουμε όλα το ίδιο κοστούμι, αφήσαμε το κάθε εξώφυλλο να ντύσει τη σελίδα του, όπως το κάλυμμα ντύνει το βιβλίο.
ΤΟ ΡΑΦΙ
Πάνω από το footer, ολόκληρη η εργογραφία
Η τελευταία ενότητα της αρχικής είναι ένα ράφι με τις ράχες όλων των βιβλίων. Το ύψος και το πάχος βγαίνουν από την έκδοση, το χρώμα από τη θεματική.
- i.Οι ράχες όλων των τίτλων σε μία σειρά
- ii.Ύψος και πάχος ανάλογα με την έκδοση
- iii.Χρώμα ανά θεματική: γαστρονομία, ιστορικό, λευκώματα
- iv.Φίλτρα θεματικής και σύνδεσμος για όλα τα βιβλία
- v.Ελληνικοί και τούρκικοι τίτλοι σε δύο τμήματα
Η ΙΔΕΑ
Σε μια βιβλιοθήκη δεν βλέπεις εξώφυλλα· βλέπεις ράχες. Θελήσαμε την τελευταία εικόνα της αρχικής να είναι ακριβώς αυτή: σαράντα χρόνια δουλειάς σε μία σειρά, με το ύψος του καθενός αληθινό.
ΗΜΕΡΟΛΟΓΙΟ
Κάθε χρονιά ανοίγει σε δώδεκα μήνες
Κάθε χρονιά ανοίγει σε μήνες, και κάθε μήνας κρατά τα άρθρα του με μικρογραφία και κατηγορία. Το αρχείο διαβάζεται σαν ημερολόγιο, όχι σαν λίστα.
- i.Οι μήνες κάθε χρονιάς σε πλέγμα, με μετρητή άρθρων
- ii.Φιλτράρισμα κατά κατηγορία, με μετρητή άρθρων ανά χρονιά
- iii.Οριζόντια κύλιση στο κινητό
- iv.Άρθρο με χαρακτικό και φύλλο χαρτιού από πάνω
- v.Δομή σε κείμενα που ήρθαν χωρίς επικεφαλίδες
Η ΙΔΕΑ
Τα άρθρα της λέγονται «Γεύσεις Ιουνίου», «Ταξίδια Πολιτισμού Μάιος». Ήταν ήδη ημερολόγιο, απλώς δεν το έδειχνε η ροή ενός συνηθισμένου blog.
ΑΝΑΖΗΤΗΣΗ
Ο όρος αναζήτησης ως λήμμα λεξικού
Η αναζήτηση δεν επιστρέφει λίστα, συντάσσει ευρετήριο. Ψάχνει και μέσα στο σώμα των κειμένων, ώστε ένα μπαχαρικό μέσα σε συνταγή να βρίσκεται κι αυτό.
- i.Ομαδοποίηση ανά τύπο (άρθρα, πορεία, σελίδες) με μετρητή
- ii.Μήνας και χρονιά σε στήλη, με διάστικτες γραμμές
- iii.«ανατολη» βρίσκει «Ανατολή», ο τόνος δεν μετράει
- iv.Απόσπασμα από το κείμενο με τον όρο σε έντονα
- v.«Μήπως εννοούσατε» με έλεγχο ότι όντως υπάρχει
Η ΙΔΕΑ
Το αρχείο μιας λαογράφου διαβάζεται όπως ένα λεξικό: ψάχνεις μια λέξη και βρίσκεις πού εμφανίστηκε. Γι’ αυτό ο όρος αναζήτησης στήθηκε ως λήμμα, με τα ευρήματα σε ευρετήριο από κάτω.
DESIGN SYSTEM
Παλιό χαρτί, χρυσάφι, κινναβαρί
Οι πηγές είναι δηλωμένες: το σκούρο του παλιού χαρτιού, ο χρυσός των χειρογράφων, το κόκκινο των σφραγίδων. Τίποτα διακοσμητικό.
ΕΠΟΜΕΝΟ ΒΗΜΑ
Ας μιλήσουμε για το project σου
Αν έχεις ένα site που δεν αντικατοπτρίζει αυτό που κάνεις, ξέρουμε πώς να το αλλάξουμε.
ΞΕΚΙΝΑ ΕΝΑ PROJECT