Two Column Skills

About this block

Two Column Skills splits the full discipline spread across two balanced columns, grouping chips by phase: Research and Design on the left, Systems and Delivery on the right. The heading names the offer plainly, What I bring to a project, and the lede scopes it, skills organized by phase, from early research through to shipped code and handoff.

There are two const arrays, left and right, each holding SkillGroup objects. Keeping skills grouped by phase rather than by category means the reader sees a sequence, not a pile.

When to use

Reach for this block on a homepage or a dedicated skills page when the practice spans multiple phases and a flat list would look undifferentiated. The installer swaps the group labels and chip strings to match their own discipline names.

A natural flow around it on a Portfolio Pro page:

Before

• Services section

After

• Testimonials
• Contact section

What you can display

One strong use is the phase-organized skill set for a full-stack designer or developer. Other layouts:

• Front-end developer. Languages and frameworks left, tooling and testing right.
• Illustrator or animator. Traditional skills left, digital tools right.
• Agency team. Strategy and research left, production and delivery right.

Tip: grouping by project phase rather than by tool category answers the question a client actually has: where in the work will you be useful to me.