B2B CRM SaaS Platform UX/UI Redesign | Web Design

The client is a European B2B service provider managing high-volume operations across multiple business departments. Their core product is a custom internal CRM ecosystem that handles complex deal pipelines, client communications and team workflows. The platform serves four roles (Sales, Operations, Managers and Admins) and processes thousands of active deals, tasks and client records every day. Our goal was to replace fragmented legacy tools with a unified, high-performance B2B SaaS web platform, covering product strategy, UX research, information architecture, UI design and a scalable design system.

Years of rapid feature expansion left the legacy platform with heavy technical and UX debt. Disjointed user flows and cluttered views caused cognitive overload when people switched between role-specific tasks. Without a unified design system, the interface was full of inconsistent components, conflicting UI patterns and visual noise.

Adding new features or roles was slow and risky, often breaking existing layouts and user habits. The challenge was to bring clarity to a data-dense product without slowing down the teams that rely on it every day.

Before moving to high-fidelity visuals, we rethought the core navigation and data mapping. We structured a multi-level navigation system that gives instant access to critical CRM modules based on user permissions. User flows and low-fidelity wireframes helped us validate key interaction models early. We tested multiple wireframe variations for data-dense screens, including tables, Kanban views and side sheets, to make the most of every screen. In parallel, we built a design system from the ground up so the new web design could scale without creating fresh visual debt.

A flexible modular framework tailors layouts, actions and data density to each role. The central dashboard combines a quick action hub, KPI summaries, smart pipeline cards and interactive analytics widgets for real-time visibility.

An interactive Kanban workspace supports real-time deal tracking with multi-parameter search, contextual case cards and capacity impact tracking. This prevents over-allocation, and one-click Accept / Decline actions speed up task handovers.

One workspace brings together milestone and SLA progress tracking, actual spend vs. projected budget, and a contextual activity log. It surfaces SLA risks and blockers early, so operations managers can step in on time.

A custom report builder, summary indicators and a categorized archive with one-click distribution remove manual reporting overhead. A searchable audit trail supports compliance.

Product Strategy & UX Research

Information Architecture & User Flows

Low-Fidelity Wireframes

SaaS Web Platform UX/UI Design

Dashboards, Kanban Pipeline, Forecasting & Reporting Screens

Design System with 150+ Components in Figma

The redesign turned a cluttered legacy tool into a unified B2B SaaS platform that streamlines complex workflows and significantly reduces task completion time across all user roles. The new design system is built on atomic design principles, auto-layouts, tokenized variables and WCAG 2.1 color contrast. It eliminates visual debt and helps the dev team build new features up to 2x faster while keeping the UI clean and consistent.