All studies

Interaction

Scope builder

Services you click fly between an available column and an in-scope column, and the estimate springs to the new total.

39 / 74

Where it earns its place

Pricing and scoping pages, onboarding checklists, favourites and shortlists: anywhere a choice moves an item from one list into another.

What we changed

  • Recast from a generic pinned list into a scope builder with real studio services, costs, weeks and a live estimate that starts from $15,000.
  • Kept the core idea: one layoutId per row inside a LayoutGroup, so a row travels between two separate lists instead of disappearing from one and appearing in the other.
  • The original lowered a whole section's z-index on a 500 ms timer; here only the moving row is raised, and it drops back when its own layout animation reports complete.
  • Rows are real buttons with aria-pressed, and focus follows the row into its new column, since the remount would otherwise drop keyboard users back to the page.
  • Two columns instead of a stacked list, so the flight is long enough to read, with a spring tuned to land without bouncing over its new neighbour.