JourneyLaw - Plataforma Legal

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.

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.

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.

Paleta de Colores

El sistema de colores fue cuidadosamente elaborado para equilibrar el profesionalismo con la calidez, creando un entorno que se siente confiable y accesible a la vez.

Marrón Profundo
Marrón Profundo
#2C1B0C
Color primario para encabezados, texto importante y representación de marca
Topo Cálido
Topo Cálido
#C5B4A3
Color secundario para fondos, tarjetas y contenedores
Dorado Apagado
Dorado Apagado
#8C765C
Color de acento para elementos interactivos, destacados y botones de llamada a la acción
Beige Cálido
Beige Cálido
#EFE9DC
Color de fondo que proporciona calidez manteniendo la legibilidad
Blanco Roto
Blanco Roto
#F7F2EA
Color de fondo para áreas de contenido y modales

Sistema Tipográfico

Un sistema tipográfico que prioriza la legibilidad y jerarquía, permitiendo a los usuarios escanear y comprender información legal compleja de manera efectiva.

Inter
Encabezados y Texto Principal
400 (Regular), 500 (Medium), 600 (Semibold), 700 (Bold)
Fuente principal para todo el texto de la interfaz, proporcionando excelente legibilidad en todos los tamaños
Encabezado XL
Encabezado Grande
Encabezado Medio
Texto Principal: Texto de contenido primario
Texto Pequeño: Información secundaria, etiquetas y leyendas
JetBrains Mono
Código y Referencias Legales
400 (Regular)
Fuente monoespaciada para bloques de código, citas legales y números de referencia
function calculateDamages(caseType, amount) {
return caseType === 'liability' ? amount * 1.5 : amount;
}
// Legal reference: §304.2-p

Font Sizes

Encabezado XL
30px/36px
Encabezados principales de sección y títulos de página
Encabezado Grande
24px/32px
Títulos de sección y encabezados de modal
Encabezado Medio
18px/24px
Títulos de tarjeta y grupos de contenido
Texto Principal
16px/24px
Texto de contenido primario
Texto Pequeño
14px/20px
Información secundaria, etiquetas y leyendas
Extra Pequeño
12px/16px
Letra pequeña y descargos de responsabilidad legales

Componentes Base

Un sistema de componentes modulares y reutilizables que se combinan para crear interfaces consistentes en toda la plataforma.

Navegación
Barra de navegación global
Menús laterales
Breadcrumbs
Sistemas de pestañas
Controles de Entrada
Campos de texto
Selectores desplegables
Selectores de fecha
Interruptores
Cargadores de documentos legales
Visualización de Información
Tarjetas de caso
Visualizaciones de línea de tiempo
Tablas de datos
Indicadores de progreso
Paneles de notificación
Acciones
Botones primarios
Botones secundarios
Botones de icono
Menús de acción
Diálogos de confirmación

Botones

Elementos interactivos diseñados con jerarquía clara y retroalimentación visual.

Elementos de Formulario

Componentes de entrada consistentes y accesibles para la recolección de datos.

Tarjetas

Contenedores de contenido con espaciado y elevación consistentes.

Resumen del Caso

Esta es una tarjeta estándar con área de encabezado y contenido, comúnmente utilizada para mostrar información agrupada.

Insignias

Indicadores visuales para estado, categorías o notificaciones.

Nuevo Completado Pendiente Urgente Borrador

Mensajes

Componentes de retroalimentación y comunicación.

i
Este es un mensaje informativo.
Tu caso ha sido actualizado con éxito.
!
Por favor revisa antes de continuar.
×
Hubo un problema con tu envío.

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

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.

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.

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.

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.

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.