Πίσω στο Portfolio
Η αρχική σελίδα: σε σκούρο μπλε φόντο, η γραμμή «Βυζαντινή ψαλτική · Ελληνική παραδοσιακή μουσική», ο τίτλος «Ζωντανή φωνή. Διαχρονική παράδοση.», μια σύντομη εισαγωγή, το όνομα Πέτρος Γ. Νικήτας με χρυσά γράμματα, ένα χρυσό κουμπί «Γνωρίστε τα διαδικτυακά μαθήματα» και ένας σύνδεσμος «Ακούστε στο YouTube»· δεξιά, πορτρέτο του Πέτρου Νικήτα με μαύρο ράσο, με τα χέρια ενωμένα μπροστά του. Στο πάνω μέρος, η γραμμή πλοήγησης.
Άνοιγμα του petrosnikitas.gr σε νέα καρτέλα

Πέτρος Γ. Νικήτας — Βυζαντινή Ψαλτική, Δισκογραφία & Διαδικτυακά Μαθήματα

Επισκόπηση

Ο Πέτρος Γ. Νικήτας είναι πρωτοψάλτης στον Ιερό Ναό Αγίου Νικήτα Σερρών. Διδάσκει βυζαντινή μουσική, διευθύνει χορωδία με περισσότερες από 25 φωνές, έχει κυκλοφορήσει τέσσερα CD βυζαντινής μουσικής και επί 15 χρόνια επιμελούνταν και παρουσίαζε τη ραδιοφωνική εκπομπή «Ψαλτήριον Τερπνόν». Η νέα ιστοσελίδα αντικαθιστά την παλιά και δίνει σε κάθε πλευρά της δουλειάς του τη δική της σελίδα: βιογραφικό, δισκογραφία, φωτογραφίες, δημοσιεύματα και επιστολές, διαδικτυακά μαθήματα.

Τα ελληνικά προηγούνται και κάθε σελίδα έχει πλήρη αγγλική εκδοχή. Η σελίδα των διαδικτυακών μαθημάτων εξηγεί τι μπορεί να μελετήσει κανείς, σε ποιο επίπεδο και πώς να ξεκινήσει, ενώ οι ερωτήσεις της απαντούν με ειλικρίνεια ότι δίδακτρα, ώρες και γλώσσα διδασκαλίας συμφωνούνται μέσω email. Οι φωτογραφίες ανοίγουν σε προβολή που λειτουργεί και με το πληκτρολόγιο, και κάθε σκαναρισμένο δημοσίευμα και κάθε επιστολή συνοδεύεται από γραπτή περιγραφή και στις δύο γλώσσες.

Προκλήσεις

Η ιστοσελίδα έπρεπε να λέει μόνο όσα είχε επιβεβαιώσει ο πελάτης. Δεν είχαν οριστεί δίδακτρα, πρόγραμμα, πλατφόρμα, γλώσσα διδασκαλίας ή δίπλωμα, οπότε η σελίδα των μαθημάτων έπρεπε να προσκαλεί σε επικοινωνία χωρίς να υπόσχεται τίποτα από αυτά. Οι φωτογραφίες και τα εξώφυλλα προέρχονταν από την παλιά του ιστοσελίδα σε χαμηλή ανάλυση, και οι παλιές διευθύνσεις έπρεπε να συνεχίσουν να οδηγούν κάπου. Το αρχείο αποτελείται από σκαναρισμένα ελληνικά έγγραφα που οι αγγλόφωνοι επισκέπτες δεν μπορούν να διαβάσουν. Και το κοινό εκτείνεται από την τοπική εκκλησιαστική κοινότητα έως μαθητές στο εξωτερικό, σε κάθε είδους οθόνη.

Λύσεις

Κάθε σελίδα παράγεται από κοινά πρότυπα και ένα αρχείο περιεχομένου ανά γλώσσα, ώστε ελληνικά και αγγλικά να συμφωνούν πάντα, και διαβάζονται πλήρως ακόμη και χωρίς JavaScript. Η σελίδα των μαθημάτων ξεκινά από τα θέματα, τα επίπεδα και τρία βήματα για την αρχή, και παραπέμπει τις ερωτήσεις για δίδακτρα και γλώσσα σε επικοινωνία μέσω email. Οι παλιές εικόνες συμπιέστηκαν κάτω από 100 KB η καθεμία χωρίς αλλαγή διαστάσεων, μειώνοντας το συνολικό βάρος των εικόνων σχεδόν στο μισό, και οι παλιές διευθύνσεις ανακατευθύνονται στις νέες σελίδες. Κάθε σκαναρισμένο έγγραφο του αρχείου έχει περιγραφή και στις δύο γλώσσες. Γραμματοσειρές, φωτογραφίες και κώδικας φορτώνονται από την ίδια την ιστοσελίδα, χωρίς cookies, αναλυτικά στατιστικά ή ενσωματωμένα players, και οι αυτόματοι έλεγχοι axe-core σε κάθε σελίδα, σε τέσσερα πλάτη οθόνης, δεν εντόπισαν καμία παραβίαση WCAG A ή AA.

