TEMPERINI

Contacto
brief
diseno
conversion
decisiones
iteraciones

VORTERIX

Paren la mano - Landing Page

Una landing sin vueltas. Diseñada para captar atención y convertir oyentes en comunidad, en menos de 10 segundos.

Logo de Vorterix para la campaña Paren la Mano
Marca · Vorterix · Paren la Mano
Rol · Product Designer · UX/UI
Timeline · 4 semanas (proyecto académico)
Scope · Concepto · Narrativa · Sistema visual · UX de landing
Problema · Mucha audiencia en streams, poca conversión hacia canales propios

El brief real: un reto con límites claros

"Tenés que convertir oyentes en leads. Sin métricas. Sin data. Solo criterio y decisiones que funcionen."

Desafío académico, mentalidad profesional. Nuestro objetivo fue claro: captar público joven a través de contenido exclusivo.

¿Por qué hacía falta esta landing?

  • La web de Vorterix no reflejaba el espíritu de Paren la Mano.
  • La audiencia joven se enganchaba en Twitch pero no se quedaba.
  • Había contenido exclusivo pero sin un canal claro para comunicarlo.
  • El sitio general no tenía CTA ni storytelling.

El diseño empieza por ellos

Estudiamos el tono del programa, analizamos redes y observamos qué funcionaba en medios como Olga y LuzuTV.

La audiencia no quería "algo lindo"

Quería algo que hablara como ellos:

  • 🡆Ácido, informal, sin rodeos.
  • 🡆Que no sobreexpliquen.
  • 🡆Que les den algo a cambio.

Insights que guiaron decisiones

  • 🡆
    Paleta vibrante (verde/violeta): mantiene la energía de PLM.
  • 🡆
    Tipografías pesadas: refleja el tono del show.
  • 🡆
    Contenido exclusivo visible: valor antes de pedir datos.

No diseñamos para una audiencia general. Diseñamos para Agustín, que escucha Twitch mientras edita en Premiere.

Paleta de colores del proyecto Vorterix Paren la Mano
Tipografía y jerarquía visual del proyecto Vorterix
Referencias de diseño e inspiración visual para la landing Vorterix

Conversión sin perder identidad

Mockup final de la landing Paren la Mano (Vorterix) en dispositivo

Decisiones de diseño

  • •Hero con GIF + CTA inmediato: impacto en los primeros 3 segundos.
  • •Formulario duplicado: máxima visibilidad sin repetir visualmente.
  • •Carrusel de clips: muestra el valor antes de pedir el email.
  • •Narrativa FOMO: "Accedé a lo que otros se pierden".

Iteraciones clave

(basadas en conflicto real)

  • ×Eliminamos secciones que no aportaban a la conversión.
  • ×Rediseñamos la sección de clips 3 veces para mobile.

Discutimos si mostrar staff o contenido de otros programas. Ganó la segunda opción. La comunidad no se enamora de nombres: se queda por el contenido.

UX sin narrativa es solo UI

Este tipo de decisiones no crearon la versión más linda. Crearon la versión que convertía.

Aprendí que sin contenido real, el diseño es solo una maqueta. Que sin narrativa concreta, la conversión es suerte.

¿Qué fue esto realmente?

Un laboratorio de decisiones: diseño, storytelling, contenido, límites técnicos.

Pude confirmar que donde hay límite técnico y poco tiempo, hay lugar para criterio. Y eso es lo que más disfruto diseñando.

DÍGITO preview

Siguiente caso

Rediseño UX/UI de módulo operativo

Ver Dígito

¿Tenés una idea o desafío en mente?

Hablemos
LinkedInBehanceDribbbleUpworkGitHub