Bulcan

Diseño de  una landing page que presente y promocione un dispositivo de GPS avanzado para bicicletas. La página debe ser efectiva al explicar los beneficios y funcionalidades del producto, motivar a que realicen la compra o se suscriban al newsletter.

Problema

Existía la necesidad de definir desde cero una landing page capaz de comunicar de forma clara y directa el valor del dispositivo, estructurar el mensaje de manera comprensible y guiar al usuario hacia una acción concreta de conversión. El principal reto era traducir un producto técnico en beneficios claros, relevantes y fáciles de entender para el usuario final.

Objetivo

Diseñar una landing page orientada a conversión, capaz de comunicar los beneficios clave del producto de forma clara, cercana e inmediata, optimizada al diseño mobile-first y estructurada para guiar al usuario hacia la acción principal: la compra del dispositivo.

Insights

  • Los usuarios necesitan entender en pocos segundos qué hace el producto, para qué sirve y por qué es relevante para ellos.
  • Los factores que más influyen en la decisión de compra son beneficios claros, credibilidad visual y demostración real de uso.
  • La landing debe sostener la atención mediante una narrativa visual progresiva, combinando texto breve con imágenes reales de contexto que inspiran al usuario.

Puntos de Dolor

  • Riesgo de falta de claridad en el mensaje principal si no se define correctamente la propuesta de valor desde el inicio.
  • Necesidad de mostrar evidencia visual real del uso del dispositivo en exteriores para generar confianza.
  • Importancia de construir una estructura fluida que permita una lectura rápida y conduzca naturalmente al CTA.

Decisiones de diseño

  • Definir un hero directo y que transporte al usuario al deporte en acción, con el beneficio principal, imagen clara del producto y un CTA visible en la barra de navegación.
  • Construir una narrativa visual coherente optimizada.
  • Utilizar una paleta cromática y recursos visuales asociados a aventura, naturaleza y tecnología, reforzando el contexto de uso del producto.
  • Diseñar la experiencia con enfoque mobile-first, priorizando scroll eficiente, información condensada y CTAs siempre visibles.

Sitemap

User Flow

Wireframe

UI Kit

Look & Feel

Móvil UI

Desktop UI

Resultado

Una landing page clara, activa y orientada a conversión, que comunica efectivamente el valor del producto, presenta la información de manera jerarquizada, emocionante y guía al usuario de forma natural hacia la compra.