How this website works
Short guides to each part of my interactive résumé: what appears on screen, what is clickable, and what happens next. This is not the live app—open the career site to use it. Each page ends with a simple layout sketch.
Overall designs
Tab Designs
Site Feature Designs
Overall architecture
Tabs along the top
- Industries Donut chart of career time by sector; click a slice for detail and companies.
- Skills Same idea as Industries, but each slice is a skill—overlaps with industry totals are normal.
- Wordcloud Word frequency view built from public profile text fields (not raw private CV file content).
- Timeline Roles as horizontal bars over time; optional jump from a year into Journey.
- Ribbon 3D ribbon of my career path, or a still diagram if WebGL is off or data-saver / reduced motion is on.
- Journey Scroll through roles (most recent first) with a year rail on large screens.
- Constellation Interactive map of roles: pan, zoom, drag nodes; click a role to read impact.
- Capabilities Pick a leadership or delivery tag to list every role that includes it.
- Impact Pick a role on the left; outcomes, challenges, and approach on the right.
Other things on the site
Search, share card, background motion, and optional tabs that may not appear in the bar on every deployment.
- Command palette Press Ctrl+K or ⌘K to search roles, companies, capabilities, and impact lines.
- Snapshot card Generate a PNG poster with headline, experience, top sectors, tagline excerpt, and site QR.
- Board games Recent board-game plays with cover art and whether Paul won, lost, or simply played.
- Competitions Europe Masters highlights for the UK/GB team and Paul’s results—static cards, year breakdowns, and links to official scores.
- Ask (CV chat) Chat tab: replies draw only on the CV held on the server.
- Generative backdrop Soft, slow-moving colour behind the page, unique to the set of roles on the profile.