Zurück zum Portfolio
Die Startseite: auf dunklem Tintenblau die Zeile „Byzantine chant · Greek traditional music“, die Überschrift „A living voice. A timeless tradition.“, eine kurze Einführung, der Name Petros G. Nikitas in Gold, ein goldener Button „Explore online lessons“ und ein Link „Listen on YouTube“; rechts ein Porträt von Petros Nikitas in schwarzem Gewand mit gefalteten Händen. Oben verläuft die Navigationsleiste.
petrosnikitas.gr in neuem Tab öffnen

Petros G. Nikitas — Byzantinischer Kirchengesang, Aufnahmen & Online-Unterricht

Überblick

Petros G. Nikitas ist Protopsaltis, also erster Kantor, an der Kirche des Heiligen Nikitas in Serres. Er unterrichtet byzantinische Musik, leitet einen Chor mit mehr als 25 Stimmen, hat vier CDs mit byzantinischer Musik veröffentlicht und 15 Jahre lang die Radiosendung „Psaltirion Terpnon“ gestaltet und moderiert. Die neue Website ersetzt seine alte und gibt jedem Teil seiner Arbeit eine eigene Seite: Biografie, Aufnahmen, Fotos, Presse und Briefe sowie Online-Unterricht.

Griechisch steht an erster Stelle, und jede Seite gibt es vollständig auch auf Englisch. Die Seite zum Online-Unterricht erklärt, was man lernen kann, auf welchem Niveau und wie man beginnt; ihre Fragen und Antworten sagen offen, dass Honorar, Zeiten und Unterrichtssprache per E-Mail vereinbart werden. Fotos öffnen sich in einer Ansicht, die auch per Tastatur bedienbar ist, und jeder gescannte Artikel und Brief hat eine Beschreibung in beiden Sprachen.

Herausforderungen

Die Website durfte nur sagen, was der Kunde bestätigt hatte. Honorar, Stundenplan, Plattform, Unterrichtssprache und Abschluss waren nicht festgelegt, also musste die Unterrichtsseite zu Anfragen einladen, ohne etwas davon zu versprechen. Fotos und CD-Cover stammten in geringer Auflösung von seiner alten Website, und die alten Adressen mussten weiterhin irgendwohin führen. Das Archiv besteht aus gescannten griechischen Dokumenten, die englischsprachige Besucher nicht lesen können. Und das Publikum reicht von der Kirchengemeinde vor Ort bis zu Lernenden im Ausland, auf jeder Art von Bildschirm.

Lösungen

Jede Seite wird aus gemeinsamen Vorlagen und einer Inhaltsdatei pro Sprache erzeugt, sodass Griechisch und Englisch immer übereinstimmen, und beide sind auch ohne JavaScript vollständig lesbar. Die Unterrichtsseite beginnt mit Themen, Niveaus und drei Schritten zum Einstieg und verweist Fragen zu Honorar und Sprache auf eine Anfrage per E-Mail. Die alten Bilder wurden auf unter 100 KB pro Bild neu komprimiert, ohne ihre Größe zu ändern, was das gesamte Bildgewicht fast halbiert, und alte Adressen leiten auf die neuen Seiten weiter. Jeder Scan im Archiv hat eine Beschreibung in beiden Sprachen. Schriften, Fotos und Skripte kommen von der Website selbst, ohne Cookies, Analyse-Tools oder eingebettete Player, und automatisierte axe-core-Prüfungen aller Seiten bei vier Bildschirmbreiten meldeten keine Verstöße gegen WCAG A oder AA.

