Diseños gráficos
Diseño de guía de incorporación de empleados
Este diseño de guía de incorporación de empleados convierte el primer día, la primera semana y los hitos a 30/60/90 días de un nuevo empleado en un recorrido práctico con puntos de control visibles.
Casos de uso de la guía de incorporación
- Planificación de operaciones de personasEstructura la información de incorporación en horarios, hitos, recursos y comprobaciones de preparación.
- Diseño de la experiencia del nuevo empleadoOfrece a los empleados una secuencia concreta para conocer a las personas, las herramientas y las expectativas.
- Planificación de seguimientos con el responsableConecta las primeras actividades con puntos de revisión a los días 30, 60 y 90.
- Diseño de guías internasPresenta información laboral ilustrativa en un documento que los empleados puedan recorrer de un vistazo.
Aspectos destacados del plan de incorporación
- Horario del primer díaSiete actividades con hora conectan la configuración, las relaciones, el aprendizaje y una primera contribución.
- Cronología de la primera semanaCinco tarjetas de días laborables muestran cada una dos actividades principales, con un evento del viernes marcado como opcional.
- Hitos a 30/60/90 díasTres tarjetas de resultados convierten la incorporación en responsabilidades progresivamente mayores.
- Recursos y preparaciónLos marcadores aparecen junto a una lista de señales prácticas de preparación.
La guía, sección por sección
1 / 6
Diseño de guía de incorporación de empleados
Este ejemplo oficial de OpenDesign presenta un plan de incorporación de Northwind para Maya, una Product Designer que se une al equipo Growth. Su título inicial, «Welcome, Maya. Let's make your first 90 days feel deliberate.», va seguido de cuatro campos de identidad: Role, Start date, Manager y Onboarding buddy.
La composición trata la incorporación como un documento legible y no como un sistema de RR. HH. demostrado. El contenido visible es ilustrativo, incluidos el nombre del empleado, las fechas, las personas, los horarios, las políticas y los destinos de los recursos. Esa distinción permite que el diseño comunique cómo se organiza la información sin afirmar que haya servicios conectados ni tareas completadas.
Tareas de planificación de la incorporación
La guía está pensada para un nuevo empleado que necesita saber qué ocurre a continuación y cómo es la preparación. La secuencia del Día 1 empieza a las 09:00 con «Kickoff with Alvaro», pasa por la configuración de TI, un café con Sasha, la comida del equipo, lectura, una primera pull request en el sitio de documentación y un check-in a las 17:00. Cada fila combina una hora con una actividad y un detalle explicativo.
El orden crea un traspaso práctico desde la orientación hacia los accesos, el contexto social, la exploración autónoma y una pequeña contribución. Su contrapartida es la densidad: siete filas concretan el día, pero las descripciones largas exigen recorrer el texto en lugar de bastar con un vistazo rápido. La columna de horas repetida ofrece el ancla de lectura.
| Horizonte de planificación | Formato visible | Función en la guía |
|---|---|---|
| Primer día | Siete filas de agenda con hora, de 09:00 a 17:00 | Coordina un horario introductorio concreto. |
| Primera semana | Cinco tarjetas de días laborables con dos actividades cada una | Acota el plan a corto plazo sin convertirse en un calendario completo. |
| Días 30, 60 y 90 | Tres tarjetas de hitos con objetivos cualitativos | Enmarca las conversaciones de seguimiento posteriores, no puntuaciones de rendimiento verificadas. |
Una semana con límites deliberados
La sección de la primera semana dice: «Two activities per day. Anything else is bonus.». Sus cinco tarjetas iguales llevan las etiquetas de Mon Nov 4 a Fri Nov 8, con una visita y una llamada de investigación en la tarjeta del martes, y una crítica más un 1:1 con el responsable de su responsable en la del jueves. Son etiquetas de ejemplo: la portada menciona 2025, pero el 4 de noviembre de 2025 cae en martes. Los pares día de la semana/fecha tendrían que conciliarse antes de convertirse en un horario real.
Este ritmo constante de dos elementos hace que la semana parezca acotada y deja espacio para trabajo no listado. La contrapartida es que el contexto secundario se comprime en líneas de apoyo breves, como «11:00 with Sam» o «From the good first issues lane», por lo que la sección funciona mejor como vista de planificación que como registro completo de calendario.
Datos concretos de planificación
Un equipo podría adaptar esta estructura cuando la cuestión importante no sea solo quién asiste a la incorporación, sino qué debería poder localizar, probar y comentar una persona durante la primera semana. Conserva la distinción entre compromisos programados, eventos opcionales y notas de contexto; el «Optional: All-hands demo» del viernes se distingue visiblemente de la retrospectiva de cierre de semana.
Horario del primer día y composición de los hitos
El diseño usa un área de contenido ancha y centrada con un ancho máximo de 1080px. El banner de bienvenida oscuro establece un punto de entrada fuerte, mientras que las secciones siguientes vuelven a un fondo claro y a grandes titulares serif. Un único acento naranja aparece en la inicial circular, en las viñetas de la cronología y en las etiquetas de los hitos, y vincula secciones separadas sin convertirlas en un panel continuo.
La agenda del primer día usa un bloque grande con borde y divisores horizontales. Las etiquetas de hora permanecen en una columna izquierda estrecha, mientras que los nombres y las descripciones de las actividades ocupan la columna derecha, más amplia. Esta proporción facilita recorrer el horario, pero también implica que las descripciones más largas dependen del ancho disponible y serán más altas al ajustarse a varias líneas.
Horario
Las filas con hora concretan el primer día, desde el kickoff de las 09:00 hasta el check-in de las 17:00.
Progresión
Las tarjetas del Día 30, el Día 60 y el Día 90 describen un alcance creciente sin puntuación numérica.
Preparación
Los recursos y los elementos de la lista muestran la diferencia entre encontrar información y sentirse preparado.
Hitos como resultados
La sección «30 · 60 · 90 day milestones» pasa de filas cronológicas con hora a tres tarjetas en paralelo. Cada tarjeta contiene una etiqueta de día, un título breve del resultado y tres viñetas. «Find your footing» abarca un pequeño cambio de diseño de principio a fin, reuniones recurrentes y contactos con colaboradores de otras áreas; «Own a feature» añade la responsabilidad de la especificación y la presentación de una crítica de diseño; «Move the team forward» llega al liderazgo de la investigación al lanzamiento, la mentoría y una contribución al all-hands.
Esta progresión ofrece al lector una definición de avance en lugar de otra lista de reuniones. Su contrapartida es que los resultados son enunciados cualitativos, no mediciones de rendimiento con seguimiento. Por ello, el diseño debe leerse como un marco de conversación para los 1:1 correspondientes, como indica expresamente el texto de apoyo.
Recursos junto a la preparación
La sección final coloca seis etiquetas de recursos en texto sin formato junto a una lista «You're set when…». Los recursos nombran Northwind Handbook, #growth-squad, Design Library v3.4, Growth dashboard, Payroll & benefits y Onboarding calendar. La configuración de accesos y conocer al equipo aparecen dibujados como marcados; enviar una primera PR, encontrar las reuniones del calendario y hacer preguntas aparecen sin marcar. Son estados redactados en el documento, no enlaces funcionales ni una finalización verificada.
La disposición en paralelo conecta adónde acudir con el aspecto que puede tener la preparación. También hace visible el límite: las casillas son estados representados en el documento, no prueba de un sistema de finalización activo.
Límite del documento ilustrativo
Este artefacto es un documento de incorporación con identidades, horarios, políticas, herramientas y recursos de empresa de ejemplo. Las capturas muestran el contenido y sus estados visuales, pero no establecen enlaces de calendario activos, comprobaciones de acceso operativas, registros de RR. HH. conectados, almacenamiento ni envíos completados. El «Growth dashboard» y otros destinos son etiquetas dentro del ejemplo.
En una implementación real, conserva la distinción visible entre actividades planificadas y estado verificado. Sustituye los nombres y destinos ilustrativos solo cuando esos datos estén confirmados, y decide por separado si el estado de la lista debe seguir siendo editorial, ser introducido por un responsable o proceder de otro sistema. Esa adaptación propuesta no forma parte del comportamiento demostrado del artefacto suministrado.
Cómo crear un diseño de guía de incorporación de empleados en OpenDesign
Define la estructura del documento
Empieza con una presentación de bienvenida que incluya el puesto del empleado, la fecha de inicio, el responsable y el compañero guía. Sigue con un horario del Día 1, una cronología de la primera semana de cinco días, tarjetas de hitos a 30/60/90 días y una zona final de recursos y preparación.
Redacta el modelo de contenido al estilo Northwind
Usa campos y relaciones concretos de este ejemplo: las actividades con hora tienen responsables y descripciones; las tarjetas semanales tienen fechas y dos actividades; cada hito tiene tres resultados; los recursos tienen nombres y destinos; los elementos de preparación muestran estados visibles de marcado o sin marcar.
Prompt sugeridoCrea un diseño de guía de incorporación para una persona que se incorpora como Product Designer al equipo Growth. Usa un banner de bienvenida oscuro con puesto, fecha de inicio, responsable y compañero guía; un horario del Día 1 de 09:00 a 17:00; cinco tarjetas de los días de la primera semana con dos actividades cada una; tarjetas de hitos a 30/60/90 días con tres resultados cada una; y una sección de recursos y preparación de dos columnas. Trata todos los nombres, fechas, URL y estados de la lista de comprobación como contenido documental ilustrativo, no como integraciones activas ni finalización verificada.
Refina el orden de lectura
Comprueba que el contexto de bienvenida conduzca a las tareas inmediatas, la planificación semanal, las conversaciones sobre hitos y los recursos. Mantén las horas diferenciadas de las descripciones de las actividades y conserva los eventos opcionales, como la demo del all-hands del viernes. Antes de adaptar el ejemplo, concilia el año indicado con cada par día de la semana/fecha; la etiqueta original de lunes 4 de noviembre no coincide con 2025.
Comprueba el límite de capacidades
Revisa cada destino, identidad, estado y casilla como contenido visible. Asegúrate de que el diseño final no dé a entender que el acceso al calendario, el SSO, los paneles, los registros de RR. HH. o los envíos están conectados, a menos que esas capacidades se implementen y verifiquen por separado.
Exportar y obtener un enlace para compartir
Exporta tu diseño terminado y luego usa Compartir en OpenDesign para obtener un enlace. Abre el enlace en una ventana del navegador independiente y comprueba que la versión prevista y sus recursos estén disponibles antes de enviarlo.
Diseño de póster editorial sobre flujos de trabajo con IA
El diseño de póster editorial sobre flujos de trabajo con IA presenta seis afirmaciones sobre los flujos de trabajo, con capítulos numerados, ejemplos concretos de prompts y acentos tipográficos color óxido sobre un fondo crema.
Diseños gráficos
Diseño de carrusel social sobre flujos de trabajo con IA
Siete tarjetas verticales utilizan encabezados chinos sobredimensionados, hábitos numerados, campos de color cambiantes y una declaración final para explicar los flujos de trabajo de edición con IA.
Diseños gráficos
Diseño de shader Aurora Field
Un campo de ruido azul verdoso animado automáticamente aporta atmósfera a un hero WebGL, mientras un titular fijo y una pequeña insignia local de frecuencia de fotogramas anclan la escena.
Diseños gráficos
Diseño de shader Aurora Veil
Aurora Veil es una composición de shader interactiva que convierte la luz en capas, las estrellas y el movimiento del cursor en un hero atmosférico de WebGL.
Diseños gráficos