Peças gráficas

Design de Guia de Integração de Funcionários

Este Design de Guia de Integração de Funcionários transforma o primeiro dia, a primeira semana e os marcos de 30/60/90 dias de uma nova contratação em um percurso prático com pontos de verificação visíveis.

OpenDesignDesign e produção
Oficial
Plano de integração de novos contratados da Northwind, com marcos do primeiro dia e de 30/60/90 dias6 telas
Documento de integração em tom creme, com banner de boas-vindas escuro, agenda do primeiro dia, cartões diários da primeira semana e seções de marcos.
Visão Geral do Guia de IntegraçãoCaptura de tela 1 de 6

Casos de Uso de Guias de Integração

  • Planejamento de Operações de PessoasEstruture informações de integração em programações, marcos, recursos e verificações de prontidão.
  • Design da Experiência de Novas ContrataçõesOfereça às pessoas funcionárias uma sequência concreta para conhecer pessoas, ferramentas e expectativas.
  • Planejamento de Check-ins da GestãoConecte as atividades iniciais aos pontos de revisão dos dias 30, 60 e 90.
  • Design de Guias InternosApresente informações ilustrativas do ambiente de trabalho em um documento que as pessoas funcionárias possam percorrer rapidamente.

Destaques do Plano de Integração

  • Programação do Primeiro DiaSete atividades programadas conectam configuração, relacionamentos, aprendizado e uma primeira contribuição.
  • Linha do Tempo da Primeira SemanaCinco cartões de dias úteis mostram duas atividades principais cada, com um evento de sexta-feira marcado como opcional.
  • Marcos de 30/60/90 DiasTrês cartões de resultados transformam a integração em responsabilidades progressivamente maiores.
  • Recursos e ProntidãoFavoritos ficam ao lado de uma lista de verificação com sinais práticos de preparação.

Design de Guia de Integração de Funcionários

Este exemplo oficial do OpenDesign apresenta um plano de integração da Northwind para Maya, uma pessoa Product Designer que está entrando na equipe de Growth. Seu título de abertura, “Welcome, Maya. Let's make your first 90 days feel deliberate.”, é seguido por quatro campos de identidade: Role, Start date, Manager e Onboarding buddy.

A composição trata a integração como um documento legível, e não como um sistema de RH demonstrado. O conteúdo visível é ilustrativo, incluindo o nome da funcionária, datas, pessoas, programações, políticas e destinos de recursos. Essa distinção permite que o design comunique como as informações são organizadas sem alegar serviços conectados ou tarefas concluídas.

O banner completo de boas-vindas reúne a saudação à função de Maya, à data de início de exemplo, à pessoa gestora e à pessoa mentora.
O banner completo de boas-vindas reúne a saudação à função de Maya, à data de início de exemplo, à pessoa gestora e à pessoa mentora.

Tarefas de Planejamento da Integração

O guia foi criado para uma nova contratação que precisa saber o que acontece em seguida e como é a preparação. A sequência do dia 1 começa às 09:00 com “Kickoff with Alvaro”, passa pela configuração de TI, pelo café com Sasha, pelo almoço da equipe, pela leitura, por um primeiro pull request no site de documentação e por um check-in às 17:00. Cada linha combina um horário com uma atividade e detalhes explicativos.

A ordem cria uma transição prática da orientação para o acesso, o contexto social, a exploração independente e uma pequena contribuição. A contrapartida é a densidade: sete linhas tornam o dia concreto, mas as descrições longas exigem leitura por varredura, em vez de um uso baseado apenas em uma olhada rápida. A coluna de horários repetida fornece a âncora para essa leitura.

A linha do tempo da primeira semana usa cinco cartões diários com datas, duas atividades por dia e breves notas de responsabilidade ou horário.
A linha do tempo da primeira semana usa cinco cartões diários com datas, duas atividades por dia e breves notas de responsabilidade ou horário.
Do Primeiro Dia aos Marcos de Mais Longo Prazo
Horizonte de PlanejamentoFormato VisívelFunção no Guia
Primeiro DiaSete linhas de agenda programadas, das 09:00 às 17:00Coordena uma programação introdutória concreta.
Primeira SemanaCinco cartões de dias úteis com duas atividades cadaDelimita o plano de curto prazo sem se tornar um calendário completo.
Dias 30, 60 e 90Três cartões de marcos com objetivos qualitativosEstrutura conversas posteriores de check-in, não pontuações de desempenho verificadas.