Galerie

  • Die Startseite: auf dunklem Tintenblau die Zeile „Byzantine chant · Greek traditional music“, die Überschrift „A living voice. A timeless tradition.“, eine kurze Einführung, der Name Petros G. Nikitas in Gold, ein goldener Button „Explore online lessons“ und ein Link „Listen on YouTube“; rechts ein Porträt von Petros Nikitas in schwarzem Gewand mit gefalteten Händen. Oben verläuft die Navigationsleiste.

    Eine Startseite, die mit der Stimme beginnt

  • Der Abschnitt „Rooted in tradition. Dedicated to its future.“: links ein Foto von Petros Nikitas an einem hölzernen Analogion in einer Kirche, ein aufgeschlagenes Buch vor sich; rechts zwei Absätze, ein Link „Discover his story“ und drei Zahlen: 4 Aufnahmen byzantinischer Musik, 15 Jahre Radio und 25+ Stimmen in seinem Chor.

    Der Künstler und der Lehrer in drei Zahlen

  • Der Abschnitt „Music that carries a heritage forward.“ mit zwei Fotos nebeneinander: Kantoren, die bei Kerzenlicht unter einem Kronleuchter aus einer Partitur lesen, überschrieben mit „Byzantine chant“, und ein Chor aus Frauen in weißen Blusen und mintgrünen Tüchern mit Petros Nikitas im Anzug, überschrieben mit „Greek traditional music“; darunter je ein kurzer Text.

    Zwei Traditionen, ein musikalischer Weg

  • Die Biografie-Seite, etwas nach unten gescrollt: links eine Spalte mit seinem Namen und sechs Kapitel-Links, „Learning the psaltic tradition“ fett; rechts dieses Kapitel, „Teaching the next generation“ mit einem Link „Explore online lessons“ und „Choir, traditional song, and international presence“, jeweils mit Überschrift und Absatz.

    Biografie — das Kapitel, das Sie gerade lesen, beim Scrollen markiert

  • Die Seite zur Aufnahme „The Compunctionate Triodion“: ein Zurück-Link „All recordings“, das CD-Cover – eine Christus-Ikone in hellgrünem Rahmen mit griechischer Schrift – und daneben die Zeile „Byzantine music · CD release“, der Titel, eine kurze Beschreibung, der Name Petros G. Nikitas, ein goldener Button „Listen on YouTube“ und ein Link „Enquire about this recording“.

    Aufnahmen — jedes Album mit eigener Seite

  • Der Abschnitt „What your studies can explore“ auf der Seite zum Online-Unterricht: vier Spalten, jede mit einem kleinen goldenen Symbol, einem Titel – Notation & foundations, The eight modes, Voice & interpretation, Repertoire & psaltic practice – und einer kurzen Beschreibung; darunter die Überschrift „A starting point for your journey“.

    Online-Unterricht — was Sie lernen können, auf einen Blick

  • Die Fotoansicht über der abgedunkelten Galerie: ein Foto von Petros Nikitas, der unter einer hellen Lampe neben einem Mikrofon sitzt, oben rechts eine Schließen-Schaltfläche, darunter Pfeile für zurück und weiter und dazwischen die Bildunterschrift „Music, text, and interpretation“ mit „Photograph 6 of 6“.

    Galerie — eine Fotoansicht, die auch per Tastatur funktioniert

  • Der Abschnitt „Correspondence & greetings“ auf der Seite Presse & Briefe: drei gescannte griechische Briefe auf hellen Flächen, jeweils mit dem Hinweis „Original Greek scan“, der absendenden Metropolie – Polyani, Kilkis & Saint Athanasios; Ierissos, Mount Athos & Ardameri; Monemvasia & Sparta –, einer kurzen Beschreibung und einem Link „View original document“.

    Presse & Briefe — Original-Scans, in beiden Sprachen beschrieben

  • Die Startseite auf einem Tablet: die Überschrift „A living voice. A timeless tradition.“ über dem Porträt von Petros Nikitas in schwarzem Gewand, eine kurze Einführung, sein Name in Gold, ein Button „Explore online lessons“ und ein Link „Listen on YouTube“; darunter der Anfang des Abschnitts „Rooted in tradition. Dedicated to its future.“

    Derselbe Empfang auf dem Tablet

  • Der Abschnitt „The voice. The lasting imprint.“ auf einem Tablet: ein kurzer Text und ein Link „Explore the recordings“ über vier CD-Covern in zwei Reihen – Saint Athanasios of Mount Athos und The Compunctionate Triodion mit ihren Titeln, darunter die Cover von Saint Spyridon Church, eine runde Ikone in Rot und Gold, und Small Paraklesis to the Theotokos in Violett.

    Vier Aufnahmen nebeneinander

  • Die Galerie auf einem Tablet mit dem gewählten Filter „Byzantine chant“ zwischen „All photographs“ und „Choir“: Fotos in zwei Spalten mit Kantoren bei Kerzenlicht, Petros Nikitas an einem Analogion, nebeneinander singenden Kantoren und einer Gruppe von Kantoren bei einem Gottesdienst, jeweils mit kurzer Bildunterschrift.

    Galerie — nach Kirchengesang oder Chor filtern

  • Der Abschnitt „Start with a conversation“ auf der Unterrichtsseite, auf einem Tablet: ein goldener Button „Enquire about lessons“ mit der E-Mail-Adresse darunter, dann drei nummerierte Schritte – Share your experience, Discuss your studies, Agree on the next step – mit je einer kurzen Zeile; darunter der Anfang des Fragenteils.

    Online-Unterricht — drei Schritte zum Einstieg

  • Der Abschnitt „Questions before you begin“ auf einem Tablet: fünf Fragen, die ersten beiden aufgeklappt – ob Anfänger anfragen können und was man für den Online-Unterricht braucht –, jede Antwort in einem kurzen Absatz; darunter der Kontaktbereich mit der E-Mail-Adresse und einem Button „Email Petros“.

    Klare Antworten vor der Anfrage

  • Die Startseite auf einem Smartphone: Das Porträt von Petros Nikitas in schwarzem Gewand füllt den oberen Teil, die Überschrift „A living voice. A timeless tradition.“ liegt über seinem unteren Rand; darunter eine kurze Einführung, sein Name in Gold, ein Button „Explore online lessons“ und ein Link „Listen on YouTube“.

    Das Porträt führt auch auf dem Smartphone

  • Das geöffnete Menü auf dem Smartphone vor dunklem Hintergrund: Home in Gold, dann Biography, Recordings, Gallery, Online lessons, Press & letters und Contact, jeweils mit einem Pfeil, unten Links zu YouTube und Instagram; in der Kopfzeile ersetzt eine Schließen-Schaltfläche die Menü-Schaltfläche.

    Die ganze Website in einem Menü

  • Der Abschnitt „Learn a tradition. Find your voice.“ auf einem Smartphone: die Zeile „Online Byzantine music lessons“, ein kurzer Text, drei Punkte mit Häkchen, ein goldener Button „Discover the lessons“ und der obere Teil eines Fotos von Kantoren bei Kerzenlicht.

    Online-Unterricht, einen Tipp von der Startseite entfernt

  • Die Seite mit den Aufnahmen auf einem Smartphone: die vier CD-Cover in zwei Spalten mit ihren Titeln – Saint Athanasios of Mount Athos, The Compunctionate Triodion, Saint Spyridon Church und Small Paraklesis to the Theotokos –, ein Hinweis auf den offiziellen YouTube-Kanal und ein Button „Listen on YouTube“.

    Die Aufnahmen in zwei Spalten auf dem Smartphone

  • Die Fotoansicht auf einem Smartphone: ein Foto von Kantoren, die bei Kerzenlicht unter einem Kronleuchter aus einer Partitur lesen, darüber eine Schließen-Schaltfläche, darunter Pfeile für zurück und weiter und dazwischen die Bildunterschrift „At the heart of the chant“ mit „Photograph 1 of 6“.

    Fotos aus der Nähe auf dem Smartphone

  • Die Biografie-Seite auf einem Smartphone: die Kapitel „Beginnings in Serres“ und „A foundation in musical knowledge“ und der Anfang von „Learning the psaltic tradition“, jeweils mit Überschrift und Absatz.

    Sein Weg, Kapitel für Kapitel

  • Der Kontaktbereich auf einem Smartphone: die Überschrift „Let music be our meeting point.“, ein kurzer Text, die Adresse info@petrosnikitas.gr mit einer Kopieren-Schaltfläche, ein goldener Button „Email Petros“, der Hinweis „Your email application will open.“ und die Zeile „Serres, Greece“; darunter beginnt die Fußzeile.

    Kontakt — die Adresse mit einem Tipp kopiert