Retour au portfolio
La page d'accueil : sur un fond bleu encre, la ligne « Byzantine chant · Greek traditional music », le titre « A living voice. A timeless tradition. », une courte introduction, le nom Petros G. Nikitas en doré, un bouton doré « Explore online lessons » et un lien « Listen on YouTube » ; à droite, un portrait de Petros Nikitas en robe noire, les mains jointes. La barre de navigation court en haut.
Ouvrir petrosnikitas.gr dans un nouvel onglet

Petros G. Nikitas — Chant Byzantin, Enregistrements & Cours en Ligne

Aperçu

Petros G. Nikitas est protopsaltis, c'est-à-dire premier chantre, de l'église Saint-Nikitas de Serrès. Il enseigne la musique byzantine, dirige un chœur de plus de 25 voix, a publié quatre CD de musique byzantine et a produit et présenté pendant 15 ans l'émission de radio « Psaltirion Terpnon ». Le nouveau site remplace l'ancien et donne à chaque facette de son travail sa propre page : biographie, enregistrements, photographies, presse et correspondance, cours en ligne.

Le grec vient en premier et chaque page existe en version anglaise complète. La page des cours en ligne explique ce que l'on peut étudier, à quel niveau et comment commencer, et sa FAQ indique honnêtement que les tarifs, les horaires et la langue d'enseignement se fixent par e-mail. Les photographies s'ouvrent dans une visionneuse utilisable aussi au clavier, et chaque article et chaque lettre numérisés sont accompagnés d'une description dans les deux langues.

Défis

Le site ne pouvait dire que ce que le client avait confirmé. Ni tarifs, ni horaires, ni plateforme, ni langue d'enseignement, ni diplôme n'avaient été arrêtés : la page des cours devait donc inviter à prendre contact sans rien promettre de tout cela. Les photographies et les pochettes provenaient de son ancien site, en basse résolution, et les anciennes adresses devaient toujours mener quelque part. Les archives sont des documents grecs numérisés que les visiteurs anglophones ne peuvent pas lire. Enfin, le public va de la communauté paroissiale locale aux élèves à l'étranger, sur tous les types d'écran.

Solutions

Chaque page est générée à partir de gabarits communs et d'un fichier de contenu par langue, si bien que le grec et l'anglais concordent toujours, et les deux se lisent entièrement sans JavaScript. La page des cours s'ouvre sur les thèmes, les niveaux et trois étapes pour commencer, et renvoie les questions sur les tarifs et la langue vers une demande par e-mail. Les anciennes images ont été recompressées sous 100 Ko chacune sans changer leurs dimensions, ce qui réduit de près de moitié le poids total des images, et les anciennes adresses redirigent vers les nouvelles pages. Chaque document numérisé des archives a une description dans les deux langues. Polices, photographies et scripts sont servis par le site lui-même, sans cookies, outils d'analyse ni lecteurs intégrés, et les contrôles automatiques axe-core de toutes les pages, sur quatre largeurs d'écran, n'ont relevé aucune infraction WCAG A ou AA.

