MisAbogados Propuesta de rediseño · Etapa 1
Abrir sitio → Ver acceso clientes →
01 · CONCEPTO VISUAL

La ruta la hace tu empresa. Nosotros te ayudamos a prepararla.

Llevar una Pyme se parece a subir una montaña: hay que planificar, decidir con información incompleta, adaptarse al terreno y apoyarse en otros. La marca usa esa idea como fondo, no como disfraz. Las barras del logotipo actual se leen como curvas de nivel: de ahí salen las texturas, la línea de ruta con hitos y el azul de la marca, acompañado por un ocre de cumbre. La Pyme es la protagonista; MisAbogados es el equipo que conoce el camino legal.

Se conserva el logotipo
El azul del logo pasa a ser el color de acción; el azul noche, el fondo expresivo. Serif editorial para titulares, grotesca legible para todo lo demás. Sin balanzas, mazos ni columnas.
Ruta e hitos
Una línea punteada con hitos explica procesos: cómo se contrata, en qué etapa va una solicitud. Es el único gesto que cruza del sitio a la app.
Expresivo afuera, útil adentro
El sitio usa paisaje y curvas de nivel en fondos oscuros. La app usa la misma paleta y tipografía, sin metáforas en los textos.
Una sola acción comercial
“Agenda una reunión” es el único llamado principal. “Ingresar” queda siempre visible, en segundo plano, para clientes.
02 · ARQUITECTURA DE INFORMACIÓN

Dos espacios, una frontera clara

El sitio responde las preguntas de quien está evaluando. La app sirve a quien ya contrató. La única puerta entre ambos es la invitación que envía MisAbogados.

Sitio comercial
misabogados.com
/
Inicio
Propuesta, situaciones, relación, muestra de app, confianza, preguntas
/como-funciona
Cómo funciona
Antes y después de contratar
/plan-pymes
Plan para Pymes
Qué incluye, qué se cotiza aparte, cómo se fija el valor
/agendar
Agenda una reunión
Horario → datos → confirmación · sin disponibilidad · error
/ingresar
Ingresar (clientes)
Acceso secundario y visible. Incluye “¿Aún no eres cliente?”
App de clientes
app.misabogados.com · etapa 2
HOY (SEGÚN CAPTURAS)
Home con asistente · Solicitudes (nueva asistencia legal) · Mis solicitudes (tabla, búsqueda, filtro, etapas) · Detalle del caso (categoría, solicitante, etapa, encargado, coordinador, adjuntos, términos de atención) · Mensajes · Firma digital (nueva, pendientes, finalizadas) · Agendamiento · Equipo (usuarios de la empresa) · Empresas y Reportes
PROPUESTA
Acceso · ingresar, recuperar, activar invitación, invitación vencida · diseñado
Inicio · qué requiere tu acción, en qué va cada asunto, próximo paso
Solicitudes · una sola entrada: nueva, listado y detalle con mensajes y documentos juntos
Documentos y firma · archivos de todas las solicitudes y firmas pendientes
Reuniones · agendar con tu abogado
Mi empresa · datos, personas con acceso
Por validar · notificaciones dentro de la app, plan y facturación, ayuda
OBSERVACIONES PARA LA ETAPA 2
“Solicitudes” y “Mis solicitudes” se superponen. Hay términos internos visibles (pipelines, HubSpot, “Resuelto conforme”). Detalle y mensajes viven en pantallas distintas. El ícono de alerta en el listado no dice qué falta. Las capturas parecen de un perfil interno: falta revisar la vista que ve el cliente.
03 · RECORRIDOS PRINCIPALES

Prospecto y cliente

Prospecto · no existe registro abierto
{{ p.who }}
{{ p.t }}
{{ p.d }}
Ver pantalla
Cliente
{{ p.t }}
{{ p.d }}
Ver pantalla
04 · SISTEMA DE DISEÑO

Compartido entre sitio y app

Color

{{ c.n }}
{{ c.hex }}
{{ c.u }}

Reglas: Azul ruta (el azul del logo, oscurecido para contraste) es el único color de acción (botones principales, enlaces, foco). Cumbre nunca lleva texto encima ni se usa como texto: solo hitos, marcas y detalles sobre fondo oscuro. Los estados siempre combinan color, ícono y palabra. Contraste: texto principal sobre Papel sobre 15:1; texto secundario 6,2:1; blanco sobre Azul ruta 6,9:1.

Tipografía

Display · Source Serif 4 · 56/60
Asesoría legal para tu Pyme
Título · Source Serif 4 · 32/38
Cómo funciona la suscripción
Título app · Hanken 600 · 24/30
Contrato de arriendo del nuevo local
Cuerpo · Hanken 400 · 17/27
Revisamos el borrador que nos enviaste. Antes de firmar necesitamos que confirmes la fecha de entrega del local.
Etiqueta · Plex Mono · 12
SOLICITUD N.º 0142 · ACTUALIZADA HOY

Botones y enlaces

Alto mínimo 44 px. Prueba con Tab para ver el foco.

Enlace en textoIngresar →

Un solo botón principal por vista. En el sitio es siempre “Agenda una reunión”; en la app, “Nueva solicitud” o la acción pendiente.

Formularios y validación

Etiqueta siempre visible arriba, ayuda debajo, error con ícono y texto. Se valida al salir del campo, no mientras se escribe.

Etiquetas de estado

{{ s.icon }}{{ s.label }} {{ s.use }}

Nombres por validar contra los estados actuales de la app.

Alertas

!
Necesitamos tu confirmación. Revisa el borrador del contrato de arriendo.
✓
Solicitud enviada. Te avisaremos cuando la revise un abogado.
×
No pudimos subir el archivo. Revisa tu conexión e inténtalo de nuevo.
i
Este servicio podría requerir una contratación adicional. Te lo confirmaremos antes de empezar.

Tarjeta de solicitud y tabla

N.º 0142 · CONTRATOS! Requiere tu acción
Contrato de arriendo del nuevo local
Próximo paso: confirma la fecha de entrega del local.
DocumentoSolicitudFecha
Borrador_arriendo_v2.pdfN.º 014212 sep
Finiquito_JPérez.docxN.º 013908 sep

Grilla, espaciado, imagen

Escala 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96. Sitio: 12 columnas, máx. 1200 px, márgenes 24 px. App: barra lateral de 248 px + contenido máx. 960 px. Móvil: 4 columnas, márgenes 20 px, navegación inferior.

fotografía real: dueños de Pymes en su lugar de trabajo · luz natural

Fotografía de personas trabajando en sus negocios, nunca abogados posando. Paisaje solo como textura (curvas de nivel). Íconos de trazo 1,5 px, esquinas redondeadas, siempre junto a un texto.

05 · INVENTARIO DE PANTALLAS

Qué está diseñado y qué falta

No tuve acceso a la app actual (requiere sesión). Este inventario es provisional y debe contrastarse con las vistas existentes.

{{ r.n }} {{ r.s }} {{ r.note }}
06 · SUPUESTOS Y DATOS PENDIENTES

Para validar con el negocio

Datos pendientes
PENDIENTE{{ x }}
Supuestos de esta etapa
SUPUESTO{{ x }}