Home/AI Era/Client CRM
B2B Sales & Outreach Pipeline

Client CRM

A territory-driven B2B sales and outreach CRM — managing the full pipeline from lead import and email sequencing through cold outreach, active leads, deal management and client land-and-expand.

Role
Product Designer
Built With
Claude AI
Screens
38
Year
2026

The Approach

Process · 04 Stages

A full B2B sales CRM built for Joseph Group — 8 countries, 7 industries, data import through deals won. I followed the same four stages: ideation, design system, screen generation, refinement.

01
Stage 01

Ideation

Gathered requirements directly from stakeholders — workflows, edge cases, domain terminology — and consolidated everything into a single living markdown brief.

02
Stage 02

Design System

Built a brand-aligned design system from scratch — tokens, typography, components, states — so every screen that followed would feel cohesive.

03
Stage 03

Screen Generation

Used the brief and the design system together to generate the full breadth of screens as interactive HTML prototypes.

04
Stage 04

Refinement

Walked through each screen with the team, surfaced issues, refined flows and tightened the visual language until every view was production-ready.

The Business Logic

Overview · Users · Impact

JES-Leads CRM manages the full B2B sales and outreach pipeline for Joseph Group across the UAE, Saudi Arabia, Qatar, Bahrain, Oman, Kuwait, Netherlands and Germany — targeting Technology, Finance, Healthcare, Retail, Manufacturing, Energy and Telecom.

The Problem

Disconnected sales stack

The sales team was juggling CSV lists, email tools, spreadsheets and manual cold-call tracking with no single pipeline. No sequence engine, no territory-aware routing, no unified view of leads, deals or client relationships — and no way for managers to see rep performance without chasing exports.

The Solution

A five-module pipeline

One CRM built as five modules that flow left-to-right: Data Management → Outreach (4-step sequence engine) → Active Leads kanban → Sales deals pipeline → Client management for land-and-expand. Every view is filtered by territory, role and status.

Who It's For

Four role-based views

Four user roles — Sales Manager (oversight), Sales Rep (territory execution), Data Manager (data pipeline), Admin (system) — each with a tailored sidebar, dashboard and data scope enforced by the rep assignment table.

The Impact

From chaos to measurable pipeline

Reps get a clear daily activity list and build-list workflow instead of a cold spreadsheet. Managers get live pipeline value, win rate and graduation rate dashboards. Clients become reusable assets via land-and-expand, and outreach is compliance-aware with email block lists and auto-blocking for existing clients.

Four user types · five modules

Territory-scoped pipeline
01
Sales Manager
Oversight

Senior sales role — sees everything across territories, monitors dashboards, responds to escalation Pending Actions, and has fallback permissions for reassignments and stuck leads.

02
Sales Rep
Territory

Individual contributor — works assigned territory across Outreach, Active Leads, Sales and Clients. Runs daily Build List activities, books meetings, closes deals.

03
Data Manager
Data

Owns the Data Management module — imports leads via CSV, runs verification via Reon + NeverBounce, routes leads to Instantly campaigns, classifies replies and manages block lists.

+
Admin
System

Superuser — manages users, rep assignments, territories, system settings and cross-module read visibility. Also runs client master management.

4
User roles
Admin · SM · SR · DM
5
Modules
Data → Outreach → Active → Sales → Clients
8
Countries
UAE · KSA · Qatar · NL · DE · …
38
Screens
one per role × module
4
Outreach steps
Email · LinkedIn · Call · Meeting

All Screens

38 prototypes · 5 groups · click to open in canvas
01

Auth

Entry point to the CRM.

1 screens
02

Admin

System-wide admin views — the CEO-level cross-territory lens over the whole pipeline.

10 screens
03

Sales Manager

Oversight role — full visibility across territories, reps and deals with fallback permissions for escalations.

8 screens
04

Sales Rep

The daily driver — territory-scoped views for working leads, booking meetings and closing deals.

7 screens
05

Data Manager

Owns the data pipeline — import, verification, campaign dispatch, reply handling and block-list governance.

12 screens