Caso de estudio · Onboarding
Un portal de incorporación para una consultora de servicios digitales que necesitaba ordenar el caos de los primeros días con cada cliente nuevo.
El encargo llegó con un problema concreto: los proyectos arrancaban con correos sueltos, documentos dispersos y decisiones que se tomaban sin registro. Diseñamos un flujo de incorporación que guía al cliente desde la firma del contrato hasta la primera reunión de kickoff, con pasos claros, plazos visibles y un único lugar donde consultar el estado de cada tarea.
Cada nuevo cliente llegaba con su propia forma de trabajar. El equipo perdía horas respondiendo las mismas preguntas, persiguiendo documentación y explicando procesos que nunca estaban escritos. La primera impresión era buena, pero la experiencia se desmoronaba en los primeros quince días.
Hicimos entrevistas con cinco clientes recientes y con el equipo interno. El patrón era claro: faltaba una estructura visible, un lugar donde cada persona supiera qué se esperaba de ella y cuándo.
Diseñamos un flujo de incorporación en cuatro fases: bienvenida, documentación, planificación y kickoff. Cada fase tiene sus propias tareas, responsables y fechas límite. El portal muestra el progreso con una barra simple y envía recordatorios automáticos cuando una tarea está próxima a vencer.
La interfaz se construyó con un sistema de diseño modular, pensado para que el equipo pudiera añadir nuevas fases sin tocar el código base. Tipografía sans-serif geométrica, acentos en naranja quemado y una retícula editorial que mantiene el orden incluso cuando hay mucha información en pantalla.
−40%
de correos internos durante la primera semana de cada proyecto
3 días
menos de tiempo medio entre la firma del contrato y el kickoff
100%
de los clientes completaron la documentación sin asistencia del equipo
Cada fase del flujo tiene un color de acento propio, pero la estructura general se mantiene neutra para que la atención se dirija a las tareas pendientes.
Combinamos una sans-serif geométrica para titulares con una fuente de lectura cómoda para los párrafos largos. El interlineado y los tamaños se ajustaron tras pruebas con usuarios reales.
Cada acción del usuario tiene una respuesta inmediata: confirmaciones, estados de carga y mensajes de error que explican qué ocurrió y cómo resolverlo.
¿Quieres ver cómo aplicamos este proceso a tu proyecto?
Proyectos seleccionados
Tres proyectos que muestran cómo abordamos el diseño de interfaces, la identidad visual y el desarrollo front-end desde el contexto real de cada cliente.
Onboarding digital
Un proyecto concreto con contexto real: cómo recibimos a nuevos clientes y qué información necesitamos para empezar a trabajar.
Esta página enmarca un tema concreto en lugar de usar un encabezado genérico. Explica qué se está considerando, por qué importa en el contexto del sitio y qué detalle puede esperar el lector a continuación. El texto es deliberadamente sencillo y específico, para que se lea como un contenido real.
Ver caso completoFlujo de reservas
Un proyecto centrado en decisiones prácticas y restricciones reales de calendario.
Este elemento se centra en el uso práctico, las compensaciones y las decisiones que el lector puede reconocer. Evita afirmaciones promocionales amplias y mantiene el tema ligado a una situación clara. La descripción ofrece suficiente sustancia para una página real, no una tarjeta de relleno.
Ver caso completoPanel de soporte
Un proyecto fundamentado que aporta un ángulo distinto sin repetir los anteriores.
Esta página da al tercer elemento su propia razón de existir. Cubre un ángulo separado, incluye contexto concreto y evita repetir la misma promesa con otras palabras. El resultado debería sentirse como un artículo, proyecto o reseña planificada.
Ver caso completo