Back to portfolio

This site

A career site that is also its own printed CV.

How I built it

Used Claude Code as a virtual cross-functional development team, creating specialised skill workflows for content strategy, UI design, architecture, testing, governance and project management, with every significant design and architecture decision recorded. Integrated MCP tools including Figma and Playwright to connect product design and browser testing.

01 — Problem

CVs drift from the evidence behind them

Recruiters skim a candidate’s profile quickly and often print it, while the evidence behind a CV’s claims sits elsewhere, and a CV kept apart from a website drifts out of step with it.

02 — Product

A career site that is its own CV

A career site that is also its own printed CV, with a view of its own for every role and project, and a downloadable CV kept in step with the page.

03 — Key decisions

The page is the CV

The page is the CV · Content separate from code · Static by design · Accessible from the start · Every decision recorded

04 — Outcome

Live, printable and every decision traced

Live career site · Printable CV · A view for every role and project · Automated quality gate · Decision trail

05 — My contribution

From product strategy to delivery

Product strategy · Content · UX/UI · Architecture · AI-assisted development · Delivery

Built with

  • Next.js
  • TypeScript
  • CSS Modules
  • Vercel
This site’s window, showing its introduction: the owner’s photo beside a greeting, the name, the positioning line, the location and the summary, above the contact and CV controls and the start of the experience timeline
This site’s window, showing its introduction: the owner’s photo beside a greeting, the name, the positioning line, the location and the summary, above the contact and CV controls and the start of the experience timeline

The introduction

1 of 7

The introduction
This site’s window, showing its experience: five roles as cards along a timeline, each under its dates, with its company’s logo, the job title and the place, above the start of the portfolio
This site’s window, showing its experience: five roles as cards along a timeline, each under its dates, with its company’s logo, the job title and the place, above the start of the portfolio

The experience timeline

2 of 7

The experience timeline
This site’s window, showing its portfolio: the cards of NumisBook and the Digital Twin, each with a picture of the application on a laptop, its name, one sentence and its technologies, above the top of the next two cards
This site’s window, showing its portfolio: the cards of NumisBook and the Digital Twin, each with a picture of the application on a laptop, its name, one sentence and its technologies, above the top of the next two cards

The portfolio

3 of 7

The portfolio
This site’s window, showing its skills in four groups, product and delivery, AI, data and IoT, and tools, each listing its skills by level: advanced, proficient or basic
This site’s window, showing its skills in four groups, product and delivery, AI, data and IoT, and tools, each listing its skills by level: advanced, proficient or basic

The skills

4 of 7

The skills
This site’s window, showing the end of the page: two degrees and two certifications as cards along a timeline, the four languages with their levels, and the footer with the contact addresses
This site’s window, showing the end of the page: two degrees and two certifications as cards along a timeline, the four languages with their levels, and the footer with the contact addresses

Education and languages

5 of 7

Education and languages
This site’s window, showing a project’s view, NumisBook’s: its name, a switch between the overview and the business case, its description, how it was built, its technologies and its links, beside a picture of the application above a row of thumbnails
This site’s window, showing a project’s view, NumisBook’s: its name, a switch between the overview and the business case, its description, how it was built, its technologies and its links, beside a picture of the application above a row of thumbnails

A project’s view

6 of 7

A project’s view
This site’s window, showing a role’s view, the current one at ABB: the company, the dates and the place above the job title, then four numbered responsibilities and achievements
This site’s window, showing a role’s view, the current one at ABB: the company, the dates and the place above the job title, then four numbered responsibilities and achievements

A role’s view

7 of 7

A role’s view