Pianocoda: mejora de UX y conversión

Proyecto: Pianocoda, web de partituras para piano
Rol: UX / CRO implementador y estratega
Duración: Mayo 2025
Herramientas: WordPress, HTML/CSS, análisis en GA
Tarea: Mejora UX y reducción de fricción en el funnel de descarga

Contexto

Pianocoda ofrece partituras y audios de piano, con una fuerte orientación didáctica. En las páginas de archivo (por ejemplo, partituras de Bach, partituras para principiantes, etc), el usuario veía una lista de obras con miniaturas, pero:

  • Para escuchar una pieza tenía que entrar a la ficha individual.
  • Esto suponía cargar otra página por cada pieza que quisiera evaluar.
  • El flujo era lento.

Objetivo

Reducir la fricción en la exploración de piezas y aumentar la tasa de clics en botones de descarga.
Hipótesis: Si el usuario puede escuchar directamente desde la vista previa, explorará más obras, se interesará más y terminará descargando más partituras.

Implementación

Se modificó la plantilla de las páginas de archivo para mostrar un reproductor de audio directamente bajo cada ficha de obra. El audio estaba ya disponible, pero oculto tras un clic. Ahora se presenta como una vista previa al instante.

Se usó Content Views Pro para incrustar el custom field del reproductor.

Resultados

Aunque no se hizo un test A/B formal, se observaron mejoras:

  • Mayor tiempo en página en las páginas clave.
  • Aumento del scroll depth en páginas con más de 10 piezas.
  • Comentarios positivos de usuarios (vía email o comentarios).
  • Mayor descarga de partituras en sesiones donde se usó el nuevo reproductor.

Aprendizajes

  • A veces, una mejora UX pequeña pero bien pensada tiene más impacto que rediseñar todo un flujo.
  • Eliminar fricción es una forma efectiva de mejorar la conversión incluso sin modificar el CTA final.
  • La personalización en WordPress usando custom fields y elementos visuales puede tener mucho potencial para experimentos de CRO.

Otros proyectos:

Diseño de partituras

Transcripción de partituras antiguas a PDF de alta nitidez. Diseño gráfico general para contenido sobre música de piano.

Pianocoda

Creación de un sitio web donde encontrar partituras de piano. 50.000 visitas al mes en un sector bastante competido en EE.UU.