Galerie

  • La page d'accueil : sur un fond bleu encre, la ligne « Byzantine chant · Greek traditional music », le titre « A living voice. A timeless tradition. », une courte introduction, le nom Petros G. Nikitas en doré, un bouton doré « Explore online lessons » et un lien « Listen on YouTube » ; à droite, un portrait de Petros Nikitas en robe noire, les mains jointes. La barre de navigation court en haut.

    Une page d'accueil qui commence par la voix

  • La section « Rooted in tradition. Dedicated to its future. » : à gauche, une photographie de Petros Nikitas à un analogion en bois dans une église, un livre ouvert devant lui ; à droite, deux paragraphes, un lien « Discover his story » et trois chiffres : 4 enregistrements de musique byzantine, 15 ans de radio et plus de 25 voix dans son chœur.

    L'artiste et le professeur en trois chiffres

  • La section « Music that carries a heritage forward. » avec deux photographies côte à côte : des chantres lisant une partition à la lueur des bougies sous un lustre, intitulée « Byzantine chant », et un chœur de femmes en chemisier blanc et foulard vert menthe autour de Petros Nikitas en costume, intitulée « Greek traditional music » ; un court texte sous chacune.

    Deux traditions, un même parcours musical

  • La page biographie, un peu plus bas : à gauche, une colonne avec son nom et six liens vers les chapitres, « Learning the psaltic tradition » en gras ; à droite, ce chapitre, « Teaching the next generation » avec un lien « Explore online lessons », et « Choir, traditional song, and international presence », chacun avec un titre et un paragraphe.

    Biographie — le chapitre en cours de lecture, signalé au fil du défilement

  • La page de l'enregistrement « The Compunctionate Triodion » : un lien de retour « All recordings », la pochette du CD — une icône du Christ dans un cadre vert pâle avec des inscriptions grecques — et à côté la mention « Byzantine music · CD release », le titre, une courte description, le nom Petros G. Nikitas, un bouton doré « Listen on YouTube » et un lien « Enquire about this recording ».

    Enregistrements — chaque album a sa propre page

  • La section « What your studies can explore » de la page des cours en ligne : quatre colonnes, chacune avec une petite icône dorée, un titre — Notation & foundations, The eight modes, Voice & interpretation, Repertoire & psaltic practice — et une courte description ; en dessous, le titre « A starting point for your journey ».

    Cours en ligne — ce que vous pouvez étudier, en un coup d'œil

  • La visionneuse ouverte au-dessus de la galerie assombrie : une photographie de Petros Nikitas assis près d'un micro sous une lampe vive, un bouton de fermeture en haut à droite, des flèches précédent et suivant en bas et, entre elles, la légende « Music, text, and interpretation » avec « Photograph 6 of 6 ».

    Galerie — une visionneuse utilisable aussi au clavier

  • La section « Correspondence & greetings » de la page presse et correspondance : trois lettres grecques numérisées sur des panneaux clairs, chacune avec la mention « Original Greek scan », la métropole expéditrice — Polyani, Kilkis & Saint Athanasios ; Ierissos, Mount Athos & Ardameri ; Monemvasia & Sparta —, une courte description et un lien « View original document ».

    Presse & correspondance — des scans originaux décrits dans les deux langues

  • La page d'accueil sur tablette : le titre « A living voice. A timeless tradition. » sur le portrait de Petros Nikitas en robe noire, une courte introduction, son nom en doré, un bouton « Explore online lessons » et un lien « Listen on YouTube » ; en dessous, le début de la section « Rooted in tradition. Dedicated to its future. »

    Le même accueil sur tablette

  • La section « The voice. The lasting imprint. » sur tablette : un court texte et un lien « Explore the recordings » au-dessus de quatre pochettes de CD sur deux rangées — Saint Athanasios of Mount Athos et The Compunctionate Triodion avec leurs titres, puis les pochettes de Saint Spyridon Church, une icône ronde rouge et or, et de Small Paraklesis to the Theotokos, en violet.

    Quatre enregistrements côte à côte

  • La galerie sur tablette avec le filtre « Byzantine chant » sélectionné entre « All photographs » et « Choir » : des photographies sur deux colonnes — des chantres à la lueur des bougies, Petros Nikitas à un analogion, des chantres chantant côte à côte et un groupe de chantres pendant un office —, chacune avec une courte légende.

    Galerie — filtrer par chant ou par chœur

  • La section « Start with a conversation » de la page des cours, sur tablette : un bouton doré « Enquire about lessons » avec l'adresse e-mail en dessous, puis trois étapes numérotées — Share your experience, Discuss your studies, Agree on the next step —, chacune avec une courte ligne ; en dessous, le début de la section des questions.

    Cours en ligne — trois étapes pour commencer

  • La section « Questions before you begin » sur tablette : cinq questions, les deux premières ouvertes — un débutant peut-il prendre contact, et que faut-il pour les cours en ligne —, chaque réponse en un court paragraphe ; en dessous, la section contact avec l'adresse e-mail et un bouton « Email Petros ».

    Des réponses claires avant de prendre contact

  • La page d'accueil sur téléphone : le portrait de Petros Nikitas en robe noire occupe le haut, avec le titre « A living voice. A timeless tradition. » sur son bord inférieur ; en dessous, une courte introduction, son nom en doré, un bouton « Explore online lessons » et un lien « Listen on YouTube ».

    Le portrait en tête, même sur téléphone

  • Le menu ouvert sur téléphone, sur fond sombre : Home en doré, puis Biography, Recordings, Gallery, Online lessons, Press & letters et Contact, chacun avec une flèche, et en bas des liens vers YouTube et Instagram ; dans l'en-tête, un bouton de fermeture remplace le bouton du menu.

    Tout le site dans un seul menu

  • La section « Learn a tradition. Find your voice. » sur téléphone : la mention « Online Byzantine music lessons », un court texte, trois points cochés, un bouton doré « Discover the lessons » et le haut d'une photographie de chantres à la lueur des bougies.

    Les cours en ligne, à un geste de la page d'accueil

  • La page des enregistrements sur téléphone : les quatre pochettes de CD sur deux colonnes avec leurs titres — Saint Athanasios of Mount Athos, The Compunctionate Triodion, Saint Spyridon Church et Small Paraklesis to the Theotokos —, une note sur la chaîne YouTube officielle et un bouton « Listen on YouTube ».

    Les enregistrements sur deux colonnes, sur téléphone

  • La visionneuse sur téléphone : une photographie de chantres lisant une partition à la lueur des bougies sous un lustre, un bouton de fermeture au-dessus, des flèches précédent et suivant en dessous et, entre elles, la légende « At the heart of the chant » avec « Photograph 1 of 6 ».

    Les photographies de près, sur téléphone

  • La page biographie sur téléphone : les chapitres « Beginnings in Serres » et « A foundation in musical knowledge » et le début de « Learning the psaltic tradition », chacun avec un titre et un paragraphe.

    Son parcours, chapitre par chapitre

  • La section contact sur téléphone : le titre « Let music be our meeting point. », un court texte, l'adresse info@petrosnikitas.gr avec un bouton de copie, un bouton doré « Email Petros », la mention « Your email application will open. » et la ligne « Serres, Greece » ; le pied de page commence en dessous.

    Contact — l'adresse copiée d'un seul geste