Career Profile vision

Reimagining the platform every Meta candidate passes through, so the page assembles itself around where they are in the process.

Meta's candidate offer summary, listing role details beside a total compensation figure broken into salary, bonus, equity and sign-on.

Case study

Career Profile is the logged-in platform every Meta candidate passes through: tracking your process, preparing for loops, handling paperwork, reviewing your offer. Created in 2018, it had grown into a patchwork built by different teams on an internal design system never meant to face candidates.

The exploration behind it belongs to the design team who ran it: an audit, a set of principles, and three concepts, presented to Recruiting Products leadership in August 2022.

By Q4 2022 the job was no longer to explore. It was to converge, with enough conviction and fidelity for leadership to decide. Three product designers and a design manager worked it together, in equal collaboration.

My part of it: the typology framework, the concept convergence, the timeline and card system, and the offer experience.

What we inherited

Career Profile is not a side surface. It carries the whole funnel: millions of visitors a year, and the hundreds of thousands of candidates it takes to make Meta’s tens of thousands of annual hires, across every role, level and region. Anything the platform does badly, it does at that volume.

And it was doing several things badly. Navigation did not scale, because level-one items were pages rather than categories. Every candidate saw the same content regardless of who they were. Geodesic, the internal system underneath, had no mobile web support and little brand expression.

The existing Career Profile homepage before the vision work
The starting point: content density low, generic modules regardless of candidate. Test account data.
The existing public Meta Career Site job search
The logged-out Career Site: limited search and filter, and inconsistent layouts across detail pages. Candidates cross between the two without knowing they are different products.

Converging on a direction

The exploration had produced three concepts. Instead of picking a favourite we scored each on what it was good at, and concluded that none of them was the answer.

Exploratory concept: Career Coach, a guided one-task-at-a-time experience
Career Coach: one task at a time, information proactively surfaced. Good for a candidate who wants to be led, but the guidance constrains and the content maintenance burden is high.
Exploratory concept: Career Dashboard, with configurable modules
Career Dashboard: preconfigured layouts that scale, at-a-glance content and shortcuts. But a challenging learning curve, and density that tipped into overload.

A third, Career Workplace, borrowed Workplace’s structure and social graph. Familiar, but the structure limited functionality and social networking was never validated as a candidate need.

Each was a feature idea standing in for a framework. The framework itself was missing.

Typologies: a shared vocabulary for pages

A typology sorts content by the mental model a user brings to it, which gives you templates instead of one-off pages. We landed on three.

The Browse typology: looking and orienting
Browse. “Help me understand where to go.” Looking and orienting; the action is wayfinding. Home, Meta Connections, Events, Coding Puzzles, Prep Hub landing, VR Hub.
The Study typology: reading and learning
Study. “Help me understand the material in front of me.” Reading and learning; deep consumption. Offer, job details, Prep Hub lessons, blog posts, FAQ.
The Work typology: interacting and executing
Work. “Help me solve a specific problem.” Interacting and executing; accomplishing a task. Job application, exercises, scheduling, message centre, settings, pre-hire checklist.

Three typologies meant three templates, and a partner team building a new feature had somewhere to put it.

Five degrees of change

In worksessions in Burlingame we laid the direction out as five options from no change to overhaul, so leadership could see the trade space rather than a single recommendation. Structure first, before any visual design.

Greybox structural exploration from the worksessions
Greybox exploration: how much the page could carry, and where the timeline should live, before any visual language.
Concept: two distinctly branded experiences for interviewing and preparation
The overhaul end of the spectrum, Two Worlds: build the interview process and the preparation process as two distinctly branded experiences so both can scale independently.
Concept: the interview timeline as the anchor for the whole experience
The one that won, Timeline as Anchor: the interview journey drives the experience, and every piece of information or CTA is surfaced contextually within it.

Scored against build-for-all, clarity, scale, efficiency and innovation, Timeline as Anchor won. It addressed the framework rather than the surface: the timeline is the one thing every candidate has and came to check, so organising around it let content surface contextually.

The system we built

Components need primitives to be built from, so choosing a design system was part of the implementation plan. XMDS was approved for external work but optimised for light editorial content, and our surface is dense and transactional. XDS was the internal system, running nearly every enterprise app at Meta, with its systems team adjacent to us in Enterprise Engineering.

