Back to portfolio
UX/UI & CROHireHealth

HireHealth

HireHealth se concibio como una plataforma de captacion dual para empleadores y job seekers dentro de healthcare y academia. Me encargue del diseno UX/UI y de…

Editorial hero mockup for HireHealth

Cliente / Producto

HireHealth

Industria

Healthcare Recruitment / Academia

Modelo

Plataforma de reclutamiento para healthcare y academia

Rol

Diseño UX/UI · Desarrollo WordPress · Tracking en GA4 · Mapas de calor · Optimización CRO

Fecha

August 2024

Audiencias activas en el flujo

EmployersJob seekersInstituciones académicas

Lo esencial del caso

  • Diseño UX/UI, desarrollo funcional y optimización continua dentro del mismo delivery.
  • El producto debia hablarle con la misma precision a dos audiencias con objetivos distintos: instituciones que necesita…
  • Más usuarios llegan al camino correcto de employer o job seeker sin desperdiciar intención en el CTA equivocado.
  • La narrativa visual se alineó con la tipografía validada en el sitio live: Montserrat / Open Sans.
WordPressGA4HeatmapsFigmaCRO Iteration

El desafío

Qué necesitaba resolverse

El producto debia hablarle con la misma precision a dos audiencias con objetivos distintos: instituciones que necesitan contratar rapido y profesionales buscando oportunidades concretas. La complejidad estaba en segmentar la experiencia sin partir la marca en dos ni sacrificar confianza, autoridad o facilidad de navegacion.

El enfoque

Cómo se estructuró la respuesta

Resolvi la experiencia con rutas de entrada claras para employers y job seekers, secciones de valor diferenciadas y una jerarquia de CTA que reduce ambiguedad desde el primer scroll. En la implementacion construi una base WordPress flexible para contenidos, formularios y landings internas; luego instrumente eventos y analice interaccion con GA4 y heatmaps para optimizar textos, prominencia de acciones y performance del funnel. La dirección visual se ancló a la tipografía live Montserrat / Open Sans.

Fase 01

Diagnóstico de fricción, claridad de valor y lectura de intención

El producto debia hablarle con la misma precision a dos audiencias con objetivos distintos: instituciones que necesitan contratar rapido y profesionales buscando oportunidades concretas. La complejidad estaba e…

Auditoría heurística

01

El producto debia hablarle con la misma precision a dos audiencias con objetivos distintos: instituciones que necesitan contratar rapido y profesionales buscando oportunidades concretas. La complejidad estaba en segmentar la experiencia sin partir la marca en dos ni sacrificar confianza, autoridad o facilidad de navegacion.

HireHealth se concibio como una plataforma de captacion dual para empleadores y job seekers dentro de healthcare y academia. Me encargue del diseno UX/UI y del desarrollo completo del sitio, incluyendo la capa funcional, integraciones sobre WordPress, modulos…

Sistema UX/UI: Se separaron los recorridos de empleadores y candidatos sin fragmentar la experiencia de marca.

Se introdujeron carriles de CTA más claros para demanda de contratación versus exploración de candidatos.

Se reforzaron las señales visuales de confianza para audiencias de salud y academia.

Síntesis de oportunidades

02

La síntesis del caso combinó lectura de fricción, jerarquía editorial y priorización sobre señales reales de intención para mover la experiencia hacia una conversión más clara.

El encargo consistió en traducir una oferta compleja en una historia más legible, convincente y accionable para la audiencia correcta.

La tipografía de marca validada en el sitio live se incorporó al sistema editorial del caso: Montserrat / Open Sans

Vista desktop principal de HireHealth.
Captura desktop representativa usada para explicar el diagnóstico de la experiencia.
Fase 02

Sistema visual, arquitectura y continuidad de experiencia

Resolvi la experiencia con rutas de entrada claras para employers y job seekers, secciones de valor diferenciadas y una jerarquia de CTA que reduce ambiguedad desde el primer scroll. En la implementacion constr…

Sistema visual y estructura

01

Resolvi la experiencia con rutas de entrada claras para employers y job seekers, secciones de valor diferenciadas y una jerarquia de CTA que reduce ambiguedad desde el primer scroll. En la implementacion construi una base WordPress flexible para contenidos, formularios y landings internas; luego instrumente eventos y analice interaccion con GA4 y heatmaps para optimizar textos, prominencia de acciones y performance del funnel.

