UI UX designer for SaaS dev ops web app redesign in Figma

We led a UX audit and end to end UI UX design refresh for a confidential B2B SaaS design product, a GitHub-like DevOps platform built for Salesforce development teams.

The product was powerful, but usability maturity was low. The UI felt visually inconsistent, empty states did not guide users forward, and critical workflows allowed preventable mistakes, for example creating a Pull Request between identical branches. That friction showed up as drop-offs early in the flow, more back and forth with support, and slower PR throughput.

Pull Request workflow redesign: We rebuilt PR creation into a guided sequence (Branch, Description, Assignee, Labels, Priority, Due date) with real-time validation and clearer error handling, plus a rich text editor for structured context and collaboration.

PR index as “mission control”: We turned the PR list into a scannable dashboard with status tabs and counters, improved filtering, and higher information density, so teams can triage faster without opening every PR.

PR detail page overhaul: We added a structured activity timeline (who, when, what), conflict and status banners, clearer action hierarchy (Merge, Edit), and a dedicated metadata panel that stays easy to read at a glance.

Branch Overview dashboard (new): A full branch health dashboard with PR status breakdown, activity charts (commits, PRs, merges), Recent Releases, branch ahead/behind status, and recent deployment/build status, giving engineers and leads instant visibility into what is happening and what is safe to ship.

Branches page redesign: Tabs for All, Yours, Active, Stale with counters, faster scanning, and a compact ahead/behind mini-chart per branch to spot risk and drift quickly.

Branch page improvements: Clearer Components table hierarchy with search, filters, source context, “updated by/at”, and file counts, optimized for quick scanning and fewer misclicks.

Component page refresh: Cleaner file navigation and code readability, better information structure, and faster “find and verify” workflows for Salesforce metadata files.

In internal usability checks and early product signals, PR creation effort dropped by roughly half because users hit fewer dead ends and fewer validation mistakes. Task success improved from “about two-thirds” to “around nine out of ten” users completing core PR actions without help. The new branch and deployment dashboards also reduced status-checking overhead, meaning fewer “what’s deployed / what’s blocked” questions and faster decisions during review and release cycles.