Taking XDS external had no precedent, so we worked it through with that team rather than around them. Together we explored a People Theme: XDS primitives underneath, extended for our use case with rounded corners, softer surfaces and pops of colour.

The XDS People Theme, a candidate-facing extension of Meta's internal design system
The People Theme: XDS primitives underneath, extended for an external audience.

That theme became Astryx, the AI-ready design system Meta has since launched publicly.

On top of those primitives we specified the parts. Every one had to declare four things before it earned a place: its priority, the mental model it serves, where it lives, and its states.

Navigation. High priority, always in view, answering “help me understand where I am.” The primary rail is static; sub navigation appears only when a section needs one. Two rails, one collapse behaviour.
Completed stages carry status and dates, the active stage adds duration and activity badges, future stages show what is coming. One set of statuses covers every state a process can be in, so the same component says up next, decision pending, or offer extended.
Selecting a timeline stage re-composes the main content area
The active timeline state determines what appears in the content area. Select a future stage and the page tells you how to prepare for it, select the active one and it tells you what to do now.

The cards follow the same spec. Primary above the fold in the centre column, secondary in the right rail, lower-priority below, and flex cards that resize to the candidate’s type, seniority and stage. Each is one container with a swappable payload, so a job list and an interview agenda occupy the same slot at different points in the journey.

Key screens

Career Profile home for a prospective candidate
Home, prospective candidate. Typology: Browse. Before a consideration exists there is no timeline, so the page is about getting started. All candidate, recruiter and interviewer data shown is fictional.
Career Profile home during the screening interview stage
Home, screening interview. Typology: Work. “Help me figure out what I need to do right now”: join the conference, see what's next, complete your tasks, reach a human.
Career Profile home with a future interview stage selected
The same page, looking ahead: the candidate selects a future stage and it re-composes around preparing for it.

The offer experience

This part carried over from work with the Offers team: a vision brief arguing for a full-featured offer experience, which fed into this one.

72%Offer Summary usage28% of offers went without it
+4%Higher acceptance ratewhen recruiters used it
1.85 daysFaster offer extensionhire decision to extend

Using it forced recruiters to share approved compensation values with the candidate. If transparency moved those numbers at 72% usage, a complete self-serve experience at full usage was worth designing for. The system also depended on an individual recruiter to orchestrate, so nothing guaranteed a candidate got what they needed to decide.

The job offer summary, showing a full compensation breakdown
Role, compensation, life at Meta, team, career, and a VR offer explorer. The breakdown is complete and self-serve, with definitions attached, so the candidate isn't dependent on a recruiter to know what they've been offered. Figures illustrative.

Two efforts ran on the offer moment in the same period. This was the self-serve half; Immersive Offers was the human half.

Through to joining

Accepting an offer is not the end of the candidate’s journey, so it is not the end of the product. Career Profile carries someone from signature to first day.

The pre-hire checklist, shown after the offer has been accepted
After acceptance: sign the documents, clear the background check, choose equipment, create the employee record. The timeline has moved past Job Offer to Pre-hire checklist, Tech Setup and Onboarding, on the same framework.

Personalisation without a second product

Two very different candidates, the same framework, different curation.

The IC5 candidate experience, with full navigation and a detailed timeline
IC5, guided: full navigation with every section one click away, a detailed timeline with copy explaining what's coming next, and quick links as jumping-off points for self-directed research.
The leadership candidate experience, simplified and curated
Leadership, self-serve: simplified navigation, a timeline without per-stage descriptions, interview conversations reduced to essentials, and a curated rather than exhaustive set of leaders to connect with. Same system, different curation.
Interactive prototype of the active interviewing journey
The interactive prototype: the active candidate journey, with the timeline driving the content area.

What we delivered

We took the full vision to high fidelity: the converged direction and its reasoning, the typology framework, the design-system recommendation, the component system, key screens from prospect to first day, and an interactive prototype running the journey in three candidate states.

What I took from it

Convergence is a different craft from exploration. Widening rewards generosity. Narrowing rewards evidence, and scoring five options on one spectrum is what turned a matter of taste into a decision leadership could actually make.

A framework is not a bigger feature. All three inherited concepts were good and all three sat at the wrong altitude. Anchoring to the timeline worked because it organised the product around the candidate’s state rather than around Meta’s org chart.

Fidelity is an argument, not a finish. The debate about personalisation went in circles while it stayed abstract and ended the moment two candidate types were on screen, rendered by one system.