Find & Replace. 

SCOPE Better scopes can run to hundreds of nested rows. When a user spotted a single role appearing across 105 components, the only way to fix it was to scroll through every one and change it manually. It could take hours. And it was easy to miss something. Users needed Ctrl+F easy to find and use.

DISCOVERY

I mapped every ‘where’s my role?’ complaint the support team had logged. The pattern was clear; this was infrequent but painful every single time it happened. I also ran a quick naming test. Nobody outside the company knew what ‘Staff Mix’ meant. So we called it Find and Replace. Everyone knew what that meant.

Find & Replace – wires user flows
WHAT I DID

The feature had to feel familiar and stay out of the way until needed. I placed the entry point in the table’s more options menu, visible when relevant, hidden when not. It opens a right-hand drawer with a simple flow:

 

Search for the role you want to replace. Filter by deliverable, component, or department if needed. See every match in a breadcrumb list with inline hour editing. Search for the replacement role. Choose “Replace All” or pick rows individually. Done.


Reviewer and approver roles get read-only views so governance stays intact. Three user flows were mapped (approver, reviewer and collaborator) to make sure each persona got the right level of access.

Three screens showing the UI of Find and Replace Role flow: Default, filled and system feedback message of task completed.
Breadcrumbs of where the role founded is.
OUTCOME

Adoption was immediate. What used to take an hour now takes minutes. No onboarding needed. No support tickets. As one Customer Success rep put it: ‘They finally have a real Ctrl+F.

Find and Replace Highlited

Company

SCOPE Better

Year

2024

Design Tools

Figma and Miro

Uncover more of my work

  • An initiative beyond aesthetics. A system and streamlined processes to drive velocity, alignment, and scalability. Laying the groundwork for future growth.
  • Agencies always work against the clock. Scope by Timeline gave them a way to plan and price a project visually, translating the existing scope table into an editable Gantt-style view that updated in real time.
  • The most important numbers in a CPQ platform were buried at the bottom of a 500-row table. A new financial summary block brought them to the top: configurable, collapsible, and built to make SCOPE Better feel like software, not a spreadsheet.
  • The Create Scope form was the first thing new users encountered, and it was preventing them from accessing the product at all. A one-sprint redesign that cut completion time by 85% and dropped support tickets by 60%.
  • 78% of users ignored SCOPE Better's pricing by role feature. Not because they didn't need it, because 30-second load times and a broken table made it not worth the effort.
  • A platform that worked but didn't feel finished. An 11-month platform-wide UX and UI uplift, running alongside a framework migration and a design system build, that turned a functional tool into something clients were proud to use.
Back To Top
VIEW