グラフィックデザイン
従業員オンボーディングガイドデザイン
この従業員オンボーディングガイドデザインは、新入社員の初日、最初の1週間、30日・60日・90日のマイルストーンを、確認ポイントが見える実践的な道筋にまとめています。
オンボーディングガイドの活用例
- 人事業務の計画スケジュール、マイルストーン、リソース、準備状況の確認にわたってオンボーディング情報を整理します。
- 新入社員体験の設計人、ツール、期待事項を把握するための具体的な流れを従業員に示します。
- マネージャー面談の計画初期の活動を30日目、60日目、90日目のレビューポイントに結び付けます。
- 社内ガイドのデザイン例示的な職場情報を、従業員がすばやく確認できるドキュメントとして提示します。
オンボーディング計画の注目ポイント
- 初日のスケジュール時刻付きの7つの活動が、環境設定、人間関係の構築、学習、最初の貢献を結び付けます。
- 最初の1週間のタイムライン平日5日分の各カードに主要な活動を2つずつ表示し、金曜日のイベント1件を任意参加として示します。
- 30日・60日・90日のマイルストーン3枚の成果カードによって、オンボーディングを段階的に大きくなる責任へとつなげます。
- リソースと準備状況ブックマークを、実務上の準備が整っていることを示すチェックリストと並べて配置します。
セクション別に見るガイド
1 / 6従業員オンボーディングガイドデザイン
このOpenDesign公式サンプルは、Growthスクワッドに加わるプロダクトデザイナーのMayaを対象としたNorthwindのオンボーディング計画を示しています。冒頭のタイトル「Welcome, Maya. Let's make your first 90 days feel deliberate.」に続いて、Role、Start date、Manager、Onboarding buddyという4つの個人情報フィールドが配置されています。
この構成では、オンボーディングを実演された人事システムではなく、読みやすいドキュメントとして扱っています。従業員名、日付、人物、スケジュール、方針、リソースのリンク先を含め、表示内容は例示です。この区別により、接続済みのサービスや完了済みのタスクをうたうことなく、情報の整理方法をデザインで伝えられます。
オンボーディング計画のタスク
このガイドは、次に何が起こり、準備が整った状態とはどのようなものかを知る必要がある新入社員向けに設計されています。1日目の流れは09:00の「Kickoff with Alvaro」から始まり、IT環境の設定、Sashaとのコーヒー、チームランチ、資料の閲覧、ドキュメントサイトへの最初のプルリクエストを経て、17:00のチェックインへと進みます。各行では、時刻と活動、説明の詳細を組み合わせています。
この順序により、オリエンテーションからアクセス設定、人間関係の把握、自主的な探索、小さな貢献へと実践的に移行できます。そのトレードオフは情報密度です。7行によって1日の内容が具体的になる一方、説明が長いため、一目見るだけではなく、目で追って確認する必要があります。繰り返される時刻列が、目で追う際の基準になります。
| 計画期間 | 表示形式 | ガイド内での役割 |
|---|---|---|
| 初日 | 09:00から17:00まで、時刻付きの予定を7行で表示 | 具体的な導入スケジュールを調整します。 |
| 最初の1週間 | それぞれ2つの活動を含む平日5日分のカード | 完全なカレンダーにせず、短期計画の範囲を定めます。 |
| 30日目、60日目、90日目 | 定性的な目標を記載した3枚のマイルストーンカード | 検証済みの業績スコアではなく、後日のチェックイン面談の枠組みを示します。 |
意図的に範囲を絞った1週間
最初の1週間のセクションには、「Two activities per day. Anything else is bonus.」と記載されています。同じ大きさの5枚のカードにはMon Nov 4からFri Nov 8までのラベルがあり、火曜日のカードにはツアーとリサーチコール、木曜日のカードには批評と上位マネージャーとの1対1ミーティングが記載されています。これらはサンプルのラベルです。表紙には2025年とありますが、2025年11月4日は火曜日です。実際のスケジュールにする前に、曜日と日付の組み合わせを整合させる必要があります。
この一貫した2項目のリズムにより、記載されていない作業の余地を残しながら、1週間の範囲が明確になります。そのトレードオフとして、「11:00 with Sam」や「From the good first issues lane」のように、副次的な背景情報が短い補足行に圧縮されています。そのため、このセクションは完全なカレンダー記録としてではなく、計画ビューとして最も効果を発揮します。
具体的な計画要素
オンボーディングに誰が参加するかだけでなく、最初の1週間に本人が何を見つけ、試し、話し合えるようになるべきかが重要な場合、チームはこの構成を応用できます。予定された責務、任意参加イベント、補足メモの区別を維持してください。金曜日の「Optional: All-hands demo」は、その週の振り返りとは明確に異なる形で表示されています。
初日のスケジュールとマイルストーンの構成
このデザインでは、最大幅1080pxの幅広い中央配置コンテンツ領域を使用しています。暗色のウェルカムバナーが明確な導入部を形成し、後続のセクションでは明るい背景と大きなセリフ体の見出しに戻ります。円形のイニシャルマーク、タイムラインの箇条書き、マイルストーンのラベルには、オレンジ色のアクセントを1色だけ使用しています。これにより、個別のセクションを1枚の連続したパネルにすることなく関連付けています。
初日の予定には、横方向の区切り線を備えた大きな枠付きブロックを使用しています。時刻ラベルは幅の狭い左列に維持し、活動名と説明はより幅の広い右列に配置しています。この比率によってスケジュールを確認しやすくなりますが、長い活動説明は利用可能な幅に左右され、折り返されると高さが増します。
スケジュール
時刻付きの行により、09:00のキックオフから17:00のチェックインまで、初日の内容を具体化します。
進行
30日目、60日目、90日目のカードは、数値による採点を使わずに、拡大していく役割範囲を説明します。
準備状況
リソースとチェックリスト項目によって、情報を見つけることと準備が整ったと感じることの違いを示します。
成果としてのマイルストーン
「30 · 60 · 90 day milestones」セクションでは、時系列の時刻行から横並びの3枚のカードへと形式を切り替えています。各カードには日数ラベル、短い成果タイトル、3つの箇条書きが含まれます。「Find your footing」では、小規模なデザイン変更を最初から最後まで行うこと、定例会議、部門横断的な顔合わせを扱います。「Own a feature」では、仕様策定の責任とデザインレビューでの発表が加わります。「Move the team forward」では、リサーチからリリースまでの主導、メンタリング、全社会議への貢献にまで範囲が広がります。
この段階的な構成は、会議のリストをさらに追加するのではなく、成長の定義を読者に示します。そのトレードオフとして、成果は定性的な記述であり、追跡される業績測定値ではありません。したがって、補足テキストに明記されているとおり、このデザインは1対1ミーティングの認識を合わせるための対話の枠組みとして読む必要があります。
準備状況の隣に配置したリソース
最後のセクションでは、6つのプレーンテキストのリソースラベルを「You're set when…」チェックリストの隣に配置しています。リソースにはNorthwind Handbook、#growth-squad、Design Library v3.4、Growth dashboard、Payroll & benefits、Onboarding calendarという名前が付いています。アクセス設定とスクワッドとの顔合わせはチェック済みとして描かれ、最初のPRの提出、カレンダー内の会議の確認、質問することは未チェックとして描かれています。これらはドキュメント上で作成された状態であり、機能するリンクや確認済みの完了状態ではありません。
この横並びの配置は、どこを参照すべきかと、準備が整った状態がどのようなものかを結び付けます。また、境界も明確になります。チェックボックスはドキュメント内に描かれた状態であり、ライブの完了管理システムの証拠ではありません。
例示ドキュメントとしての範囲
この制作物は、サンプルの個人情報、スケジュール、方針、ツール、社内リソースを含むオンボーディングドキュメントです。キャプチャはコンテンツとその視覚的な状態を示していますが、ライブのカレンダーリンク、実際に機能するアクセス確認、接続された人事記録、ストレージ、完了済みの提出処理を立証するものではありません。「Growth dashboard」やその他のリンク先は、サンプル内のラベルです。
実際に実装する場合は、計画された活動と確認済みのステータスを視覚的に区別した状態を維持してください。例示の名前やリンク先は、それらの事実が確認された場合にのみ置き換えてください。また、チェックリストの状態を編集上の表現として維持するのか、マネージャーが入力するのか、別のシステムから取得するのかを個別に決定してください。そのような実装案は、提供された制作物で実証されている動作には含まれません。
OpenDesignで従業員オンボーディングガイドをデザインする方法
ドキュメント構成を設定する
従業員の役職、入社日、マネージャー、バディを記載したウェルカム概要から始めます。続いて、初日のスケジュール、5日間の最初の1週間のタイムライン、30日・60日・90日のマイルストーンカード、最後にリソースと準備状況のエリアを配置します。
Northwind風のコンテンツモデルを作成する
この例にある具体的なフィールドと関係性を使用します。時刻付きの活動には担当者と説明を設定し、最初の週の日別カードには日付と2つの活動を記載し、各マイルストーンには3つの成果を設定します。リソースには名前と参照先を設け、準備状況の項目にはチェック済みまたは未チェックの状態を明示します。
推奨プロンプトGrowthスクワッドに加わるプロダクトデザイナー向けの従業員オンボーディングガイドをデザインしてください。役職、入社日、マネージャー、バディを記載した暗色のウェルカムバナー、09:00から17:00までの初日スケジュール、それぞれ2つの活動を含む最初の1週間の5枚の日別カード、それぞれ3つの成果を含む30日・60日・90日のマイルストーンカード、そしてリソースと準備状況を2列で示すセクションを使用してください。すべての名前、日付、URL、チェックリストの状態は、ライブ連携や完了確認済みの状態ではなく、ドキュメント用の例示コンテンツとして扱ってください。
読む順序を調整する
ウェルカムセクションの背景情報から、直近のタスク、週間計画、マイルストーン面談、リソースへと自然に進むことを確認します。時刻と活動の説明を明確に分け、金曜日の全社会議デモなどの任意参加イベントを維持してください。サンプルを調整する前に、記載された年と各曜日・日付の組み合わせを照合してください。元の11月4日の月曜日という表記は2025年と一致しません。
機能の範囲を確認する
すべてのリンク先、個人情報、ステータス、チェックボックスを表示コンテンツとして確認します。カレンダーへのアクセス、SSO、ダッシュボード、人事記録、提出処理が別途実装され、検証されていない限り、完成したデザインがそれらとの連携を示唆しないようにしてください。
エクスポートして共有リンクを取得
完成したデザインをエクスポートし、OpenDesignの「共有」機能を使って共有リンクを取得してください。別のブラウザウィンドウでリンクを開き、意図したバージョンとそのアセットが正しく表示されることを確認してから送付してください。








