MP Asistencias Legales se construyo como una experiencia editorial y de captacion para explicar insolvencia economica sin alarmismo ni ambiguedad juridica. Di…
Narrative blocks
4
Visual assets
4
Tech capabilities
5
Client / Product
MP Asistencias Legales
Industry
Legal Services / Insolvency Lead Generation
Business model
Captación legal editorial para insolvencia económica
Role
Diseño UX/UI · Desarrollo WordPress · Tracking en GA4 · Mapas de calor · Optimización CRO
Date
August 2024
Active audiences in the flow
Case essentials
The challenge
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.
The approach
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.
Case narrative
Each block keeps a clear sequence: diagnosis, design decisions, implementation, and learning for future iterations.
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…
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.
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
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…
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
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.
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 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.
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.
This layer avoids inflated metrics or forced performance claims. It reads the observable shift in clarity, operating rhythm, and user confidence.
Synthesized outcome
Referencia comparable de la categoría: 45% de aumento en leads.
Reference signals
Quantitative framing extracted from the case data. Presented as proof of direction, not as an overpromised public claim.
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.
Una interfaz más aterrizada reduce la fricción impulsada por pánico y vuelve más comprensibles los siguientes pasos legales.
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.
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
La institucion debia presentarse como una opcion seria para estudiantes que buscan una ruta laboral concreta en salud, pero sin caer en un lengu…