Wireframes

7 screens derived from PRD v1.0 and the generated user flows

How these screens were derived

Each screen maps to a PRD requirement, a user story and a step in a generated flow. Nothing outside the PRD was added — where the PRD is silent, the screen says so. View the source flows.

Employee Home

Give a new employee one entry point for questions and onboarding progress.

onboardingassistant.app
Onboarding AssistantProfile

Employee Home

Day 3 of 30 · 4 of 6 onboarding tasks complete

img

Ask a question

AI assistant

img

My tasks

2 open

img

Team & buddy

3 people

View tasks[ Ask the assistant → ]
Traceability & interaction notes▸
Interaction:
Scan progress → Open assistant or a task.
Traces to:
FR-01 · US-01
Flow step:
Opens Assistant

AI AssistantClickable prototype

Allow employees to ask onboarding questions.

onboardingassistant.app/assistantINTERACTIVE
Onboarding AssistantProfile

Ask the onboarding assistant

1. Ask2. Search approved sources3. Cited answer4. Escalate to HR

Try it: pick a suggested question (or type one) → Submit → read the cited answer → Escalate to HR. Ask about relocation to see the low-confidence fallback.

Traceability & interaction notes▸
Interaction:
Ask question → Submit → Receive AI response.
Traces to:
FR-03 · US-04
Flow step:
Asks Question

AI Answer + Source

Show a trusted answer with attribution to an approved document.

onboardingassistant.app
Onboarding AssistantProfile

AI Answer + Source

Answer

You accrue leave monthly in your first year.

Source: Leave Policy · updated 12 Mar

! Answer refused if no approved source is found.

Escalate to HR[ This helped → ]
Traceability & interaction notes▸
Interaction:
Read answer → Open source → Escalate if unresolved.
Traces to:
FR-03 · US-04
Flow step:
Display answer + source

HR Escalation

Give employees an obvious path to a human when the AI cannot answer.

onboardingassistant.app
Onboarding AssistantProfile

HR Escalation

The assistant could not answer this from approved sources.

Your question

How many leave days in year one?

Add context for HR

Cancel[ Send to HR → ]
Traceability & interaction notes▸
Interaction:
Review question → Add context → Send to HR.
Traces to:
FR-05 · US-05
Flow step:
Employee escalates

Onboarding Task Dashboard

Make onboarding completion status visible to the employee.

onboardingassistant.app
Onboarding AssistantProfile

Onboarding Task Dashboard

4 of 6 tasks complete · day 3 of onboarding

[x]Sign employment contract

[x]Complete IT setup

[ ]Book manager 1:1

[ ]Finish compliance training

Ask about this task[ Open task → ]
Traceability & interaction notes▸
Interaction:
Select task → View instructions → Mark complete.
Traces to:
FR-04 · US-03
Flow step:
View onboarding dashboard

HR Knowledge Management

Let HR upload and retire the sources the AI is allowed to use.

onboardingassistant.app
Onboarding AssistantProfile

HR Knowledge Management

+ Drop a policy document, or browse
DocumentUpdatedStatus
Leave Policy12 MarApproved
IT Setup Guide02 FebApproved
Relocation—Validation failed
Retire source[ Approve → ]
Traceability & interaction notes▸
Interaction:
Upload document → Validate → Approve.
Traces to:
FR-02 · US-02
Flow step:
Upload document

HR Analytics Dashboard

Show HR which questions repeat and where knowledge is missing.

onboardingassistant.app
Onboarding AssistantProfile

HR Analytics Dashboard

412

Questions

78%

Answered by AI

22%

Escalated

Questions per week

Top questionVolumeGap
Leave accrual64No
Relocation support31Yes
Traceability & interaction notes▸
Interaction:
Filter period → Inspect top questions → Export.
Traces to:
FR-06 · US-06
Flow step:
HR receives question

Next step

Design handoff continues here

These wireframes and their states feed the design handoff brief.

Open design handoff