Skip to main content
Helm

Sales ops · Dashboards

Helm

Sales pipeline, no spreadsheet

Scroll to explore

01 · Sales ops

Pipeline without a spreadsheet

Sales pipeline, no spreadsheet. Fictional direction — same craft as real client work under NDA.

  • 01

    Deals

    Stages, amounts, next actions — one list.

  • 02

    Team

    Who owns what, forecast fresh every Monday.

  • 03

    Follow-ups

    Email / LinkedIn sequences tied to the deal.

01b · Engineering

Technical sheet

Stack, shipping and my role on this build — for recruiters and tech leads.

Technologies
  • Next.js
  • TypeScript
  • React
  • Tailwind CSS
Libraries & tools
  • Recharts-style charts
  • Framer Motion
Deployment

/play demo — simulated ops app, mock data

Role

Data UX · dense UI · business components

Context

Playable prototype — filters, states, navigation

02 · Inside the product

One scroll, one screen

Each section locks to the viewport — keep scrolling past the last screen to return to the brief.

Helm

Pipeline without a spreadsheet

Open

Deals

128 k€

Team

98,2 %

Follow-ups

14

Team

Open
Alpha Corp12.4 k€
Bravo SAS16.1 k€
Charlie SARL19.8 k€
Delta SAS23.5 k€
Echo SA27.2 k€
Foxtrot30.9 k€

Open Helm

Open

Sélection

Sales pipeline, no spreadsheet

Import 20 CSV deals and see your pipeline live.

Activité

  • No more deals forgotten at the bottom of an Excel column.

    Account exec

  • Forecast is credible for the first time.

    Head of sales

Back to the brief

You’ve left the demo screens — next: try it, then the craft notes.

03 · Sales

The CRM they actually use

No more deals forgotten at the bottom of an Excel column.

Account exec

Forecast is credible for the first time.

Head of sales

04 · Demo

Open Helm

Import 20 CSV deals and see your pipeline live.

  • Hero + below-the-fold sections (not just a hook)
  • Visual hierarchy and primary CTA
  • Information density vs readability
Open the full app
Helm

Selected deal

Local demo — no data is sent.

05 · Same family

Other directions of the same type — to compare density and mood.

Nord/Sud — Cash flow you can read
Nord/SudCash flow you can read
Signal — API health at a glance
SignalAPI health at a glance
Kanban — The board your team actually opens
KanbanThe board your team actually opens
Ledger — Invoices and payments in one place
LedgerInvoices and payments in one place

06 · What to look at

  1. 01Hero + below-the-fold sections (not just a hook)
  2. 02Visual hierarchy and primary CTA
  3. 03Information density vs readability
  4. 04Interactive states (hover, selection, feedback)

A project in this spirit?

Helm — Sales pipeline, no spreadsheet | Ilyesse Hamcherif