Volver al portafolio
UX/UI & CROMP Asistencias Legales

MP Asistencias Legales

MP Asistencias Legales se construyo como una experiencia editorial y de captacion para explicar insolvencia economica sin alarmismo ni ambiguedad juridica. Di…

Editorial hero mockup for MP Asistencias Legales

Cliente / Producto

MP Asistencias Legales

Industria

Legal Services / Insolvency Lead Generation

Modelo

Captación legal editorial para insolvencia económica

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

Personas con deudaPequeños comerciantesProspectos legales

Lo esencial del caso

  • Diseño UX/UI, desarrollo funcional y optimización continua dentro del mismo delivery.
  • El servicio aborda una situacion emocionalmente cargada y legalmente compleja, asi que la experiencia no podia depende…
  • El funnel educa antes de pedir contacto, ayudando a que más prospects viables lleguen al paso de revisión con contexto…
  • La narrativa visual se alineó con la tipografía validada en el sitio live: Oswald / Open Sans.
WordPressGA4HeatmapsFigmaCRO Iteration

El desafío

Qué necesitaba resolverse

El servicio aborda una situacion emocionalmente cargada y legalmente compleja, asi que la experiencia no podia depender de promesas vacias ni de formularios agresivos. El reto era educar, filtrar intencion y llevar al usuario hacia una revision inicial entendiendo requisitos, riesgos y proxima accion con absoluta claridad.

El enfoque

Cómo se estructuró la respuesta

Estructure el recorrido como un funnel educativo: problema, elegibilidad, mecanismo legal, proceso y primer paso. En UI priorice tipografia legible, bloques explicativos y CTA en momentos de alta comprension. En desarrollo arme una capa funcional administrable con contenido legal vivo, recursos editoriales y rutas de contacto. Luego use GA4 y observacion de comportamiento para detectar caidas, ajustar copy y mejorar performance sin perder rigor ni credibilidad. La dirección visual se ancló a la tipografía live Oswald / Open Sans.

Fase 01

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

El servicio aborda una situacion emocionalmente cargada y legalmente compleja, asi que la experiencia no podia depender de promesas vacias ni de formularios agresivos. El reto era educar, filtrar intencion y ll…

Auditoría heurística

01

El servicio aborda una situacion emocionalmente cargada y legalmente compleja, asi que la experiencia no podia depender de promesas vacias ni de formularios agresivos. El reto era educar, filtrar intencion y llevar al usuario hacia una revision inicial entendiendo requisitos, riesgos y proxima accion con absoluta claridad.

MP Asistencias Legales se construyo como una experiencia editorial y de captacion para explicar insolvencia economica sin alarmismo ni ambiguedad juridica. Disene y desarrolle el sistema completo: estrategia UX, interfaz, capa funcional, modulos WordPress, con…

Sistema UX/UI: Se diseñó un flujo editorial más calmado para elegibilidad, proceso y claridad del primer paso.

Se usó un ritmo de lectura más fuerte y mayor contraste para sostener un tema legalmente sensible.

Se equilibró la presión emocional con una interfaz más precisa y centrada en credibilidad.

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: Oswald / Open Sans

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

Sistema visual, arquitectura y continuidad de experiencia

Estructure el recorrido como un funnel educativo: problema, elegibilidad, mecanismo legal, proceso y primer paso. En UI priorice tipografia legible, bloques explicativos y CTA en momentos de alta comprension. E…

Sistema visual y estructura

01

Estructure el recorrido como un funnel educativo: problema, elegibilidad, mecanismo legal, proceso y primer paso. En UI priorice tipografia legible, bloques explicativos y CTA en momentos de alta comprension. En desarrollo arme una capa funcional administrable con contenido legal vivo, recursos editoriales y rutas de contacto. Luego use GA4 y observacion de comportamiento para detectar caidas, ajustar copy y mejorar performance sin perder rigor ni credibilidad.

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 diseñó un flujo editorial más calmado para elegibilidad, proceso y claridad del primer paso.

Se usó un ritmo de lectura más fuerte y mayor contraste para sostener un tema legalmente sensible.

Se equilibró la presión emocional con una interfaz más precisa y centrada en credibilidad.

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

Workflows y entregables

02

Entrega web: Se construyeron páginas en WordPress para educación legal, FAQ, contacto y contenido de recursos.

Se estructuró contenido legal dinámico para que las actualizaciones salgan sin reconstruir layouts.

Se mejoró la legibilidad mobile para explicaciones long-form y rutas de contacto con múltiples entradas.

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 MP Asistencias Legales.
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 páginas en WordPress para educación legal, FAQ, contacto y contenido de recursos.

Se estructuró contenido legal dinámico para que las actualizaciones salgan sin reconstruir layouts.

Se mejoró la legibilidad mobile para explicaciones long-form y rutas de contacto con múltiples entradas.

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 trazaron CTAs de revisión de caso, profundidad de contenido e intención de conversión con GA4.

Se usó análisis de comportamiento para reducir la duda alrededor de elegibilidad y acciones del siguiente paso.

Se refinaron prueba, disclaimers y momentos de CTA para calificar la demanda de forma más responsable.

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 MP Asistencias Legales.
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

El funnel educa antes de pedir contacto, ayudando a que más prospects viables lleguen al paso de revisión con contexto. Referencia comparable de la categoría: 45% de aumento en leads.

Estabilidad técnica

Una interfaz más aterrizada reduce la fricción impulsada por pánico y vuelve más comprensibles los siguientes pasos legales.

Aprendizaje del equipo

Una jerarquía más nítida y una tipografía más limpia mejoran la accesibilidad en una superficie de generación de leads cargada de contenido. Referencia comparable de la categoría: 25% de mejora en accesibilidad. CRO y analítica: Se trazaron CTAs de revisión de caso, profundidad de contenido e intención de conversión con GA4. Se usó análisis de comportamiento para reducir la duda alrededor de elegibilidad y acciones del siguiente paso. Se refinaron prueba, disclaimers y momentos de CTA para calificar la demanda de forma más responsable.

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

Sigue explorando

Este caso es una pieza del sistema completo, no una isla.

Si quieres revisar otro proyecto o conversar sobre producto, UX y ejecución front-end, aquí tienes la siguiente mejor ruta.

UX/UI & CRO

Yolle Institute

La institucion debia presentarse como una opcion seria para estudiantes que buscan una ruta laboral concreta en salud, pero sin caer en un lengu…

Ver siguiente caso