All studies39 / 74
Interaction
Scope builder
Services you click fly between an available column and an in-scope column, and the estimate springs to the new total.
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.