Hero de Stryke con un rider y una moto eléctrica en un cerro al atardecer, y el nombre en tipografía gigante abajo
Proyecto de concepto

Stryke

Producto — movilidad eléctrica

Rol
Identidad de producto y landing de lanzamiento
Año
2026
Stack
HTML · CSS · GSAP · Lenis · Blender · Figma
Demo
Ver en vivo

El brief que me impuse

El negocio
Lanzamiento de una moto eléctrica todoterreno. Producto único, ticket alto, marca nueva sin reconocimiento.
La audiencia
Hombres y mujeres de 25 a 45 con ingreso alto y consumo aspiracional. Llegan por redes, ya vieron el producto en video.
La única acción
Configurar el modelo y reservar una unidad.
La objeción a desarmar
"No conozco la marca y es mucha plata para un producto que nadie tiene todavía."

El problema

Un producto caro y desconocido no se vende con especificaciones. Se vende con deseo, y las especificaciones vienen después.

Contexto

Stryke es una marca de concepto: el lanzamiento de una moto eléctrica todoterreno. La elegí porque el lanzamiento de producto invierte por completo el orden de la conversión respecto de los otros tres casos.

En e-commerce y en servicios, el sitio desarma objeciones. Acá el sitio primero tiene que generar el deseo que justifica la objeción. Nadie discute el precio de algo que no quiere.

Decisiones

Tres elementos en la navegación, y uno es el CTA

MODELOS · STRYKE · DEPLOY. Nada más.

Un catálogo necesita navegación; un producto único necesita que no lo distraigan. Cada ítem de más en el menú es una salida del embudo.

El CTA no dice “Comprar”

Dice DEPLOY. La palabra pertenece al mundo del producto —equipamiento táctico, despliegue— y no al del comercio.

Es una decisión que sostiene el tono y baja la barrera al mismo tiempo: “Comprar” activa la evaluación de precio; “Deploy” mantiene al visitante dentro de la fantasía un paso más. El precio aparece igual, pero después de la foto a pantalla completa, no antes.

La tipografía es el producto

El nombre entra en marquesina a un tamaño que rompe el borde del viewport, en blanco y naranja, encima de la foto. No es decoración: en una marca sin reconocimiento, la repetición del nombre a escala brutal es lo que lo instala.

Es también el lugar donde el sistema se permite ser ruidoso — el gesto está concentrado en una sola pantalla y el resto del sitio baja el volumen.

La foto ocupa todo, sin velo

Sin capa oscura encima, sin texto sobre la imagen que obligue a apagarla. El contraste se resuelve con la composición: el texto vive en la franja inferior, donde el terreno ya es oscuro. Un velo sobre una foto de producto la apaga, y la foto es el argumento de venta.

Cómo se adapta

Es la plantilla de cualquier lanzamiento de producto físico con ticket alto: indumentaria técnica, audio, bicicletas, herramientas. Lo que se conserva es la navegación mínima, el CTA fuera del vocabulario comercial y la tipografía oversized como instalador de marca.

Medido, no estimado

  • 97Rendimiento en escritorio · 90 en móvil
  • 0CLS · sin saltos de layout, en las dos
  • 0 msBloqueo del hilo principal · TBT
  • 100Buenas prácticas y SEO

Medido el 19 de agosto de 2026. Verificable con PageSpeed Insights sobre la demo.

Siguiente proyectoAcentta