Volver al portfolio
La página de inicio: sobre un fondo azul tinta, la línea «Byzantine chant · Greek traditional music», el titular «A living voice. A timeless tradition.», una breve introducción, el nombre Petros G. Nikitas en dorado, un botón dorado «Explore online lessons» y un enlace «Listen on YouTube»; a la derecha, un retrato de Petros Nikitas con hábito negro y las manos juntas. Arriba, la barra de navegación.
Abrir petrosnikitas.gr en una pestaña nueva

Petros G. Nikitas — Canto Bizantino, Grabaciones y Clases en Línea

Resumen

Petros G. Nikitas es el protopsaltis, el primer cantor, de la iglesia de San Nikitas en Serres. Enseña música bizantina, dirige un coro de más de 25 voces, ha publicado cuatro CD de música bizantina y durante 15 años produjo y presentó el programa de radio «Psaltirion Terpnon». El nuevo sitio sustituye al anterior y da a cada parte de su trabajo su propia página: biografía, grabaciones, fotografías, prensa y cartas, y clases en línea.

El griego va primero y cada página tiene una versión completa en inglés. La página de clases en línea explica qué se puede estudiar, a qué nivel y cómo empezar, y sus preguntas frecuentes aclaran con honestidad que las tarifas, los horarios y el idioma de enseñanza se acuerdan por correo electrónico. Las fotografías se abren en un visor que también funciona con el teclado, y cada artículo y cada carta escaneados tienen una descripción en ambos idiomas.

Retos

El sitio solo podía decir lo que el cliente había confirmado. No se habían fijado tarifas, horarios, plataforma, idioma de enseñanza ni título, así que la página de clases tenía que invitar a escribir sin prometer nada de eso. Las fotografías y las portadas procedían de su antiguo sitio web, en baja resolución, y las direcciones antiguas tenían que seguir llevando a alguna parte. El archivo son documentos griegos escaneados que los visitantes de habla inglesa no pueden leer. Y el público va desde la comunidad parroquial local hasta alumnos en el extranjero, en todo tipo de pantallas.

Soluciones

Cada página se genera a partir de plantillas comunes y un archivo de contenido por idioma, de modo que el griego y el inglés siempre coinciden, y ambos se leen por completo sin JavaScript. La página de clases empieza por los temas, los niveles y tres pasos para comenzar, y remite las preguntas sobre tarifas e idioma a una consulta por correo electrónico. Las imágenes antiguas se recomprimieron por debajo de 100 KB cada una sin cambiar su tamaño, lo que redujo casi a la mitad el peso total de las imágenes, y las direcciones antiguas redirigen a las nuevas páginas. Cada documento escaneado del archivo tiene una descripción en ambos idiomas. Las fuentes, las fotografías y los scripts se sirven desde el propio sitio, sin cookies, analítica ni reproductores incrustados, y las pruebas automáticas de axe-core en todas las páginas, con cuatro anchos de pantalla, no detectaron ninguna infracción WCAG A o AA.