Uma Semana com Limites Deliberados

A seção da primeira semana declara: “Two activities per day. Anything else is bonus.” Seus cinco cartões iguais são identificados como Mon Nov 4 a Fri Nov 8, com um tour e uma chamada de pesquisa no cartão de terça-feira, e uma crítica mais uma reunião 1:1 skip-level no cartão de quinta-feira. Esses são rótulos de exemplo: a capa informa 2025, mas 4 de novembro de 2025 cai em uma terça-feira. Os pares de dia da semana/data precisariam ser reconciliados antes de se tornarem uma programação real.

Esse ritmo consistente de dois itens faz a semana parecer delimitada, deixando espaço para trabalhos não listados. A contrapartida é que o contexto secundário é comprimido em linhas curtas de apoio, como “11:00 with Sam” ou “From the good first issues lane”, portanto a seção funciona melhor como uma visão de planejamento do que como um registro completo de calendário.

Dados Concretos para o Planejamento

Uma equipe poderia adaptar essa estrutura quando a questão importante não for apenas quem participa da integração, mas também o que uma pessoa deve conseguir localizar, experimentar e discutir durante a primeira semana. Preserve a distinção entre compromissos programados, eventos opcionais e notas contextuais; o “Optional: All-hands demo” de sexta-feira é visivelmente diferente da retrospectiva de encerramento da semana de trabalho.

Composição da Programação do Primeiro Dia e dos Marcos

O design usa uma área de conteúdo ampla e centralizada, com largura máxima de 1080px. O banner de boas-vindas escuro estabelece um ponto de entrada forte, enquanto as seções seguintes retornam a um fundo claro e a títulos grandes com serifa. Um único destaque laranja aparece na marca circular com a inicial, nos marcadores da linha do tempo e nos rótulos dos marcos, conectando seções separadas sem transformá-las em um único painel contínuo.

A agenda do primeiro dia usa um bloco grande com borda e divisórias horizontais. Os rótulos de horário permanecem em uma coluna estreita à esquerda, enquanto os nomes e as descrições das atividades ocupam a coluna maior à direita. Essa proporção facilita a leitura rápida da programação, mas também significa que descrições de atividades mais longas dependem da largura disponível e ficarão mais altas quando houver quebra de linha.

Programação

Linhas programadas tornam o primeiro dia concreto, do kickoff às 09:00 ao check-in das 17:00.

Progressão

Os cartões dia 30, dia 60 e dia 90 descrevem um escopo crescente sem pontuação numérica.

Prontidão

Recursos e itens da lista de verificação mostram a diferença entre encontrar informações e sentir-se preparado.

Marcos como Resultados

A seção “30 · 60 · 90 day milestones” muda de linhas de tempo cronológicas para três cartões lado a lado. Cada cartão contém um rótulo de dia, um título curto de resultado e três tópicos. “Find your footing” abrange uma pequena mudança de design de ponta a ponta, reuniões recorrentes e apresentações a pessoas de outras funções; “Own a feature” acrescenta a responsabilidade pela especificação e a apresentação de uma crítica de design; “Move the team forward” chega à liderança da pesquisa ao lançamento, à mentoria e a uma contribuição em uma reunião geral.

Essa progressão oferece ao leitor uma definição de avanço, em vez de outra lista de reuniões. A contrapartida é que os resultados são declarações qualitativas, não medições de desempenho acompanhadas. Portanto, o design deve ser lido como uma estrutura para conversas de alinhamento em reuniões 1:1, conforme afirma explicitamente o texto de apoio.

Recursos ao Lado da Prontidão

