Carlos

PipeDesk CRM

A sales pipeline that stays current, at the desk and on the road

Mid-sized B2B sales teams ran their pipeline across spreadsheets, a legacy CRM and chat threads. Reps updated deals once a week, usually on Friday afternoon, so the forecast was already stale by Monday.

I designed PipeDesk as one product on two surfaces: the web app for planning and analysis, the mobile app for the moments between meetings, both built on the same components and data model.

  • UX research
  • Interaction design
  • UI & design system
  • Prototyping

Wireframes

Before any visual design, the two core flows were laid out in low fidelity on the real layout: the pipeline board on the web, and the path from a deal to its next stage on the phone.

Four decisions carried the board: (1) one switcher for board, list, calendar and timeline over the same deals; (2) the count and total value in every stage header; (3) cards that show stage, priority, close date, value and source at a glance; (4) adding a deal right where it belongs.

Wireframe of the pipeline board: view switcher, stage headers, deal cards and the add action, numbered
Mobile wireframe flow: a deal card tapped on the board opens the deal, where the stage moves with one tap

Pipeline

The board is where the day starts. Deals are dragged between stages, and the same deals open as a list, a calendar of closing dates or a timeline, without losing the filters.

Each card answers the questions a manager asks in a pipeline review, so the weekly review takes minutes instead of an hour.

The pipeline board: deals in Prospecção, Qualificação, Proposta and Negociação with value and total per stage
A deal in detail: next steps, activity and properties such as owner, value, probability and close date
The pipeline board on the phone, one stage at a time
Moving a deal to another stage from a bottom sheet

I update deals in the car park between meetings now. Before, it all waited until Friday, and by then I had forgotten half of it.

Account executive, pilot team

Web and mobile

Mobile is not a smaller web app. It keeps what matters between meetings: today’s activities, the deals closing this week, moving a stage, logging a call, and filters that fit a thumb.

Both apps share one component library and the same tokens, so a deal, a contact or a goal looks and behaves the same everywhere.

A contact profile on the web and on the phone, with the contacts list beside it
Four phone screens: home, activities, the agenda and the team goals
Creating a deal on the phone with company, value, stage and priority
Pipeline filters by stage, owner, close date and value

Insights

Analytics, team dashboards and goals turn the pipeline into a forecast managers can trust, and proposals are generated from the deal itself, with products, pricing and terms in one document.

The analytics overview and the team performance dashboard side by side
A commercial proposal generated from the deal, with scope and investment

Sales copilot

The copilot was designed as a colleague, not as a chat window. It reads the pipeline, points out deals at risk and suggests the next step, and every suggestion shows where it came from, so the seller decides with context.

On the forecast screen the same logic explains the number: which deals hold the quarter and which ones depend on a single contact.

Copilot panel over the home screen
Pipeline insights: risks and opportunities
Sales forecast with the copilot analysis

In the field

Sellers update the CRM between meetings, with one hand and little time. On the phone, moving a deal is a single gesture and a call turns into a summary with suggested actions, so the record is done before the next visit.

Home on the phone
Pipeline board
Deal detail
Move the deal to another stage
Activity list
Call summary written by AI
Copilot on the phone
Goals on the phone

Goals and management

Managers needed to answer two questions without opening a spreadsheet: are we going to hit the goal, and who needs help. Goals, performance and ranking use the same components as the rest of the product, so the reading is immediate.

Quarterly goals with ranking by seller
Team performance dashboard
Schedule a meeting with suggested times
Commercial proposal

What I learned

Speed is the feature. In a CRM, every second saved on an update is data that finally gets in, and better data is what managers are really paying for.

Designing web and mobile together, from the same model, kept the two from drifting apart and made the phone part of the system, not an afterthought.

Results

−38%

Time to update a deal

83%

Deals with a next step scheduled, up from 61%

3.2×

Pipeline updates made on mobile

84

SUS usability score

Next case study

Gamma

Build, monitor and govern AI agents without code.