Projects · Case study 06 · Website · Εξάρχεια
Χώρος 2510
Site για έναν συνεργατικό, αυτοδιαχειριζόμενο χώρο στα Εξάρχεια: πάνω από 30 μαθήματα, εκδηλώσεις, Ράδιο 2510 και η Σκηνή Μπρέχτ. Με ένα πρόγραμμα εβδομάδας που γράφεται μόνο του από τις σελίδες των μαθημάτων.
Το ζητούμενο
Τριάντα μαθήματα, είκοσι δάσκαλοι, ένα πρόγραμμα.
Ο Χώρος 2510, στη Θεμιστοκλέους 52, είναι συνεργατικός και αυτοδιαχειριζόμενος. Μαθήματα χορού, μουσικής, γλωσσών, εικαστικών και θεάτρου από διαφορετικούς δασκάλους, εκδηλώσεις, το Ράδιο 2510, το 2510 Institute και η συνεργασία με τη Σκηνή Μπρέχτ. Οι ώρες αλλάζουν κάθε σεζόν και κάθε μάθημα έχει τον δικό του άνθρωπο επικοινωνίας.
Ζητούμενο: να βρίσκει κανείς σε δέκα δευτερόλεπτα τι γίνεται τη Δευτέρα στις 19:00 και ποιον να ρωτήσει. Και η ομάδα να ανεβάζει μόνη της μαθήματα, εκδηλώσεις και νέα, χωρίς να φτιάχνει αφίσες και πίνακες με το χέρι.
- 01
Το μάθημα ως πηγή
Κάθε μάθημα έχει σελίδα με ημέρες, ώρες, κατηγορία και διδάσκοντα. Από εκεί τροφοδοτούνται η αρχική, η λίστα και το πρόγραμμα.
- 02
Πρόγραμμα εβδομάδας
Μία στήλη ανά ημέρα, ώρες με τη σειρά, κάθε κελί link στο μάθημα. Αλλάζει μόνο του όταν αλλάζει ένα μάθημα.
- 03
Ελαφρύ και δικό τους
Χωρίς cookies, χάρτης που φορτώνει μόνο αν τον ανοίξεις, και πάνελ για να το διαχειρίζεται η ομάδα του Χώρου.
01 · Η οπτική γλώσσα
Μπλε της νύχτας, κόκκινο του 2510.
Το λογότυπο με τον κόκκινο στόχο υπήρχε. Χτίσαμε γύρω του: σκούρο μπλε για τα κείμενα, το κόκκινο μόνο για τα κουμπιά και τη λέξη που μετράει, ανοιχτό γκρι φόντο και μία γραμματοσειρά για όλα. Οι αφίσες των μαθημάτων, που είναι ήδη πολύχρωμες, βρίσκουν ήσυχο φόντο.
- Οι κατηγορίες σε ένα χρώμα, για να μη μαλώνουν με τις αφίσες.
- Κάρτες μαθημάτων με την αφίσα σε σταθερή αναλογία.
- Το ίδιο κουμπί «Δες τα μαθήματα» παντού, από το μενού μέχρι το τέλος.
Design + development: goWebgo
Commissioner · μία γραμματοσειρά για τίτλους και κείμενο
02 · Η αρχική
Ένας χώρος που φτιάχνουμε μαζί.
Το μήνυμα του Χώρου, τέσσερις φωτογραφίες από μέσα και δύο κουμπιά: μαθήματα, πρόγραμμα. Από κάτω τα μαθήματα με φίλτρα κατηγορίας, η εβδομάδα ημέρα-ημέρα, το Ράδιο, το Institute και η Σκηνή Μπρέχτ, και στο τέλος πώς θα έρθεις.
- Το «Πάνω από 30 μαθήματα» δεν είναι σλόγκαν, βγαίνει από τη λίστα.
- Η εβδομάδα στην αρχική είναι η ίδια με τη σελίδα του προγράμματος, με τη σημερινή ημέρα σημειωμένη.
- Ο χάρτης ανοίγει με ένα κουμπί, για να μένει γρήγορη η σελίδα.
03 · Μαθήματα και πρόγραμμα
Φίλτρα, κάρτες, ώρες.
Η λίστα των μαθημάτων με έξι φίλτρα: γλώσσες, εικαστικά, θέατρο, λόγος, μουσική, χορός. Κάθε κάρτα δείχνει αφίσα, κατηγορία και ώρες. Η σελίδα του μαθήματος έχει ημέρες και ώρες, διδάσκοντα με email και την περιγραφή όπως τη γράφει ο ίδιος, και από κάτω κι άλλα μαθήματα της κατηγορίας. Το πρόγραμμα της εβδομάδας τα μαζεύει όλα σε επτά στήλες.
- «Ώρες κατόπιν επικοινωνίας» για τα ατομικά μαθήματα, χωρίς να μπαίνουν στο πρόγραμμα.
- Τα online μαθήματα σημειώνονται ως τέτοια.
- Η επικοινωνία για κάθε μάθημα πάει στον διδάσκοντα, όχι στον Χώρο.
04 · Το πάνελ της ομάδας
Ένα μάθημα μπαίνει μία φορά.
Ένα μέλος της ομάδας συνδέεται στη Διαχείριση και συμπληρώνει τίτλο, κατηγορία, ημέρες και ώρες, διδάσκοντα, αφίσα και περιγραφή. Το site το βάζει στην αρχική, στη λίστα με τα φίλτρα, στο πρόγραμμα της εβδομάδας στη σωστή ημέρα και ώρα, και στη σελίδα της κατηγορίας. Το ίδιο για εκδηλώσεις και νέα.
- Αλλάζει η ώρα ενός μαθήματος, αλλάζει παντού.
- Οι εκδηλώσεις φεύγουν μόνες τους από τη λίστα όταν περάσει η ημερομηνία.
- Η ομάδα δεν χρειάζεται εμάς για να προσθέσει μάθημα.
- ΑρχικήΣτα «Πάνω από 30 μαθήματα» και στην εβδομάδα
- ΜαθήματαΚάρτα στη λίστα, στο φίλτρο Μουσική & φωνή
- Πρόγραμμα εβδομάδαςΠαρασκευή, 21:00–22:30, link στο μάθημα
- Σελίδα μαθήματοςΏρες, διδάσκων, περιγραφή, κι άλλα της κατηγορίας
- ΚατηγορίαΜαζί με τα υπόλοιπα της μουσικής
05 · Ο Χώρος, ράδιο, επικοινωνία
Ράδιο, Institute και η Σκηνή Μπρέχτ.
Η σελίδα του Χώρου λέει τι είναι ο 2510 σε δύο παραγράφους και μια φωτογραφία της σκηνής. Το Radio 2510 ξεκινά με το «Άκου live» και οδηγεί στο μάθημα ραδιοφωνικής παραγωγής. Η επικοινωνία: διεύθυνση, τηλέφωνο, email, ώρες και χάρτης με κουμπί. Οι εκδηλώσεις και τα νέα έχουν τη θέση τους έτοιμη για την επόμενη ανάρτηση.
- Η Σκηνή Μπρέχτ-2510 έχει δικό της site, κι αυτό δικό μας: δες το case study.
- Για κάθε μάθημα, τα στοιχεία επικοινωνίας είναι στη σελίδα του.
- Οι σελίδες χωρίς περιεχόμενο το λένε καθαρά, δεν δείχνουν κενό.
06 · Mobile
Το πρόγραμμα, στην τσέπη.
Στο κινητό το πρόγραμμα γίνεται μία λίστα ανά ημέρα, οι κάρτες των μαθημάτων κρατούν την αφίσα και τα φίλτρα μένουν πάνω από τη λίστα. Το email κάθε διδάσκοντα είναι ένα tap.
hover για scroll
Πώς δουλέψαμε
Από τον πίνακα ανακοινώσεων στο πρόγραμμα.
- 01
Καταγραφή
Μαζέψαμε όλα τα μαθήματα με δασκάλους, ώρες και κατηγορίες, και είδαμε τι αλλάζει κάθε εβδομάδα και τι μία φορά τη σεζόν.
- 02
Δομή
Κάθε μάθημα έγινε μία εγγραφή με ώρες, κατηγορία και διδάσκοντα. Από αυτήν βγαίνουν η αρχική, η λίστα, το πρόγραμμα και η κατηγορία.
- 03
Design και ανάπτυξη
Οπτική γλώσσα γύρω από το υπάρχον λογότυπο, κάρτες για τις αφίσες, πρόγραμμα επτά στηλών, πάνελ διαχείρισης για την ομάδα.
- 04
Παράδοση στην ομάδα
Λογαριασμοί διαχείρισης, περάσαμε μαζί τα μαθήματα της σεζόν, και από εκεί και πέρα το site το κρατάει ο Χώρος.
Credits
Ποιος έκανε τι.
Δες το case study →
Το δικό σου project
Έχεις χώρο με μαθήματα ή εκδηλώσεις;
Πες μας πόσα αλλάζουν κάθε εβδομάδα. Θα σου δείξουμε πώς να τα αλλάζει η ομάδα σου μόνη της.
Δες επίσης: Κατασκευή ιστοσελίδων