A seção final coloca seis rótulos de recursos em texto simples ao lado de uma lista de verificação “You're set when…”. Os recursos mencionam Northwind Handbook, #growth-squad, Design Library v3.4, Growth dashboard, Payroll & benefits e Onboarding calendar. A configuração de acesso e o encontro com a equipe aparecem marcados; o envio de um primeiro PR, a localização das reuniões do calendário e fazer perguntas aparecem desmarcados. Esses são estados definidos no documento, não links funcionais ou conclusões verificadas.

A disposição lado a lado conecta para onde ir com o que a prontidão pode representar. Ela também torna o limite visível: as caixas de seleção são estados representados no documento, não evidências de um sistema ativo de conclusão.

Limite Ilustrativo do Documento

Este artefato é um documento de integração com identidades, programações, políticas, ferramentas e recursos da empresa de exemplo. As capturas mostram o conteúdo e seus estados visuais, mas não estabelecem links ativos de calendário, verificações de acesso funcionais, registros de RH conectados, armazenamento ou envios concluídos. O “Growth dashboard” e os demais destinos são rótulos dentro do exemplo.

Em uma implementação real, preserve a distinção visível entre atividades planejadas e status verificado. Substitua nomes e destinos ilustrativos somente quando esses fatos forem confirmados e decida separadamente se o estado da lista de verificação deve permanecer editorial, ser inserido por uma pessoa gestora ou vir de outro sistema. Essa adaptação proposta não faz parte do comportamento demonstrado pelo artefato fornecido.

Como Criar um Design de Guia de Integração de Funcionários no OpenDesign

  1. Baixar e instalar o OpenDesign

    Baixe o aplicativo desktop, instale-o e conclua a configuração. Crie um projeto para o seu design.

    Baixar OpenDesign
  2. Defina a Estrutura do Documento

    Comece com uma visão geral de boas-vindas contendo a função do funcionário, a data de início, a pessoa gestora e a pessoa mentora. Em seguida, inclua uma programação do dia 1, uma linha do tempo de cinco dias da primeira semana, cartões de marcos de 30/60/90 dias e uma área final de recursos e prontidão.

  3. Elabore o Modelo de Conteúdo Semelhante ao da Northwind

    Use campos e relações concretos deste exemplo: as atividades programadas têm responsáveis e descrições; os cartões diários da primeira semana têm datas e duas atividades; cada marco tem três resultados; os recursos têm nomes e destinos; os itens de prontidão têm estados visíveis de marcados ou desmarcados.

    Prompt sugerido

    Crie um design de guia de integração de funcionários para uma pessoa Product Designer que está entrando em uma equipe de Growth. Use um banner de boas-vindas escuro com função, data de início, pessoa gestora e pessoa mentora; uma programação do dia 1 das 09:00 às 17:00; cinco cartões diários da primeira semana, com duas atividades cada; cartões de marcos de 30/60/90 dias, com três resultados cada; e uma seção de recursos e prontidão em duas colunas. Trate todos os nomes, datas, URLs e estados da lista de verificação como conteúdo ilustrativo do documento, não como integrações ativas ou conclusão verificada.

  4. Aperfeiçoe a Ordem de Leitura

    Verifique se o contexto de boas-vindas conduz às tarefas imediatas, ao planejamento semanal, às conversas sobre marcos e aos recursos. Mantenha os horários distintos das descrições das atividades e preserve eventos opcionais, como a demonstração geral de sexta-feira. Antes de adaptar o exemplo, concilie o ano informado com cada par de dia da semana/data; o rótulo original segunda-feira, 4 de novembro não corresponde a 2025.

  5. Verifique os Limites de Capacidade

    Revise cada destino, identidade, status e caixa de seleção como conteúdo visível. Garanta que o design final não sugira que acesso ao calendário, SSO, painéis, registros de RH ou envios estejam conectados, a menos que essas capacidades sejam implementadas e verificadas separadamente.

  6. Exportar e obter um link de compartilhamento

    Exporte seu design finalizado e, em seguida, use Compartilhar no OpenDesign para obter um link de compartilhamento. Abra o link em uma janela separada do navegador e verifique se a versão desejada e seus assets estão disponíveis antes de enviá-lo.