GANA Pay se planteo como una experiencia B2B capaz de explicar payroll, HR, beneficios y risk management sin sonar tecnica ni fragmentada. Disene y desarrolle…
Cliente / Producto
GANA Pay
Industria
Fintech / Payroll / HR B2B
Modelo
Payroll, HR y risk management para SMBs reguladas
Rol
Diseño UX/UI · Desarrollo WordPress · Tracking en GA4 · Mapas de calor · Optimización CRO
Fecha
agosto de 2024
Audiencias activas en el flujo
Lo esencial del caso
El desafío
El reto era ordenar una oferta compleja para pymes de educacion y salud en una narrativa clara de primer scroll. El sitio debia comunicar cumplimiento, eficiencia y confianza operativa, mientras empujaba consultas calificadas desde desktop y mobile sin perder velocidad ni legibilidad.
El enfoque
Estructure la experiencia alrededor de una promesa concreta de payroll y HR para SMBs reguladas, con un hero orientado a accion, bloques de servicio faciles de escanear y rutas secundarias para profundizar por necesidad. A nivel de desarrollo construi plantillas y componentes WordPress reutilizables, optimice la distribucion del contenido segun intencion, medi el comportamiento con GA4 y heatmaps, y fui ajustando microcopy, jerarquia visual y rendimiento para mejorar la tasa de contacto. La dirección visual se ancló a la tipografía live Montserrat / Open Sans.
El reto era ordenar una oferta compleja para pymes de educacion y salud en una narrativa clara de primer scroll. El sitio debia comunicar cumplimiento, eficiencia y confianza operativa, mientras empujaba consul…
El reto era ordenar una oferta compleja para pymes de educacion y salud en una narrativa clara de primer scroll. El sitio debia comunicar cumplimiento, eficiencia y confianza operativa, mientras empujaba consultas calificadas desde desktop y mobile sin perder velocidad ni legibilidad.
GANA Pay se planteo como una experiencia B2B capaz de explicar payroll, HR, beneficios y risk management sin sonar tecnica ni fragmentada. Disene y desarrolle toda la capa visual y funcional del sitio, incluyendo arquitectura WordPress, modulos dinamicos de co…
Sistema UX/UI: Se clarificaron los servicios de payroll, HR y compliance bajo una sola propuesta de valor en el primer scroll.
Se redujo la jerga con una agrupación más clara de servicios, señales de confianza y mejor jerarquía de CTA.
Se alineó el ritmo de lectura entre desktop y mobile para acelerar la auto-selección del buyer.
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
Estructure la experiencia alrededor de una promesa concreta de payroll y HR para SMBs reguladas, con un hero orientado a accion, bloques de servicio faciles de escanear y rutas secundarias para profundizar por…
Estructure la experiencia alrededor de una promesa concreta de payroll y HR para SMBs reguladas, con un hero orientado a accion, bloques de servicio faciles de escanear y rutas secundarias para profundizar por necesidad. A nivel de desarrollo construi plantillas y componentes WordPress reutilizables, optimice la distribucion del contenido segun intencion, medi el comportamiento con GA4 y heatmaps, y fui ajustando microcopy, jerarquia visual y rendimiento para mejorar la tasa de contacto.
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 clarificaron los servicios de payroll, HR y compliance bajo una sola propuesta de valor en el primer scroll.
Se redujo la jerga con una agrupación más clara de servicios, señales de confianza y mejor jerarquía de CTA.
Se alineó el ritmo de lectura entre desktop y mobile para acelerar la auto-selección del buyer.
La dupla tipográfica de marca se trasladó al board y al sistema del caso: Montserrat / Open Sans
Entrega web: Se construyeron plantillas reutilizables en WordPress para soluciones, contacto y soporte.
Se estructuraron bloques de contenido dinámico para que las líneas de servicio evolucionen sin rediseñar.
Se mejoraron performance, espaciado responsive y continuidad de formularios en todos los breakpoints.
La macroestructura editorial se mantuvo consistente con la skill ux-ui-design-pro para conectar apertura, sistema, ejecución, impacto y lectura responsive.
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.
Entrega web: Se construyeron plantillas reutilizables en WordPress para soluciones, contacto y soporte.
Se estructuraron bloques de contenido dinámico para que las líneas de servicio evolucionen sin rediseñar.
Se mejoraron performance, espaciado responsive y continuidad de formularios en todos los breakpoints.
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.
CRO y analítica: Se mapearon eventos de GA4 para inicios de consulta, clics en servicios y finalización de formularios.
Se revisaron mapas de calor para reordenar secciones y ajustar el copy alrededor del lenguaje de compliance.
Se iteraron copies de CTA y bloques de prueba para mejorar la preparación hacia la consulta.
Referencia aprobada: 45% de aumento en leads.
Referencia aprobada: 25% de aumento en accesibilidad con una referencia de 98/100 WCAG.
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.
La oferta se vuelve más fácil de procesar, por lo que más visitantes llegan al camino de servicio correcto con una señal de intención más fuerte. Referencia comparable de la categoría: 45% de aumento en leads.
Un espaciado más limpio y una jerarquía más fuerte reducen la carga cognitiva en un funnel regulado y cargado de información. Referencia comparable de la categoría: 25% de mejora en accesibilidad.
Las plantillas reutilizables de servicio aceleran los ciclos de lanzamiento y reducen el esfuerzo necesario para actualizar contenido. CRO y analítica: Se mapearon eventos de GA4 para inicios de consulta, clics en servicios y finalización de formularios. Se revisaron mapas de calor para reordenar secciones y ajustar el copy alrededor del lenguaje de compliance. Se iteraron copies de CTA y bloques de prueba para mejorar la preparación hacia la consulta.
Algunos detalles operativos, capturas o nombres se condensan para proteger contexto sensible y mantener el foco en las decisiones de producto, experiencia y sistema.
Si quieres revisar otro proyecto o conversar sobre producto, UX y ejecución front-end, aquí tienes la siguiente mejor ruta.
UX/UI
Organizar una experiencia de domicilios donde restaurantes, repartidores y usuarios finales convivieran sin fricción conceptual.