Mockups y diagramas

Representaciones visuales de formularios y flujos de Humano. Sirven para entender cómo se ven las pantallas y qué campos usa cada rol.

Los formularios de ejemplo están deshabilitados: no guardan datos. Consulta el manual para el texto explicativo y estos mockups para la forma de la UI.

Mapa general

Diagrama de flujo de roles: Admin, Collaborator y Client.

Flujo Admin Collaborator Client
Ver mockup
Flujo por roles

Carriles paralelos: qué hace cada rol de punta a punta.

Flujo Admin Collaborator Client
Ver mockup
Viaje del Client

Alta → login → proyectos → ticket → presupuesto.

Flujo Client Admin
Ver mockup
Ticket del Client

Formulario de soporte del usuario final.

Formulario Client
Ver mockup
Home del Client

Qué ve el cliente al entrar (vista restringida).

Formulario Client
Ver mockup
Formulario de contacto

Campos del alta/edición de contactos (staff).

Formulario Admin Collaborator
Ver mockup
Formulario de cliente (CRM)

Ficha empresa que gestiona el equipo (no el portal Client).

Formulario Admin Collaborator
Ver mockup
Formulario de proyecto

Alta de proyecto; precios solo admin.

Formulario Admin Collaborator
Ver mockup
Formulario de tarea

Título, estado, fechas y responsable.

Formulario Admin Collaborator
Ver mockup
Formulario de servicio

Catálogo de servicios del equipo.

Formulario Admin Collaborator
Ver mockup
Flujo de facturación

Diagrama: proyecto → factura → pago (admin).

Flujo Admin
Ver mockup
Día típico del colaborador

Diagrama operativo diario del Collaborator.

Flujo Collaborator Admin
Ver mockup
Arranque del admin

Diagrama de puesta en marcha del equipo.

Flujo Admin
Ver mockup