Galería

  • La página de inicio: sobre un fondo azul tinta, la línea «Byzantine chant · Greek traditional music», el titular «A living voice. A timeless tradition.», una breve introducción, el nombre Petros G. Nikitas en dorado, un botón dorado «Explore online lessons» y un enlace «Listen on YouTube»; a la derecha, un retrato de Petros Nikitas con hábito negro y las manos juntas. Arriba, la barra de navegación.

    Una página de inicio que empieza por la voz

  • La sección «Rooted in tradition. Dedicated to its future.»: a la izquierda, una fotografía de Petros Nikitas ante un analogion de madera en una iglesia, con un libro abierto delante; a la derecha, dos párrafos, un enlace «Discover his story» y tres cifras: 4 grabaciones de música bizantina, 15 años de radio y más de 25 voces en su coro.

    El artista y el profesor en tres cifras

  • La sección «Music that carries a heritage forward.» con dos fotografías una junto a otra: cantores que leen una partitura a la luz de las velas bajo una lámpara de araña, con el título «Byzantine chant», y un coro de mujeres con blusa blanca y pañuelo verde menta junto a Petros Nikitas de traje, con el título «Greek traditional music»; debajo de cada una, un texto breve.

    Dos tradiciones, un mismo camino musical

  • La página de biografía, algo más abajo: a la izquierda, una columna con su nombre y seis enlaces a los capítulos, con «Learning the psaltic tradition» en negrita; a la derecha, ese capítulo, «Teaching the next generation» con un enlace «Explore online lessons» y «Choir, traditional song, and international presence», cada uno con un título y un párrafo.

    Biografía — el capítulo que está leyendo, marcado mientras se desplaza

  • La página de la grabación «The Compunctionate Triodion»: un enlace de vuelta «All recordings», la portada del CD —un icono de Cristo enmarcado en verde claro con letras griegas— y al lado la etiqueta «Byzantine music · CD release», el título, una breve descripción, el nombre Petros G. Nikitas, un botón dorado «Listen on YouTube» y un enlace «Enquire about this recording».

    Grabaciones — cada álbum tiene su propia página

  • La sección «What your studies can explore» de la página de clases en línea: cuatro columnas, cada una con un pequeño icono dorado, un título —Notation & foundations, The eight modes, Voice & interpretation, Repertoire & psaltic practice— y una breve descripción; debajo, el titular «A starting point for your journey».

    Clases en línea — qué puede estudiar, de un vistazo

  • El visor de fotos abierto sobre la galería oscurecida: una fotografía de Petros Nikitas sentado junto a un micrófono bajo una lámpara intensa, un botón de cierre arriba a la derecha, flechas de anterior y siguiente abajo y, entre ellas, el pie «Music, text, and interpretation» con «Photograph 6 of 6».

    Galería — un visor de fotos que también funciona con el teclado

  • La sección «Correspondence & greetings» de la página de prensa y cartas: tres cartas griegas escaneadas sobre paneles claros, cada una con la indicación «Original Greek scan», la metrópolis que la envía —Polyani, Kilkis & Saint Athanasios; Ierissos, Mount Athos & Ardameri; Monemvasia & Sparta—, una breve descripción y un enlace «View original document».

    Prensa y cartas — escaneos originales descritos en ambos idiomas

  • La página de inicio en una tableta: el titular «A living voice. A timeless tradition.» sobre el retrato de Petros Nikitas con hábito negro, una breve introducción, su nombre en dorado, un botón «Explore online lessons» y un enlace «Listen on YouTube»; debajo, el comienzo de la sección «Rooted in tradition. Dedicated to its future.»

    La misma bienvenida en una tableta

  • La sección «The voice. The lasting imprint.» en una tableta: un texto breve y un enlace «Explore the recordings» sobre cuatro portadas de CD en dos filas —Saint Athanasios of Mount Athos y The Compunctionate Triodion con sus títulos, y debajo las portadas de Saint Spyridon Church, un icono redondo en rojo y oro, y Small Paraklesis to the Theotokos, en morado.

    Cuatro grabaciones, una junto a otra

  • La galería en una tableta con el filtro «Byzantine chant» seleccionado entre «All photographs» y «Choir»: fotografías en dos columnas de cantores a la luz de las velas, Petros Nikitas ante un analogion, cantores que cantan uno junto a otro y un grupo de cantores durante un oficio, cada una con un pie breve.

    Galería — filtrar por canto o por coro

  • La sección «Start with a conversation» de la página de clases, en una tableta: un botón dorado «Enquire about lessons» con la dirección de correo debajo y tres pasos numerados —Share your experience, Discuss your studies, Agree on the next step—, cada uno con una línea breve; debajo, el comienzo de la sección de preguntas.

    Clases en línea — tres pasos para empezar

  • La sección «Questions before you begin» en una tableta: cinco preguntas, con las dos primeras abiertas —si un principiante puede escribir y qué se necesita para las clases en línea—, cada respuesta en un párrafo breve; debajo, la sección de contacto con la dirección de correo y un botón «Email Petros».

    Respuestas claras antes de escribir

  • La página de inicio en un móvil: el retrato de Petros Nikitas con hábito negro ocupa la parte superior, con el titular «A living voice. A timeless tradition.» sobre su borde inferior; debajo, una breve introducción, su nombre en dorado, un botón «Explore online lessons» y un enlace «Listen on YouTube».

    El retrato encabeza también en el móvil

  • El menú abierto en el móvil, sobre fondo oscuro: Home en dorado y después Biography, Recordings, Gallery, Online lessons, Press & letters y Contact, cada uno con una flecha, y abajo enlaces a YouTube e Instagram; en la cabecera, un botón de cierre sustituye al del menú.

    Todo el sitio en un solo menú

  • La sección «Learn a tradition. Find your voice.» en un móvil: la etiqueta «Online Byzantine music lessons», un texto breve, tres puntos con marcas de verificación, un botón dorado «Discover the lessons» y la parte superior de una fotografía de cantores a la luz de las velas.

    Las clases en línea, a un toque de la página de inicio

  • La página de grabaciones en un móvil: las cuatro portadas de CD en dos columnas con sus títulos —Saint Athanasios of Mount Athos, The Compunctionate Triodion, Saint Spyridon Church y Small Paraklesis to the Theotokos—, una nota sobre el canal oficial de YouTube y un botón «Listen on YouTube».

    Las grabaciones en dos columnas en el móvil

  • El visor de fotos en un móvil: una fotografía de cantores que leen una partitura a la luz de las velas bajo una lámpara de araña, un botón de cierre encima, flechas de anterior y siguiente debajo y, entre ellas, el pie «At the heart of the chant» con «Photograph 1 of 6».

    Las fotografías de cerca en el móvil

  • La página de biografía en un móvil: los capítulos «Beginnings in Serres» y «A foundation in musical knowledge» y el comienzo de «Learning the psaltic tradition», cada uno con un título y un párrafo.

    Su trayectoria, capítulo a capítulo

  • La sección de contacto en un móvil: el titular «Let music be our meeting point.», un texto breve, la dirección info@petrosnikitas.gr con un botón para copiarla, un botón dorado «Email Petros», la nota «Your email application will open.» y la línea «Serres, Greece»; debajo empieza el pie de página.

    Contacto — la dirección, copiada con un toque