Transforming Untapped Data into Actionable Insight
Overview
Sopro is a leading B2B lead generation agency that blends proprietary technology with human expertise to deliver high-quality sales opportunities. Their Premium Client Portal serves as the central place for 3,000+ global clients to track campaign performance, monitor prospect intent, and manage lead flows.
Our mission was to lead a comprehensive design overhaul of the core Company and Prospect interfaces as a part of the transitioning the portal from a legacy architecture to a high performance React based ecosystem.
The Challenge
While the Sopro portal offered deep data, internal discovery revealed a critical "Intelligence Gap" between the data provided and the actions sales agents needed to take.
Operational Inefficiency
User interviews with sales agents showed that the portal was being bypassed. They were forced into a high friction workflow, manually cross referencing LinkedIn, HubSpot, and Google data because the portal's information was poorly structured or missing.
Legacy Architecture Constraints
The existing portal operated on a rigid backend where the frontend and logic were tightly coupled. This resulted in slow load times and rigid UI components that prevented the implementation of dynamic, data heavy widgets.
Key Bottlenecks
Analysis of the interface identified four critical UX flaws across the Prospect and Company modules that hindered efficiency:
Buried Data
High value leads and intent data were buried under routine status updates and different tabs. Users were missing high-priority opportunities.
Passive Activity Feeds
Feeds were surface level, without any behavioral insights. This missing context made it difficult for sales teams to tailor their outreach effectively.
Redundant Navigation
Side drawers and the "full" details pages offered almost identical, low-context data. This created a fragmented journey where the dedicated pages failed to add the strategic depth required for meaningful sales intelligence.
Disconnected Architecture& Data Gaps
Poor linking between individual leads and their parent accounts, compounded by the absence of critical account and contact data forced users to rely on manual external searches (e.g., Google or LinkedIn) to reconstruct context, creating significant workflow friction.
Discovery & Insights
To validate our hypothesis, we conducted deep dive interviews with a number of users. One specific insight from a sales agent, served as our North Star:
"He is not using this part of the portal at all
because it lacks context."
The Breakthrough
During our technical audit, we found out that most of the data already existed. We discovered that Sopro’s databases were already capturing high fidelity data, but all this intelligence was hidden or scattered across disconnected and underutilized sections of the portal. Our design challenge shifted from data acquisition to data surfacing: creating a unified interface that transformed these untapped data points into actionable sales intelligence.
The Solution
We redesigned the Prospect and Company experience to function as a kind of sales intelligence dashboard. By prioritizing the surfacing of latent data, we moved away from the redundant workflows in favor of a holistic, information-rich dashboard.
Context
We evolved an underutilized details page into a primary sales workspace by adding decision context and actual actionable insights.
Immediate Decision Context
Actionable Insight
Surfacing Sopro’s Data
We visualized all of the relevant data already present in Sopro's database:
Activity Timeline
Website Visits
Fixing the Blind Spots
To solve the navigational friction between Prospects and Companies interfaces, we integrated a dedicated Company Overview section directly into the Prospect Detail view. This solution follows a progressive disclosure strategy:
Intel at a Glance
Agents can immediately view critical company data without ever leaving the prospect’s profile.
Seamless Deep Dive
We added a button that will lead users to the full Company Details page ensuring that more data is always reachable but never disruptive to the immediate flow.
Results
By shifting the design challenge from simply displaying data to creating 'actionable sales intelligence', we transformed this part of the client portal from a static database into a decision making interface.
Early feedback from the pilot group indicated a significant improvement in perceived value, with users noting that the interface finally felt 'functional' and 'actionable' for their daily sales workflows.
Key Takeaways
Context is King: Data is only as good as its accessibility.
Bridging Tech & UX: Understanding the legacy system was essential to designing a solution that was actually buildable.
Thanks for stopping by.
Transforming Untapped Data into Actionable Insight
Overview
Sopro is a leading B2B lead generation agency that blends proprietary technology with human expertise to deliver high-quality sales opportunities. Their Premium Client Portal serves as the central place for 3,000+ global clients to track campaign performance, monitor prospect intent, and manage lead flows.
Our mission was to lead a comprehensive design overhaul of the core Company and Prospect interfaces as a part of the transitioning the portal from a legacy architecture to a high performance React based ecosystem.
The Challenge
While the Sopro portal offered deep data, internal discovery revealed a critical "Intelligence Gap" between the data provided and the actions sales agents needed to take.
Key Bottlenecks
Analysis of the interface identified four critical UX flaws across the Prospect and Company modules that hindered sales efficiency:
Buried Data
High value leads and intent data were buried under routine status updates and different tabs. Users were missing high priority opportunities.
Discovery & Insights
To validate our hypothesis, we conducted deep dive interviews with a number of users. One specific insight from a sales agent, served as our North Star:
"He is not using this part of the portal at all
because it lacks context."
The Breakthrough
During our technical audit, we found out that most of the data already existed. We discovered that Sopro’s databases were already capturing high fidelity data, but all this intelligence was hidden or scattered across disconnected and underutilized sections of the portal. Our design challenge shifted from data acquisition to data surfacing: creating a unified interface that transformed these untapped data points into actionable sales intelligence.
The Solution
We redesigned the Prospect and Company experience to function as a kind of sales intelligence dashboard. By prioritizing the surfacing of latent data, we moved away from the redundant workflows in favor of a holistic, information-rich dashboard.
Context
We evolved an underutilized details page into a primary sales workspace by adding decision context and actual actionable insights.
Immediate Decision Context
Actionable Insight
Surfacing Sopro’s Data
We visualized all of the relevant data already present in Sopro's database:
Activity Timeline
Website Visits
Fixing the Blind Spots
To solve the navigational friction between Prospects and Companies interfaces, we integrated a dedicated Company Overview section directly into the Prospect Detail view. This solution follows a progressive disclosure strategy:
Intel at a Glance
Agents can immediately view critical company data without ever leaving the prospect’s profile.
Seamless Deep Dive
We added a button that will lead users to the full Company Details page ensuring that more data is always reachable but never disruptive to the immediate flow.
Results
By shifting the design challenge from simply displaying data to creating 'actionable sales intelligence', we transformed this part of the client portal from a static database into a decision making interface.
Early feedback from the pilot group indicated a significant improvement in perceived value, with users noting that the interface finally felt 'functional' and 'actionable' for their daily sales workflows.
Key Takeaways
Context is King: Data is only as good as its accessibility.
Bridging Tech & UX: Understanding the legacy system was essential to designing a solution that was actually buildable.
Thanks for stopping by.
Transforming Untapped Data into Actionable Insight
Overview
Sopro is a leading B2B lead generation agency that blends proprietary technology with human expertise to deliver high-quality sales opportunities. Their Premium Client Portal serves as the central place for 3,000+ global clients to track campaign performance, monitor prospect intent, and manage lead flows.
Our mission was to lead a comprehensive design overhaul of the core Company and Prospect interfaces as a part of the transitioning the portal from a legacy architecture to a high performance React based ecosystem.
The Challenge
While the Sopro portal offered deep data, internal discovery revealed a critical "Intelligence Gap" between the data provided and the actions sales agents needed to take.
Key Bottlenecks
Analysis of the interface identified four critical UX flaws across the Prospect and Company modules that hindered efficiency:
Buried Data
High value leads and intent data were buried under routine status updates and different tabs. Users were missing high priority opportunities.
Discovery & Insights
To validate our hypothesis, we conducted deep dive interviews with a number of users. One specific insight from a sales agent, served as our North Star:
"He is not using this part of the portal at all
because it lacks context."
The Breakthrough
During our technical audit, we found out that most of the data already existed. We discovered that Sopro’s databases were already capturing high fidelity data, but all this intelligence was hidden or scattered across disconnected and underutilized sections of the portal. Our design challenge shifted from data acquisition to data surfacing: creating a unified interface that transformed these untapped data points into actionable sales intelligence.
The Solution
We redesigned the Prospect and Company experience to function as a kind of sales intelligence dashboard. By prioritizing the surfacing of latent data, we moved away from the redundant workflows in favor of a holistic, information-rich dashboard.
Context
We evolved an underutilized details page into a primary sales workspace by adding decision context and actual actionable insights.
Immediate Decision Context
Actionable Insight
Surfacing Sopro’s Data
We visualized all of the relevant data already present in Sopro's database:
Activity Timeline
Website Visits
Fixing the Blind Spots
To solve the navigational friction between Prospects and Companies interfaces, we integrated a dedicated Company Overview section directly into the Prospect Detail view. This solution follows a progressive disclosure strategy:
Intel at a Glance
Agents can immediately view critical company data without ever leaving the prospect’s profile.
Seamless Deep Dive
We added a button that will lead users to the full Company Details page ensuring that more data is always reachable but never disruptive to the immediate flow.
Results
By shifting the design challenge from simply displaying data to creating 'actionable sales intelligence', we transformed this part of the client portal from a static database into a decision making interface.
Early feedback from the pilot group indicated a significant improvement in perceived value, with users noting that the interface finally felt 'functional' and 'actionable' for their daily sales workflows.
Key Takeaways
Context is King: Data is only as good as its accessibility.
Bridging Tech & UX: Understanding the legacy system was essential to designing a solution that was actually buildable.
Thanks for stopping by.