JavaScript HTML

Mejorando la Experiencia del Usuario en devlog-ist/landing: Filtros Avanzados y Navegación Sincronizada

El proyecto devlog-ist/landing se centra en la creación de una página de aterrizaje efectiva para atraer usuarios. Recientemente, se han implementado varias mejoras clave para optimizar la experiencia del usuario y mejorar las tasas de conversión.

Filtro de Tecnología Multi-Selección

Anteriormente, los usuarios solo podían seleccionar una única tecnología de un menú desplegable. Esto limitaba su capacidad para encontrar contenido relevante si estaban interesados en múltiples tecnologías. Para solucionar esto, se implementó un filtro de tecnología multi-selección utilizando Alpine.js. Ahora, los usuarios pueden seleccionar múltiples tecnologías que se muestran como chips de etiquetas, lo que facilita la búsqueda de contenido específico.

// Ejemplo simplificado de la funcionalidad de selección múltiple con Alpine.js
<div x-data="{ technologies: [], selected: [] }">
  <template x-for="tech in technologies" :key="tech.id">
    <button @click="selected.includes(tech) ? selected.splice(selected.indexOf(tech), 1) : selected.push(tech)"
      :class="{ 'bg-blue-500 text-white': selected.includes(tech) }">
      <span x-text="tech.name"></span>
    </button>
  </template>
  <div>
    <template x-for="tech in selected" :key="tech.id">
      <span class="tag" x-text="tech.name"></span>
    </template>
  </div>
</div>

Sincronización de la Navegación

Se ha mejorado la coherencia de la navegación en varias páginas (reclutadores, empresas y ganancias) para que coincida con la estructura de la página de bienvenida actual. Esto implicó la eliminación de enlaces obsoletos a vlogs y páginas de contacto, asegurando una experiencia de navegación más uniforme y fácil de usar.

Actualización de los CTAs del Hero

Los Call To Actions (CTAs) en la sección Hero se actualizaron para optimizar el flujo de conversión. Los antiguos CTAs ("Obtener una cotización" / "Ver demo") fueron reemplazados por opciones más directas: "Comenzar gratis" / "Planes". Esto busca mantener a los usuarios dentro del embudo de conversión, animándolos a probar el producto o explorar las opciones de suscripción.

Mayor Visibilidad para Ganar $

El enlace "Ganar $" se ha movido al menú de navegación principal, reemplazando la opción "Temas". Este cambio busca aumentar la visibilidad de las oportunidades de monetización dentro de la plataforma, alentando a más usuarios a explorar esta función.

Estas actualizaciones combinadas buscan mejorar significativamente la experiencia del usuario en devlog-ist/landing, facilitando a los usuarios encontrar la información que necesitan y aumentando las tasas de conversión.

Mejorando la Experiencia del Usuario en devlog-ist/landing: Filtros Avanzados y Navegación Sincronizada
Gerardo Ruiz

Gerardo Ruiz

Author

Share: