Hero section rediseño Clarity
PROYECTO
Personal
CLIENTE
Yo
SERVICIO
Diseño Web
Rediseño Clarity

Mi intención en este rediseño fue crear una landing page para promocionar Microsoft Clarity utilizando su contenido y estética original (colores, tipografías, etc.), pero dándole una vuelta estratégica. El objetivo principal fue minimizar las secciones para lograr una lectura más rápida y fluida, destacando solo aquello que realmente convence al usuario del poder de la herramienta. He reducido al mínimo los botones y enlaces internos para evitar que el visitante se pierda en la densidad de información de la web original, aumentando significativamente el espacio en blanco para que el diseño respire y no agobie al usuario.

Objetivo

Incrementar la conversión de visitantes a usuarios registrados optimizando la propuesta de valor inicial, la jerarquía visual y el enfoque de la llamada a la acción (CTA) en la landing de Microsoft Clarity.

Análisis

Tras auditar la web original, se detectaron estos puntos de fricción:

  • Título poco claro.

  • Subtítulo poco visible.

  • Jerarquía visual confusa.

  • Navegación dispersa.

  • Contenido no prioritario.

Propuesta

La solución se centró en dos pilares:

  1. Mejorar el hero section: Redactar un nuevo título, reforzar el subtítulo y dejar un único CTA visible eliminando elementos secundarios.

  2. Reorganización del contenido: Reordenar secciones, eliminar botones secundarios y reemplazar los casos de éxito por una sección de FAQs para resolver dudas rápidamente.

ANTES (DESKTOP)

Imagen original del diseño web de la home de Clarity

DESPUÉS (DESKTOP)

REDISEÑO (MOBILE)

¿Consideras que mi perfil encaja con tus necesidades?

OTROS PROYECTOS DESTACADOS