Skill Categories
Four category cards in a two-column grid organizing specific skills by project phase from Discovery through Delivery for a senior product designer.
Four category cards in a two-column grid organizing specific skills by project phase from Discovery through Delivery for a senior product designer.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Skill Categories presents four category cards in a two- column grid: Discovery, Design, Systems, and Delivery. Each card holds a heading and a bulleted list of six specific skills organized by where in a project they show up. The Discovery card runs from user interviews through synthesis; the Delivery card ends at post-launch usability review. The heading "Skills by category" and the lede about first workshop to shipped release make the sequencing explicit.
Categories are one typed array, skills within each category are an array of strings. Four cards in two columns is the distinctive choice: it maps onto the phases of a project rather than grouping by discipline, which is more useful to a client or hiring manager scanning for coverage.
Reach for this block on a skills page or an about page for a senior designer or design lead who needs to demonstrate end-to-end coverage, not just craft skills. The installer swaps the four headings and the skill lists for their own taxonomy.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the end-to-end product designer taxonomy. Other configurations:
Tip: ordering the cards to match a project timeline (Discovery before Delivery) helps a client understand how you engage, not just what you know.