La dirección visual se trabajó para sostener una lectura editorial más clara, densa y coherente con el nivel del servicio, sin perder claridad funcional.

Sistema UX/UI: Se separaron los recorridos de empleadores y candidatos sin fragmentar la experiencia de marca.

Se introdujeron carriles de CTA más claros para demanda de contratación versus exploración de candidatos.

Se reforzaron las señales visuales de confianza para audiencias de salud y academia.

La dupla tipográfica de marca se trasladó al board y al sistema del caso: Montserrat / Open Sans

Workflows y entregables

02

Entrega web: Se construyeron plantillas en WordPress para landings, detalle de servicios, blog y flujos de contacto.

Se conectaron bloques de contenido dinámico para temas de reclutamiento, páginas de empleadores y vacantes.

Se mejoró la entrega responsive para que la experiencia siguiera siendo accionable en tráfico mobile de reclutamiento.

La macroestructura editorial se mantuvo consistente con la skill ux-ui-design-pro para conectar apertura, sistema, ejecución, impacto y lectura responsive.

Board editorial de HireHealth.
Mockup editorial que resume el sistema visual del caso.
Fase 03

Implementación funcional, analítica y optimización continua

Diseño, desarrollo, instrumentación y mejora continua se ejecutaron como una sola capa de entrega. Marco de referencia aprobado: 45% de aumento en leads.

Implementación y refinamiento

01

Entrega web: Se construyeron plantillas en WordPress para landings, detalle de servicios, blog y flujos de contacto.

Se conectaron bloques de contenido dinámico para temas de reclutamiento, páginas de empleadores y vacantes.

Se mejoró la entrega responsive para que la experiencia siguiera siendo accionable en tráfico mobile de reclutamiento.

La implementación preservó reutilización, contenido dinámico y continuidad responsive para que el caso pueda seguir evolucionando sin romper la coherencia del sistema.

Medición y aprendizaje

02

CRO y analítica: Se mapearon eventos para exploración de candidatos, CTAs de staffing y avance hacia contacto.

Se usaron mapas de calor para afinar el mensaje de recorridos divididos y reducir confusión above the fold.

Se iteraron headlines, prominencia de CTA y bloques de confianza para sostener demanda de mejor calidad.

Referencia aprobada: 45% de aumento en leads.

Referencia aprobada: 25% de aumento en accesibilidad con una referencia de 98/100 WCAG.

Vista mobile principal de HireHealth.
Captura mobile representativa para la implementación y optimización responsive.
Impacto

Lo que cambió después de rediseñar el flujo

Esta capa evita inflar cifras o forzar narrativa de performance donde no corresponde. El foco está en cambios observables de claridad, operación y experiencia.

Resultado sintetizado

Referencia comparable de la categoría: 45% de aumento en leads.

Referencias aprobadas

Marco cuantitativo validado desde la data estática del caso. Se muestra como referencia aprobada, no como promesa pública bajo NDA.

  • 45% de aumento en leads.
  • 25% de aumento en accesibilidad con una referencia de 98/100 WCAG.

Agilidad operativa

Más usuarios llegan al camino correcto de employer o job seeker sin desperdiciar intención en el CTA equivocado. Referencia comparable de la categoría: 45% de aumento en leads.

Estabilidad técnica

Una mejor segmentación mejora la calidad de las interacciones tempranas y reduce fricción en conversaciones posteriores de staffing.

Aprendizaje del equipo

Una jerarquía mobile más limpia ayuda a navegar decisiones de reclutamiento de alta intención en pantallas pequeñas. Referencia comparable de la categoría: 25% de mejora en accesibilidad. CRO y analítica: Se mapearon eventos para exploración de candidatos, CTAs de staffing y avance hacia contacto. Se usaron mapas de calor para afinar el mensaje de recorridos divididos y reducir confusión above the fold. Se iteraron headlines, prominencia de CTA y bloques de confianza para sostener demanda de mejor calidad.

Algunos detalles operativos, capturas o nombres se condensan para proteger contexto sensible y mantener el foco en las decisiones de producto, experiencia y sistema.

Keep exploring

This case is one piece of the full system, not an island.

If you want to review another project or talk about product, UX, and front-end execution, here is the next best route.

UX/UI & CRO

GANA Business Solutions

La oferta mezclaba varias lineas de servicio con distinta profundidad consultiva, por lo que el riesgo principal era lucir difusa o generica. El…

View next case