Assembling system…

Tara Arya — Lead Product Designer. I design for coherence. Because the pieces matter, but the connections make it work

Scene: a single brick floats in a cosmic workshop. Pieces arrive one by one along their attachment axes and click on — a problem, a user, a constraint, a business goal, a decision — until a modular rocket has assembled. The nose cone snaps on last.

01The first piece

“Every product starts with pieces”

- Tara Arya

Lead Product Designer10+ yearsEnterprise UX · Design Systems · AI

Each piece clicks onto the last

  1. A problem.
  2. A user.
  3. A constraint.
  4. A business goal.
  5. A decision.

AssemblyThe rocket emerges

A product is built from decisions.

Seemingly isolated decisions.

The magic lies in how they connect to form a whole.

Scroll to build

The rocket, assembled

Chapter 02 · Case studies

Case studies

Different problems.Different systems.Different structures.

    Chapter 02 · AI labs

    AI labs

    Products and prototypes built with AI tools.Live, clickable, occasionally unhinged.

      Scene: the rocket disassembles outside-in — exhaust, engine, boosters, body sections, nose — each piece sliding out along its socket into an exploded inspection view with its connection points visible. The pieces then regroup into a pattern grid and a branching workflow.

      03The connection
      DisassemblyOutside in

      A component is a brick.

      A pattern is a group of bricks.

      A workflow is a structure.

      Exploded view: how the pieces connect

      Scene: the camera pulls back continuously — one brick becomes a component, components a pattern, the pattern a branching workflow, the workflow one layer of a product, and hundreds of products an ecosystem.

      04The scale of the system
      0%Brick

      20%Component

      One component becomes many.

      40%Pattern

      60%Workflow

      80%Product

      A product is a system of systems.

      100%Ecosystem

      And an ecosystem is what happens when they all connect.

      Brick → component → pattern → workflow → product → ecosystem

      Scene: an ordered structure gains users, roles, permissions, states, data, dependencies, approvals and edge cases until it is chaotic. Everything freezes. One connection line lights up, becomes a pathway, and the system rebuilds itself around it.

      05Complexity

      Then the real product arrives

      1. Users
      2. Roles
      3. Permissions
      4. States
      5. Data
      6. Dependencies
      7. Edge cases
      8. Workflows
      9. Approvals
      10. Constraints

      Complexity without structure is chaos.

      Add structure, and clarity emerges.

      My job is to give structure to complexity.

      Unstructured → structured

      Interactive map: Research → Insight → Information architecture → User flow → Interaction → Component → Design system → Product. Each node highlights its connections when selected.

      05Reorganisation

      Hover or tap a node · click to enter

      Research → Insight → IA → User flow → Interaction → Component → System → Product

      Scene: a workshop table with ten constructions — research, analytics, prototypes, user flows, design system, documentation, testing, collaboration, governance, strategy.

      06The designer's workshop

      The workshop

      Hover a tool · drag to orbit

      The tools on the table

      Scene: every rocket piece sits in a tidy library, row by row. The library then assembles the rocket again — quickly, confidently, every piece to a known socket.

      07The design system

      The library

      Every repeated decision steals attention from a harder one.

      A strong design system removes that friction.

      It creates clarity around the things that should already be settled.

      So teams can focus their energy on what still needs to be figured out.

      The library

      Scene: the rocket as an exploded technical model — connection points, component boundaries, parent–child lines, section labels. The Experience / System switch in the header does this to the whole site.

      08System view

      The polished experience has an underlying system.

      Try the System switch in the header

      System view

      Scene: the rocket returns and floats calmly. Each phrase adds a structural layer around it — SaaS, enterprise, complex workflows, design systems, data-heavy products — then three layers: strategy (a foundation), systems (a connected ring) and craft (fine parts near the nose).

      09The designer

      I've spent 10+ years designing digital products.

      1. SaaS.
      2. Enterprise.
      3. Complex workflows.
      4. Design systems.
      5. Data-heavy products.
      StrategyLarge foundation
      SystemsInterconnected structure
      CraftFine-grained components

      I move between the smallest interaction and the architecture of the entire product.

      Strategy · Systems · Craft

      Scene: the rocket splits into smaller structures — teams — each connected to a central system.

      09Leadership

      The strongest design team is one where good design becomes easier to produce consistently.

      For that, structure is as important as individual pieces and components.

      Structure establishes rules…

      Teams around one system

      Scene: the rocket takes itself apart — not because something is wrong, because systems evolve — becomes a bridge, then a network, then a rocket again.

      10Build, break, rebuild

      Systems aren’t static entities.They evolve.

      Good systems aren't rigid.

      They're adaptable.

      The same pieces, a different structure

      Three principles: make the complex understandable (a chaotic structure reorganises); build systems, not just screens (a single screen expands into an ecosystem); leave room to build (a rigid box opens into many configurations).

      10Principles

      Principle 01

      Make the complex understandable.

      Principle 02

      Build systems, not just screens.

      Principle 03

      Leave room to build.

      Leave room to build

      A constellation of skill categories: Product, UX, UI, Systems, Research, Data, Design Ops, Leadership, AI. Selecting one reveals the related skills.

      10Skills

      Hover or tap a category

      Skills constellation

      Scene: the camera pulls far away — the pattern, the map, the workshop, the library, the workflow and the bridge surround the rocket in one ecosystem. Everything converges into the most complete rocket, which then launches slowly upward with a soft exhaust glow and disappears.

      11The ecosystem

      Everything connects.

      Have a problem to build?

      Bring me the messy version.

      • The constraints.
      • The half-formed idea.
      • The complicated workflow.
      • The thing that doesn't quite fit.

      Let's figure out how the pieces connect.

      I design the bricks.

      The connections.

      And the systems that turn them into products.

      Tara Arya

      Lead Product Designer

      10+ years · Product · Systems · Complex workflows

      The most complete rocket