Ian Bone

Senior Product Designer · Toronto, ON

Good design needs good bones.

I'm a product designer who builds what I design, so nothing gets lost between the idea and the thing that ships. From a design system at Apple to my own company end to end, I turn messy problems into systems a team can count on.

An illustration of Ian Bone at a desk, designing on a vintage computer beneath design-system posters

Selected clients

Apple

Enterprise design-systems work for Apple. The details are confidential, so what I can talk about here is the systems thinking behind it.

  • Design systems
  • Systems thinking
  • Enterprise scale
Read the approach
An illustrated desk with a vintage computer showing a design-system component library
An illustrated spa treatment room with a massage table by a sunlit window

Spabreaks.com

A UX audit and redesign of the UK’s largest spa-booking platform, focused on restructuring the booking experience to lift conversion.

  • UX audit
  • Conversion design
  • Booking flow
Read the case study

Applied Intuition

Building out a design system made to be read and executed by LLMs, not just by the people using it.

  • Design systems
  • LLM-readable
  • LLM-executable
Read the case study
An illustrated car interior on a city highway, the dashboard screen showing a driver-assist view
An illustrated custom football jersey floating above a pitch

Unmarked Apparel

Founder, designer, and sole engineer of a custom-apparel company, from the brand to the storefront to the admin platform behind it.

  • Brand
  • Product design
  • Design systems
Read the case study

Junxion App

Summary to come — one or two sentences on what Junxion is and what I did.

  • Tag one
  • Tag two
  • Tag three
Read the case study
An illustrated coach on the sideline checking a phone during a match

Designer first, builder close behind.

I've played a lot of positions over the years: art director, UX/UI lead, design-systems contributor, founder. The through line is always structure. I'm at my best when I can take a messy problem and turn it into a system that other people, and now AI, can keep building on without me in the room.

Class

Senior Product Designer

Skills

  • Design systems
  • Product design
  • UX/UI
  • Art direction
  • Brand
  • Front end
Ian Bone, drawn as a manga portrait, smiling

10

Clients

4

Roles held

1

Company founded

26

BONES components

An illustrated collage of design-system parts: alignment grids, colour tokens and a component library

Every colour, type step, and grid measure on this site comes from one token file. A build step compiles that file into the CSS you’re reading, and the design-system page renders the same tokens as its own documentation, so the docs can’t drift from the site.

Open the BONES system

tokens.ts

Every value is defined once, as a primitive or a named job.

build-tokens

A build step compiles the file to CSS before every deploy.

tokens.css

The generated CSS styles every page on the site.

Live docs

The system page renders the same objects as its documentation.

Let’s build something with good bones.

bones.ianc@gmail.com

Based in

Toronto, ON

Senior Product Designer

Case studies

Apple Spabreaks.com Applied Intuition Unmarked Apparel Junxion App

Bones UI

BONES design system