Legal Tech Diseño UX Sistema de Diseño React

JourneyLaw

Plataforma de Gestión Legal Humanizada

Dashboard del abogado en JourneyLaw y el calendario de casos

01

Resumen Ejecutivo

JourneyLaw es una plataforma SaaS de gestión legal diseñada para modernizar y simplificar la administración de casos jurídicos. Como UX/UI Designer líder y desarrollador front-end con más de 15 años de experiencia, lideré la transformación digital de esta plataforma que revoluciona la forma en que los profesionales legales gestionan sus casos. El proyecto destaca mi capacidad para crear experiencias digitales intuitivas que resuelven desafíos complejos del sector legal, implementando un sistema multi-tenant escalable con una interfaz moderna y accesible que realmente conecta con los usuarios.

02

El Desafío

Los profesionales legales enfrentaban numerosos desafíos con herramientas anticuadas: interfaces innecesariamente complejas que desperdiciaban tiempo valioso, flujos de trabajo fragmentados entre múltiples aplicaciones, tareas repetitivas que podían —pero no estaban— siendo automatizadas, escalabilidad limitada que dificultaba el crecimiento y la gestión de clientes, y experiencias inconsistentes entre dispositivos que interrumpían la productividad.

Design System

Sistema de Diseño

El sistema de diseño implementa una filosofía de "Profesionalismo Cálido" que transmite confianza y sofisticación mientras mantiene calidez y accesibilidad.

Tokens de color

Paleta primaria, secundaria y neutros definidos para garantizar contraste y consistencia.

Marrón Profundo
#2C1B0C · RGB 44, 27, 12

Color primario para encabezados, texto importante y representación de marca

Topo Cálido
#C5B4A3 · RGB 197, 180, 163

Color secundario para fondos, tarjetas y contenedores

Text Dark
#111827 · RGB 17, 24, 39

Headings and primary text

Text Medium
#6B7280 · RGB 107, 114, 128

Body text and secondary info

Background Light
#F3F4F6 · RGB 243, 244, 246

App backgrounds

Surface White
#FFFFFF · RGB 255, 255, 255

Card surfaces

Escala tipográfica

Tipografía principal: Inter (Encabezados y Texto Principal)

Encabezado XL
30px / 400
Encabezados principales de sección y títulos de página
El veloz murciélago hindú comía feliz cardillo y kiwi
Encabezado Grande
24px / 400
Títulos de sección y encabezados de modal
El veloz murciélago hindú comía feliz cardillo y kiwi
Encabezado Medio
18px / 400
Títulos de tarjeta y grupos de contenido
El veloz murciélago hindú comía feliz cardillo y kiwi
Texto Principal
16px / 400
Texto de contenido primario
El veloz murciélago hindú comía feliz cardillo y kiwi
Texto Pequeño
14px / 400
Información secundaria, etiquetas y leyendas
El veloz murciélago hindú comía feliz cardillo y kiwi
Extra Pequeño
12px / 400
Letra pequeña y descargos de responsabilidad legales
El veloz murciélago hindú comía feliz cardillo y kiwi

Componentes y estados

Primitivas interactivas construidas con los tokens de color, radios y jerarquía.

Botones

Acción principal Secundaria Sutil

Campos de formulario

Estado normal
nombre@empresa.com

Propuesta de Valor

Desarrollamos una solución integral con estos elementos clave:

  • Experiencia centrada en el usuario: Interfaz intuitiva que minimiza la curva de aprendizaje
  • Flujos de trabajo optimizados: Automatización de procesos repetitivos para abogados
  • Diseño adaptativo: Funciona perfectamente en escritorio y dispositivos móviles
  • Modelo multi-tenant: Separación segura de datos entre diferentes despachos legales
  • Integración con IA: Análisis automático de documentos y recomendaciones inteligentes

Proceso de Diseño

01

Discovery e Investigación

Comencé con una fase intensiva de investigación para construir un entendimiento genuino: escuchando atentamente las necesidades de los abogados, descubriendo requisitos clave como gestión centralizada de casos, automatización de documentos y predicciones basadas en IA, identificando oportunidades de diferenciación y estableciendo KPIs claros para medir el éxito.

02

Arquitectura de Información

Rediseñé completamente la estructura de la aplicación para coincidir con los modelos mentales de los usuarios: desarrollando un sistema de organización intuitivo que refleja cómo los abogados piensan realmente sobre sus casos y reduciendo los pasos necesarios para tareas comunes, eliminando puntos de fricción.

03

Sistema de Diseño

Desarrollé un sistema de diseño modular que equilibraba consistencia con flexibilidad, implementando una filosofía de 'Profesionalismo Cálido' con una paleta de colores cuidadosamente elaborada, sistema tipográfico y componentes modulares.

04

Testing con Usuarios

Múltiples rondas de testing con 8 abogados de diferentes especialidades aseguraron que estábamos realmente satisfaciendo las necesidades de los usuarios, con pruebas A/B para validar diferentes enfoques e iteraciones basadas en datos de tasas de éxito en tareas, tiempo promedio por tarea y puntuaciones de escala de usabilidad del sistema.

Prototipo y pantallas clave

Explora los flujos principales y pantallas de alta fidelidad de la arquitectura del producto.

Resultados e Impacto

87%

Aumento en retención de clientes

43%

Reducción en trabajo administrativo

62%

Mayor rapidez en preparación de documentos

28%

Aumento en horas facturables capturadas

JourneyLaw demuestra mi capacidad para transformar un dominio complejo en una experiencia digital intuitiva y valiosa. El proyecto representa un equilibrio perfecto entre diseño centrado en el usuario, implementación técnica robusta y estrategia de negocio efectiva. Como UX/UI Designer líder y desarrollador front-end en este proyecto, apliqué mis años de experiencia para crear un producto que no solo se ve y funciona excepcionalmente bien, sino que genera un impacto real y medible en el trabajo diario de los profesionales legales.

¿Un reto parecido?

¿Tienes un sistema complejo que necesita claridad?

Conversamos directo y vemos qué conviene atacar primero.

Hablemos de tu proyecto