Γκαλερί

  • Η αρχική σελίδα: σε σκούρο μπλε φόντο, η γραμμή «Βυζαντινή ψαλτική · Ελληνική παραδοσιακή μουσική», ο τίτλος «Ζωντανή φωνή. Διαχρονική παράδοση.», μια σύντομη εισαγωγή, το όνομα Πέτρος Γ. Νικήτας με χρυσά γράμματα, ένα χρυσό κουμπί «Γνωρίστε τα διαδικτυακά μαθήματα» και ένας σύνδεσμος «Ακούστε στο YouTube»· δεξιά, πορτρέτο του Πέτρου Νικήτα με μαύρο ράσο, με τα χέρια ενωμένα μπροστά του. Στο πάνω μέρος, η γραμμή πλοήγησης.

    Μια αρχική σελίδα που ξεκινά από τη φωνή

  • Η ενότητα «Με ρίζες στην παράδοση. Με βλέμμα στο αύριο.»: αριστερά, φωτογραφία του Πέτρου Νικήτα σε ξύλινο αναλόγιο μέσα σε ναό, με ένα ανοιχτό βιβλίο μπροστά του· δεξιά, δύο παράγραφοι, ένας σύνδεσμος «Γνωρίστε τη διαδρομή του» και τρεις αριθμοί: 4 εκδόσεις βυζαντινής μουσικής, 15 χρόνια ραδιοφωνικής παρουσίας και 25+ φωνές στη χορωδία του.

    Ο καλλιτέχνης και ο δάσκαλος σε τρεις αριθμούς

  • Η ενότητα «Μουσική που μεταφέρει μια κληρονομιά στο μέλλον.» με δύο φωτογραφίες δίπλα δίπλα: ιεροψάλτες που διαβάζουν μια παρτιτούρα υπό το φως των κεριών, κάτω από έναν πολυέλαιο, με τίτλο «Βυζαντινή ψαλτική», και χορωδία γυναικών με λευκές μπλούζες και μαντήλια στο χρώμα της μέντας, μαζί με τον Πέτρο Νικήτα με κοστούμι, με τίτλο «Ελληνική παραδοσιακή μουσική»· κάτω από την καθεμία, ένα σύντομο κείμενο.

    Δύο παραδόσεις, μία μουσική διαδρομή

  • Η σελίδα του βιογραφικού, λίγο πιο κάτω: αριστερά, μια στήλη με το όνομά του και έξι συνδέσμους κεφαλαίων, με το «Η μαθητεία στην ψαλτική παράδοση» σε έντονα γράμματα· δεξιά, το κεφάλαιο αυτό, το «Η γνώση που περνά στις επόμενες γενιές» με σύνδεσμο προς τα διαδικτυακά μαθήματα και το «Χορωδία, παραδοσιακό τραγούδι και διεθνής παρουσία», το καθένα με τίτλο και μια παράγραφο.

    Βιογραφικό — το κεφάλαιο που διαβάζετε, σημειωμένο καθώς κυλάτε τη σελίδα

  • Η σελίδα της έκδοσης «Κατανυκτικόν Τριώδιον»: ένας σύνδεσμος επιστροφής σε όλη τη δισκογραφία, το εξώφυλλο του CD —μια εικόνα του Χριστού σε ανοιχτοπράσινο πλαίσιο με ελληνικά γράμματα— και δίπλα η ένδειξη «Βυζαντινή μουσική · Έκδοση CD», ο τίτλος, μια σύντομη περιγραφή, το όνομα Πέτρος Γ. Νικήτας, ένα χρυσό κουμπί «Ακούστε στο YouTube» και ένας σύνδεσμος «Επικοινωνήστε για την έκδοση».

    Δισκογραφία — κάθε έκδοση με τη δική της σελίδα

  • Η ενότητα «Τι μπορεί να περιλαμβάνει η μελέτη σας» στη σελίδα των διαδικτυακών μαθημάτων: τέσσερις στήλες, η καθεμία με ένα μικρό χρυσό εικονίδιο, έναν τίτλο —Σημειογραφία & βασικές αρχές, Οι οκτώ ήχοι, Φωνή & ερμηνεία, Ρεπερτόριο & ψαλτική πράξη— και μια σύντομη περιγραφή· από κάτω, ο τίτλος «Μια αφετηρία για τη δική σας διαδρομή».

    Διαδικτυακά μαθήματα — τι μπορείτε να μελετήσετε, με μια ματιά

  • Η προβολή φωτογραφιών ανοιχτή πάνω από τη σελίδα των φωτογραφιών, που έχει σκουρύνει: φωτογραφία του Πέτρου Νικήτα καθισμένου δίπλα σε μικρόφωνο, κάτω από ένα έντονο φως, ένα κουμπί κλεισίματος πάνω δεξιά, βέλη για την προηγούμενη και την επόμενη φωτογραφία από κάτω και ανάμεσά τους η λεζάντα «Μέλος, κείμενο και ερμηνεία» με την ένδειξη «Φωτογραφία 6 από 6».

    Φωτογραφίες — προβολή που λειτουργεί και με το πληκτρολόγιο

  • Η ενότητα «Αλληλογραφία & ευχές» στη σελίδα δημοσιευμάτων και επιστολών: τρεις σκαναρισμένες επιστολές σε ανοιχτόχρωμα πλαίσια, η καθεμία με την ένδειξη «Πρωτότυπο ελληνικό έγγραφο», τη μητρόπολη που την απέστειλε —Πολυανής, Κιλκισίου & Αγίου Αθανασίου· Ιερισσού, Αγίου Όρους & Αρδαμερίου· Μονεμβασίας & Σπάρτης—, μια σύντομη περιγραφή και έναν σύνδεσμο «Δείτε το πρωτότυπο έγγραφο».

    Δημοσιεύματα & επιστολές — πρωτότυπα έγγραφα με περιγραφή και στις δύο γλώσσες

  • Η αρχική σελίδα σε tablet: ο τίτλος «Ζωντανή φωνή. Διαχρονική παράδοση.» πάνω από το πορτρέτο του Πέτρου Νικήτα με μαύρο ράσο, μια σύντομη εισαγωγή, το όνομά του με χρυσά γράμματα, ένα κουμπί «Γνωρίστε τα διαδικτυακά μαθήματα» και ένας σύνδεσμος «Ακούστε στο YouTube»· από κάτω, η αρχή της ενότητας «Με ρίζες στην παράδοση. Με βλέμμα στο αύριο.»

    Το ίδιο καλωσόρισμα σε tablet

  • Η ενότητα «Η φωνή. Το αποτύπωμα που μένει.» σε tablet: ένα σύντομο κείμενο και ένας σύνδεσμος «Ανακαλύψτε τη δισκογραφία» πάνω από τέσσερα εξώφυλλα CD σε δύο σειρές —το «Αθανάσιον τον εν τω Άθω» και το «Κατανυκτικόν Τριώδιον» με τους τίτλους τους, και από κάτω τα εξώφυλλα του «Ιερού Ναού Αγίου Σπυρίδωνος», μια στρογγυλή εικόνα σε κόκκινο και χρυσό, και του «Μικρού Παρακλητικού Κανόνα», σε μωβ.

    Τέσσερις εκδόσεις, η μία δίπλα στην άλλη

  • Η σελίδα των φωτογραφιών σε tablet, με επιλεγμένο το φίλτρο «Βυζαντινή ψαλτική» ανάμεσα στα «Όλες οι φωτογραφίες» και «Χορωδία»: φωτογραφίες σε δύο στήλες με ιεροψάλτες υπό το φως των κεριών, τον Πέτρο Νικήτα σε αναλόγιο, ψάλτες που ψάλλουν δίπλα δίπλα και ομάδα ιεροψαλτών σε ακολουθία, η καθεμία με σύντομη λεζάντα.

    Φωτογραφίες — φιλτράρισμα ανά ψαλτική ή χορωδία

  • Η ενότητα «Ξεκινήστε με μια συζήτηση» στη σελίδα των μαθημάτων, σε tablet: ένα χρυσό κουμπί «Ενημερωθείτε για τα μαθήματα» με τη διεύθυνση email από κάτω και τρία αριθμημένα βήματα —Μοιραστείτε την εμπειρία σας, Συζητήστε για τη μελέτη σας, Συμφωνήστε το επόμενο βήμα—, το καθένα με μια σύντομη γραμμή· από κάτω, η αρχή της ενότητας με τις ερωτήσεις.

    Διαδικτυακά μαθήματα — τρία βήματα για να ξεκινήσετε

  • Η ενότητα «Ερωτήσεις πριν ξεκινήσετε» σε tablet: πέντε ερωτήσεις, με τις δύο πρώτες ανοιχτές —αν μπορεί να επικοινωνήσει κάποιος αρχάριος και τι χρειάζεται για τα διαδικτυακά μαθήματα—, με την απάντηση σε μια σύντομη παράγραφο· από κάτω, η ενότητα επικοινωνίας με τη διεύθυνση email και ένα κουμπί «Στείλτε email στον Πέτρο».

    Ξεκάθαρες απαντήσεις πριν επικοινωνήσετε

  • Η αρχική σελίδα σε κινητό: το πορτρέτο του Πέτρου Νικήτα με μαύρο ράσο γεμίζει το πάνω μέρος, με τον τίτλο «Ζωντανή φωνή. Διαχρονική παράδοση.» στο κάτω άκρο του· από κάτω, μια σύντομη εισαγωγή, το όνομά του με χρυσά γράμματα, ένα κουμπί «Γνωρίστε τα διαδικτυακά μαθήματα» και ένας σύνδεσμος «Ακούστε στο YouTube».

    Το πορτρέτο πρωταγωνιστεί και στο κινητό

  • Το μενού στο κινητό, ανοιχτό σε σκούρο φόντο: η Αρχική με χρυσά γράμματα και έπειτα Βιογραφικό, Δισκογραφία, Φωτογραφίες, Διαδικτυακά μαθήματα, Δημοσιεύματα & επιστολές και Επικοινωνία, το καθένα με ένα βέλος, και στο κάτω μέρος σύνδεσμοι για YouTube και Instagram· στην κεφαλίδα, ένα κουμπί κλεισίματος στη θέση του κουμπιού μενού.

    Όλη η ιστοσελίδα σε ένα μενού

  • Η ενότητα «Η παράδοση κοντά σας. Η φωνή σας στο επίκεντρο.» σε κινητό: η ένδειξη «Διαδικτυακά μαθήματα Βυζαντινής Μουσικής», ένα σύντομο κείμενο, τρία σημεία με σημάδια επιλογής, ένα χρυσό κουμπί «Γνωρίστε τα μαθήματα» και το πάνω μέρος μιας φωτογραφίας ιεροψαλτών υπό το φως των κεριών.

    Τα διαδικτυακά μαθήματα, ένα πάτημα από την αρχική

  • Η σελίδα της δισκογραφίας σε κινητό: τα τέσσερα εξώφυλλα CD σε δύο στήλες με τους τίτλους τους —«Αθανάσιον τον εν τω Άθω», «Κατανυκτικόν Τριώδιον», «Ιερού Ναού Αγίου Σπυρίδωνος» και «Μικρός Παρακλητικός Κανών Υπεραγίας Θεοτόκου»—, μια σημείωση για το επίσημο κανάλι στο YouTube και ένα κουμπί «Ακούστε στο YouTube».

    Η δισκογραφία σε δύο στήλες στο κινητό

  • Η προβολή φωτογραφιών σε κινητό: φωτογραφία ιεροψαλτών που διαβάζουν μια παρτιτούρα υπό το φως των κεριών, κάτω από έναν πολυέλαιο, ένα κουμπί κλεισίματος από πάνω, βέλη για την προηγούμενη και την επόμενη φωτογραφία από κάτω και ανάμεσά τους η λεζάντα «Στην καρδιά της ψαλτικής» με την ένδειξη «Φωτογραφία 1 από 6».

    Οι φωτογραφίες από κοντά, στο κινητό

  • Η σελίδα του βιογραφικού σε κινητό: τα κεφάλαια «Η αφετηρία στις Σέρρες» και «Στέρεες βάσεις στη μουσική γνώση» και η αρχή του «Η μαθητεία στην ψαλτική παράδοση», το καθένα με τίτλο και μια παράγραφο.

    Η διαδρομή του, κεφάλαιο προς κεφάλαιο

  • Η ενότητα επικοινωνίας σε κινητό: ο τίτλος «Ας γίνει η μουσική σημείο συνάντησης.», ένα σύντομο κείμενο, η διεύθυνση info@petrosnikitas.gr με κουμπί αντιγραφής, ένα χρυσό κουμπί «Στείλτε email στον Πέτρο», η σημείωση «Θα ανοίξει η εφαρμογή email σας.» και η γραμμή «Σέρρες, Ελλάδα»· από κάτω ξεκινά το υποσέλιδο.

    Επικοινωνία — η διεύθυνση, αντιγραμμένη με ένα πάτημα