Loadout · Skills and tools

Ten points

I plan every project as a ten-point loadout: one primary discipline, a secondary, attachments, tools, three perks and a wildcard. Here is the full armory.

I plan every project as a ten-point loadout: one primary discipline, a secondary, attachments, tools, three perks and a wildcard. Here is the full armory.

10

Points

03

Classes

20

Items

Pick a class

Three ways I usually work.

Three ways I usually work.

Switch classes to see the loadout re-balance. Every stat moves with what is equipped.

Switch classes to see the loadout re-balance. Every stat moves with what is equipped.

01 Product build

How I run a product engagement

02 Brand launch

A new name, a new site, one date

03 System rescue

Nine teams, one source of truth

Points

10/10

Primary

Primary

Lv 9 · 11 yrs

Product design

+30 Craft · +14 Systems

Attachments

Attachment

Lv 7

Field research

Attachment

Lv 9

Prototyping

Secondary

Secondary

Lv 8 · 9 yrs

Front-end

+18 Speed · +16 Systems

Attachment

Attachment

Lv 8

React + TS

Tools

Tool 1

Daily

Figma

Tool 2

Daily

VS Code + Git

Perks

Perk 1

1 pt

Workshop lead

Perk 2

1 pt

Accessible by default

Perk 3

+

Wildcard

Wildcard

1 pt

Hybrid: designs in code

Craft

Detail and finish

94

Speed

Time to something real

92

Systems

Scales past launch

90

Range

Breadth of media

68

Comms

Clients stay in the loop

70

Primary · Equipped

Class intel

Product design

Lv 9 · 11 yrs

Flows, screens and the decisions behind them. I start from the job the user is trying to finish, not from the screen.

Field-tested · Copper Ridge, Night Ferry

When to pick this class

Best for apps and dashboards where the details decide adoption. Research first, prototype by day three, ship in code.

0 points free · hover a slot

Book this class →

01 Product build

How I run a product engagement

02 Brand launch

A new name, a new site, one date

03 System rescue

Nine teams, one source of truth

Points

10/10

Primary

Primary

Lv 9 · 11 yrs

Product design

+30 Craft · +14 Systems

Attachments

Attachment

Lv 7

Field research

Attachment

Lv 9

Prototyping

Secondary

Secondary

Lv 8 · 9 yrs

Front-end

+18 Speed · +16 Systems

Attachment

Attachment

Lv 8

React + TS

Tools

Tool 1

Daily

Figma

Tool 2

Daily

VS Code + Git

Perks

Perk 1

1 pt

Workshop lead

Perk 2

1 pt

Accessible by default

Perk 3

+

Wildcard

Wildcard

1 pt

Hybrid: designs in code

Craft

94

Speed

92

Systems

90

Range

68

Comms

70

Primary · Equipped

Class intel

Product design

Lv 9 · 11 yrs

Flows, screens and the decisions behind them. I start from the job the user is trying to finish, not from the screen.

Field-tested · Copper Ridge, Night Ferry

When to pick this class

Best for apps and dashboards where the details decide adoption. Research first, prototype by day three, ship in code.

Book this class →

01 Product build

How I run a product engagement

02 Brand launch

A new name, a new site, one date

03 System rescue

Nine teams, one source of truth

Points

10/10

Primary

Primary

Lv 9 · 11 yrs

Product design

+30 Craft · +14 Systems

Attachments

Attachment

Lv 7

Field research

Attachment

Lv 9

Prototyping

Secondary

Secondary

Lv 8 · 9 yrs

Front-end

+18 Speed · +16 Systems

Attachment

Attachment

Lv 8

React + TS

Tools

Tool 1

Daily

Figma

Tool 2

Daily

VS Code + Git

Perks

Perk 1

1 pt

Workshop lead

Perk 2

1 pt

Accessible by default

Perk 3

+

Wildcard

Wildcard

1 pt

Hybrid: designs in code

Craft

94

Speed

92

Systems

90

Range

68

Comms

70

Primary · Equipped

Class intel

Product design

Lv 9 · 11 yrs

Flows, screens and the decisions behind them. I start from the job the user is trying to finish, not from the screen.

Field-tested · Copper Ridge, Night Ferry

When to pick this class

Best for apps and dashboards where the details decide adoption. Research first, prototype by day three, ship in code.

Book this class →

Armory

Everything I can bring.

Everything I can bring.

Twenty items across six slot types. Each one lists what it adds, and where it was field-tested.

Twenty items across six slot types. Each one lists what it adds, and where it was field-tested.

Primaries

The discipline a mission is built around

Product design

Lv 9 · 11 yrs

+30 Craft · +14 Systems

Brand identity

Lv 7 · 8 yrs

+32 Craft · +16 Range

Design systems

Lv 8 · 7 yrs

+34 Systems · +18 Craft

Secondaries

The second skill that ships with it

Front-end

Lv 8 · 9 yrs

+18 Speed · +16 Systems

Motion

Lv 6 · 5 yrs

+16 Craft · +14 Range

3D + WebGL

Lv 5 · 4 yrs

+20 Range · +18 Craft

Attachments

Specialisms that sharpen a slot

Field research

Lv 7

+10 Comms · +6 Range

Prototyping

Lv 9

+10 Speed · +6 Craft

Data viz

Lv 7

+8 Craft · +8 Range

Type systems

Lv 8

+10 Craft · +8 Systems

React + TypeScript

Lv 8

+10 Systems · +8 Speed

Perks

How I work with your team

Workshop lead

1 pt

+14 Comms · +4 Speed

Writes the docs

1 pt

+10 Systems · +10 Comms

Calm on deadline

1 pt

+10 Speed · +6 Comms

Accessible by default

1 pt

+6 Craft · +6 Systems

Speaks engineer

1 pt

+8 Comms · +6 Speed

Wildcards

One rule change per mission

Hybrid: designs in code

1 pt

+12 Speed · +6 Craft

Specialist

1 pt

+16 Craft · −10 Range

Ships weekly

1 pt

+16 Speed · +4 Range

Reading the stats

What the five bars mean.

What the five bars mean.

Plain definitions, so a high number means the same thing to you as it does to me.

Plain definitions, so a high number means the same thing to you as it does to me.

Craft

Detail and finish. How it looks and feels at 100% zoom, and at 400%.

Speed

Time to something real. Prototypes in days, releases every week.

Systems

How well it scales past launch: tokens, components, docs.

Range

Breadth of media: product, brand, motion, 3D, print.

Comms

How often you know exactly where the project stands.

  • Figma

  • Framer

  • React

  • TypeScript

  • Blender

  • Storybook

  • D3

  • VS Code + Git

Build a class for your project.

Build a class for your project.

Tell me the result that matters and I will send back a ten-point loadout with the trade-offs visible.

Tell me the result that matters and I will send back a ten-point loadout with the trade-offs visible.

Request extraction →

Operator card

Rank · Lead

Iris Calder

Product designer & front-end developer. I take on four missions a year, start to finish.

Base

Rotterdam

Timezone

CET · UTC+1

Status

Open Jan 2027

Mission complete.

Thanks for playing through. The next one could be yours.

© 2026 Iris Calder

51°55′N 4°28′E

Template · Loadfolio

Operator card

Rank · Lead

Iris Calder

Product designer & front-end developer. I take on four missions a year, start to finish.

Base

Rotterdam

Timezone

CET · UTC+1

Status

Open Jan 2027

Mission complete.

Thanks for playing through. The next one could be yours.

© 2026 Iris Calder

51°55′N 4°28′E

Template · Loadfolio

Create a free website with Framer, the website builder loved by startups, designers and agencies.