Landing page de suscripción para una publicación digital sobre mercados financieros.
TheBenchMark
Landing page de suscripción para una publicación digital sobre mercados financieros.
TheBenchMark es la publicación digital semanal de Alex Ruiz sobre mercados financieros. Su propuesta parte de una idea muy clara: explicar qué está pasando en el mercado de forma directa, sin el ruido y las promesas exageradas que suelen rodear al contenido financiero.
Diseñé y desarrollé su landing page de registro mientras trabajaba en Fcts Studio como UX/UI & Front-end, como parte de los proyectos realizados por el estudio.
Mi trabajo consistió en trasladar la identidad y la forma de comunicar de TheBenchMark a una experiencia web con un objetivo concreto: explicar qué es la publicación, quién está detrás y llevar al lector hasta la suscripción.
El reto
TheBenchMark ya tenía una voz definida: directa, con personalidad y centrada en entender el mercado en lugar de perseguir resultados rápidos.
La web tenía que reflejar esa forma de comunicar.
Uno de los principales retos fue encontrar un lenguaje visual relacionado con el mundo financiero sin recurrir a los códigos habituales del trading: gráficos por todas partes, interfaces oscuras, colores neón o una comunicación basada en la urgencia.
En lugar de diseñar otra web de trading, decidí tratar TheBenchMark como lo que realmente es: una publicación.
Cómo trabajé
01Diseñar una publicación, no una plataforma de trading
La primera decisión fue alejar la dirección visual de las interfaces que normalmente asociamos con inversión y trading.
TheBenchMark no es una herramienta para operar. El contenido es el producto.
Por eso trabajé con una composición mucho más editorial: tipografía de gran tamaño, negro sobre blanco roto, fotografía financiera y una cabecera con mucho peso visual.
La referencia no debía ser una plataforma de trading, sino una publicación que habla de mercados.
02Explicar primero, pedir la suscripción después
El hero introduce TheBenchMark con una frase que resume su propuesta:
“Una newsletter para quienes prefieren entender el mercado antes que seguirlo.”
A partir de ahí, organicé la página para que el lector pudiera entender progresivamente qué es TheBenchMark, quién es Alex Ruiz, cuál es su trayectoria y qué puede esperar de la publicación.
La suscripción está presente durante el recorrido, pero no quería que la página empezara pidiendo un email sin haber explicado antes qué había detrás.
03Construir un lenguaje visual propio para BMK
Además de la estructura de la landing, trabajé en cómo hacer que TheBenchMark tuviera elementos visuales fácilmente reconocibles.
Aparecieron recursos como la tostada marcada con BMK, el sello de cera o la tecla de teclado.
Son pequeños elementos que introducen una parte más informal dentro de una composición editorial mucho más contenida. Ese contraste ayuda a darle personalidad a la publicación sin convertirla en otra marca financiera excesivamente seria o corporativa.
04Una página con un único objetivo
La landing tiene una acción principal: suscribirse.
Organicé el contenido alrededor de la información que necesita un lector antes de hacerlo: una primera explicación de TheBenchMark, la persona que hay detrás, qué ofrece la publicación, testimonios y finalmente la suscripción.
No hay distintos productos o recorridos compitiendo entre ellos. Toda la página está construida alrededor de la misma acción.
Qué entregué
Como UX/UI & Front-end en Fcts Studio, me encargué del diseño y desarrollo de la landing page de registro de TheBenchMark.
Trabajé la estructura de la página, la interfaz, la dirección visual y su implementación en front-end, trasladando la identidad de la publicación a una experiencia web completa.
El resultado es una landing con una estética más cercana a una publicación editorial que a una plataforma de trading, con un recorrido sencillo desde la presentación de TheBenchMark hasta la suscripción.
Resultado
- Una landing específica para presentar TheBenchMark y centralizar su suscripción.
- Una dirección visual editorial alejada de los códigos habituales del trading.
- Un lenguaje gráfico propio para BMK mediante elementos reconocibles dentro de la página.
- Un recorrido centrado en una única acción: entender la publicación y suscribirse.
Un aprendizaje
Este proyecto me hizo pensar en cómo se construye la percepción de una marca financiera desde el diseño.
En TheBenchMark, añadir más gráficos, datos o elementos propios del trading no hacía que la publicación pareciera más creíble. En realidad ocurría lo contrario.
El contenido ya hablaba de mercados. Mi trabajo era darle una estructura y una identidad que le permitieran respirar, sin añadir más ruido.
TheBenchMark
Fcts Studio