• 2022–2025
  • XING
  • 20M+ members
  • AI strategy
  • B2C + B2B
  • Product vision

From AI strategy to hiring journey vision

My role

I led the design translation of an AI product strategy into a concrete hiring journey vision. My concept helped shape the direction in an SVP-led workshop, then became future B2C and B2B flows, animated vision artefacts, and fast-tracked experiments.

Opportunity

Finding and filling jobs is slow and effortful — for both users and recruiters. Research showed a clear need for time savings, reduced effort, and better matching. The opportunity was to rethink the hiring journey end-to-end: using AI to take over the heavy lifting while improving efficiency, match quality, and application quality.

Outcome and Impact

Turned abstract AI strategy into shared product direction — from leadership vision to tangible flows, implementation specs, and first experiments. The initial shadow-profile test validated the approach as a safe foundation, with no drop in engagement.

Miro board with early AI hiring journey concepts and research insights
To the drawing board

Two days of focused vision work with leaders from engineering, product, design, and marketing, facilitated by the SVP of Product. I helped translate fresh user-research insights into concrete product directions — focusing on where AI could meaningfully reduce effort across the hiring journey.

A whole heap of vision — made watchable

To make an abstract vision tangible, I created a series of animated screens — a shared artefact that helped leadership align, teams converge, and roadmap decisions take shape.

Getting real — implementation

I kept design and engineering aligned from concept into build — defining specs, resolving edge cases, and collaborating daily to ship the fastest viable version of the shadow-profile builder.

Flow specification showing behaviour rules for two-step input fields
Flow specification showing behaviour rules for two-step input fields
Flow specification showing behaviour rules for two-step input fields
Specs don’t stop at visuals — they define behaviour.

Even two input fields require decisions: when values persist, how clearing behaves, and when additional inputs appear. These rules are not edge cases — they are the product.

Dark mode version of the AI job search entry screen
Pssst...for the people on the dark side of the moon

Dark mode changes how interfaces communicate hierarchy, contrast and depth. Instead of adapting designs later, we built it into the system from the start — defining both modes in the specs to ensure consistency and clarity.

Annotated discarded screen directions with red crosses and one selected direction
Show where you didn’t go

Instead of hiding discarded directions, we documented them. This made decisions easier to explain, prevented repeated loops, and helped the team align faster around the path forward.

Two mobile screens showing height-aware job card layouts
Responsive design isn’t just width — it’s height.

For swipeable cards, height introduces a real trade-off: fixed layouts waste space, flexible ones lose content. We made cards height-aware — maximising content while defining clear prioritisation rules.🤓

Interactive CodePen prototype
ALso: interactive! Prototype the behaviour, not just the screen

I built a CodePen prototype to define truncation logic, test edge cases, and align design and engineering on consistent behaviour across screen heights.