ΠΑΡΟΥΣΙΑΣΗ ΣΧΕΔΙΑΣΜΟΥ ΠΡΟΣΩΠΙΚΗΣ ΙΣΤΟΣΕΛΙΔΑΣ

Ο σχεδιασμός αφορά κυρίως την αισθητική άποψη της σελίδας όπως η δομή της, τα χρώματα οι γραμματοσειρές και το περιεχόμενο. Νιώθω ότι στην εικόνα που θέλω να προβάλω θα ταίριαζε πιο πολύ μια σχετικά minimal ιστοσελίδα με έντονες γραμματοσειρές και ανοιχτά χρώματα. Έτσι η πληροφορία είναι ξεκάθαρη και ο αναγνώστης δεν αποσπάται από ανούσιες πληροφορίες όπως είναι έντονα σχέδια και μεγάλη εναλλαγή χρωμάτων. Ξεκίνησα την δημιουργία της ιστοσελίδας στην squarespace απαντώντας το ερωτηματολόγιο και επιλέγοντας ένα βασικό template ακολουθώντας το σκεπτικό περί αισθητικής που εξήγησα παραπάνω. Πρόσθεσα 7 pages: 1. HOME 2. THEATER 3. STUDIO 4. MUSIC 5. CV 6. ACADEMIC PORTFOLIO 7. CONTACT

ΧΤΗΣΙΜΟ ΔΟΜΗΣ ΤΗΣ ΙΣΤΟΣΕΛΙΔΑΣ ΚΑΙ ΠΡΟΣΘΗΚΗ ΥΛΙΚΟΥ Ξεκίνησα να χτίζω την Δομή της ιστοσελίδας κατασκευάζοντας τις σελίδες που έχω δημιουργήσει:

Home:

Για την αρχική σελίδα θέλω μία αρκετά μίνιμαλ αισθητική εξηγώντας στον αναγνώστη την γενική εικόνα της ειδικότητας μου. Γι' αυτό πρόσθεσα 2 εικόνες όπου δίπλα στην πρώτη αναφέρω το όνομα μου και την ειδικότητα μου και δίπλα στην δεύτερη παραθέτω τους τομείς στους οποίους έχω εμπειρία και μπορώ να εργαστώ. Η σελίδα τελειώνει με 5 εικονίδια από social media τα οποία οδηγούν στις ιστοσελίδες από τα social media μου. Προς το παρόν αυτή είναι η εικόνα της αρχικής σελίδας και είμαι ευχαριστημένος προς το παρόν.

Theater:

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

Studio:

Στην σελίδα studio θέλω να δείξω στον αναγνώστη τις δουλειές που έχω κάνει σε στουντιακό περιβάλλον με ειδικότητα στην ηχογράφηση την μίξη την παραγωγή και το βίντεο edit. Το squarespace έχει ένα πολύ χρήσιμο εργαλείο κατά το οποίο μπορείς να προσθέσεις βίντεο στην σελίδα σου και να τα κατηγοριοποιήσεις. Έτσι αντιστοίχησα το link από το youtube του κάθε βίντεο στην συλλογή της ιστοσελίδας και έθεσα κατηγορία 1 η παραπάνω για κάθε βίντεο. Έτσι ο αναγνώστης αμα θέλει να μάθει τις γνώσεις μου μόνο στην μουσική παραγωγή μπορεί να επιλέξει production και να δει μόνο τα βίντεο στα οποία έχω κάνει εγώ την παραγωγή.

Music:

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

Curriculum Vitae:

Θέλω στην ιστοσελίδα μου να υπάρχει και το επίσημο βιογραφικό μου. Οπότε δημιούργησα αυτή την σελίδα με ολόκληρο το ακρώνυμο του C.V. για να τραβάει το μάτι. Αυτή η σελίδα είναι πολύ απλή και περιέχει απλά το βιογραφικό μου σαν εικόνα.

Academic Portfolio:

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

Contact:

Για αυτή την σελίδα χρησιμοποίησα ένα έτοιμο template για επικοινωνία όπου ο κάθε επισκέπτης μπορεί να στείλει ένα email εύκολα και γρήγορα. Πρόσθεσα από δίπλα μια φωτογραφία μου για να κάνω πιο φιλική την επίσκεψη.

Μου ήρθε η ιδέα να εντάξω στην ιστοσελίδα μου μερικά project που έχω κάνει που αφορούν την χρήση της MAX MSP και ARDUINO. Για αυτό τον λόγο δημιούργησα ένα drop down menu που ονομάζεται music technology και πρόσθεσα δύο καινούργιες σελίδες, Arduino Projects και Max4Live Devices. Για την κάθε σελίδα δημιούργησα ένα πλαίσιο με εικόνες και κείμενο όπου δείχνω μια φωτογραφία από κάθε project και από κάτω το όνομα του. Έτσι ο αναγνώστης μπορεί να επιλέξει κάποιο project και να οδηγηθεί σε μία καινούρια σελίδα όπου μπορεί να διαβάσει πληροφορίες για το project.

Ιστοσελίδα: giorgosbatzios.com