Frontend Engineer onboarding plan

What a strong ramp looks like for a new frontend engineer. Week 1 universals + 30/60/90 day milestones, each with an accountable owner — manager, new hire, team, or HR.

Week 1

Get them productive on tools, oriented to people, and clear on what success looks like in their first 90 days.

1. 1Day 1: workspace + tooling set up before they arrive (laptop, accounts, Slack, email). New hire's first email should be 'everything just works.'Manager
2. 2Day 1: 30-min welcome with their manager — share the team's mission, their first project, and book recurring 1:1s.Manager
3. 3Day 1-2: meet & greet calls with 4-6 people they'll work with most. 15-20 min each, calendar-blocked in advance.Manager
4. 4Day 3: have them ship something small (a Slack post, a document, a tiny PR) — confidence-building, momentum-setting.New hire
5. 5Day 5: review the 30/60/90 plan together. New hire confirms it sounds achievable; manager confirms it's the right shape.Manager
6. 6End of Week 1: HR / People check-in. Surface friction (access issues, missing context, mismatched expectations) early.HR

Days 1-30

Component library mastery, first PR, first design pairing.

1. 1Day 3-5: ship a tiny PR — fix a typo, adjust a margin, replace a hardcoded value. Confidence-building.New hire
2. 2Read the design system / component library. Audit one page's adherence to it as a learning exercise.New hire
3. 3Pair with a designer for 30 min. Understand how they think about the hand-off and what's frustrating in the current loop.New hire
4. 4Take on a small visual feature (2-3 days). Get the full loop: design review, code review, QA, ship.New hire
5. 5Read the perf budget + accessibility guidelines. Note where they're not being followed today.New hire

Days 31-60

Own a flow end-to-end. Improve a non-trivial UX seam.

1. 1Own one full UX flow end-to-end (e.g., onboarding, checkout, search). From design hand-off to ship.New hire
2. 2Code-review 8-12 PRs. Pay special attention to perf, accessibility, state-management patterns.New hire
3. 3Identify one accessibility or perf issue and fix it system-wide (not just one page).New hire
4. 4Propose one component-library addition or improvement. Get designer + 2 engineers to agree before implementing.New hire
5. 5Run one A/B test or instrumented experiment. Learn how the team measures.New hire

Days 61-90

Operate at full output. Influence design earlier in the loop.

1. 1Operate at full output. Lead UX critique meetings — push back on shaky flows BEFORE engineering hand-off.New hire
2. 2Own one flagship interaction (a complex form, a real-time view, a data-heavy table).New hire
3. 3Mentor the next frontend new hire on the design hand-off process.New hire
4. 4Propose + lead one accessibility audit cycle (Lighthouse, keyboard, screen-reader). Track fixes to closure.New hire
5. 5Retro: what was confusing? Update onboarding docs.New hire

Hire a frontend engineer worth onboarding.

The best 30/60/90 plan won't save a wrong hire. Raffi interviews every frontend engineer applicant, scores them, and hands you the top 3-5. SaaS, $25 starter credit, no card.

Onboarding plans for other roles