Canvass Team Management

Smarter Manager Tools for Stronger Sales Teams

Canvass - Map-Based Mobile CRM
SaaS Product

Summary

Scope
2 MONTHS
Roles
UX Design
user testing
ui design
Tools
sketch
figma
JIRA
Team Management Prototype
Area Management Prototype
PROBLEM STATEMENT

Canvass is a map-driven mobile CRM primarily used by sales teams operating door-to-door. However, the existing Team Management feature lacked actionable insights for managers. Performance data was only accessible via monthly reports, impeding real-time decision-making. Managers also struggled to identify rep activity status quickly, and the Area Management section suffered from poor information architecture. Low visual hierarchy and cluttered layouts made it difficult to understand area coverage and allocate resources efficiently.

OBJECTIVE

The redesign aimed to empower managers with granular, real-time data on team and rep performance to drive operational efficiency and increase sales productivity. By introducing focused dashboards and clearer data visualization, the goal was to elevate Canvass’s value proposition as an indispensable CRM tool for sales teams.

Design Process

1. Discovery & Research
  • current feature analysis
  • uncovered needs
2. Ideation & Wireframing
  • wireframes
  • usability testing
3. Prototyping & Iterating
  • Prototype & changes
  • next version

Current Feature Analysis

Team Management and Area Management were previously combined into one overloaded page, resulting in cognitive overload despite limited data display. Separating these features allowed for richer, more digestible content.

TEAM MANAGEMENT
Observations
  • The team members list showed only names, missing photos and contextual status indicators.
  • The rep card lacked filtering for interaction logs, reducing its utility
  • No quick way existed for managers to assess which reps needed new territories
Insights & Opportunities
  • Display rep photos and key stats directly in the list for quick status checks
  • Introduce role labels and last active timestamps to improve contextual awareness
  • Remove redundant interactions list
AREA MANAGEMENT
Observations
  • The areas list prioritized irrelevant information like city names, while vital metrics like "% area knocked" were buried
  • The "New Area" button had poor affordance and was easily overlooked
  • The individual area pages had excessive whitespace, inconsistent layout, and awkward controls
Insights & Opportunities
  • Replace the city field with actionable metrics such as "% knocked" and "Total Homes"
  • Make filtering and sorting of areas intuitive to help managers prioritize actions
AREA CREATION
Observations
  • Can't edit existing area shape or use multiple shapes
  • Have to exit area creation to pan/zoom the map
Insight & Opportunity
  • Enable multi-shape area creation with pan/zoom capabilities to enhance map interaction

Initial Objectives

For this project, I worked closely with Canvass’ Product Manager. She aided me by not only documenting the problem, she also gathered initial needs for this feature and aided in defining the scope of this project. I was in constant communication with her throughout the design process, especially towards the assessment period.

SUMMARY

This is the initial instruction I received from the Project Manager:

"- Display high level team data showing managers how their teams are doing on production for the current month along with their deviations from the pervious month. This will tell the manager if the particular team he/she is viewing is on track to do better than last month.

- Below this dashboard, a list of reps of the team will be shown with a quick view of significant metrics for each rep. From this list Managers can drill down to an individuals rep card.

- Show the following metrics for any given team: Active reps, Signed Deals, kWs, Installed, kWs Installed, Per Rep Average (PRA), and Active PRA.

- Also list total reps on the team. We are unable to know quickly how they got the PRA number because it is not listed on the page.

- Add last month's deviation"

Wireframes

With the needs of the users in mind, and analyzing the limitations of the current app, I created a list of features that would be useful. I began sketching screens with pen and paper, I then transformed these into wireframes using Sketch. This allowed me to better design flows.

TEAM MANAGEMENT
Changes Made
  • Added a performance dashboard visualizing key metrics (Signed Deals, kW Signed, Installed) with time comparison controls
  • Expanded the rep list to include roles (Setter, Closer), last active date, and summarized metrics
  • Redesigned rep cards to remove low-value interaction logs, replacing them with assigned areas and coverage statistics
AREA MANAGEMENT
Changes Made
  • Split assigned and unassigned areas into tabbed views to reduce scrolling
  • Incorporated addresses count and knock percentage in the areas list and map views
  • Optimized layout on individual area pages to consolidate data and reduce cognitive load
AREA CREATION
Changes Made
  • Introduced map pan and zoom for seamless area adjustment
  • Enabled multiple polygon shapes per area with toggles for adding or trimming zones
  • Added live recalculation of address counts and knock percentages with undo functionality

Usability Testing

In order to see if my proposed solutions would be successful and are worth building, I conducted Usability Test sessions with select Canvass users, as well as several stakeholders. I focused on task flows related to data interpretation and team monitoring. Key test scenarios included:

KEY TEST SCENARIOS
KEY FINDINGS

Prototype & Changes

Following multiple rounds of usability testing and stakeholder feedback, the final designs were refined to maximize clarity, efficiency, and discoverability. I then compiled a clickable prototype to showcase the final product.

Team Management Prototype
Area Management Prototype
TEAM MANAGEMENT
Metrics Graph
  • Added timeframe label at the top, with a comparison metric dropdown to switch between months or other periods
  • Added a clear legend and % change indicator to reinforce insights at a glance
Team Members List
  • Added a “View Leaderboard” button to encourage recognition and competition
  • Removed PRA in favor of highlighting Active PRA (APRA) with an inline tooltip for quick comprehension
  • Add contact buttons to the right of each team member
AREA MANAGEMENT
Areas on Map
  • Added Address Count and % Knocked directly on the map for better spatial awareness
  • Changed map label background to white for higher contrast
  • Displayed each rep’s last logged interaction location
  • Implemented zoom-to-fit so all areas are visible on initial load
Areas List
  • Created separate “Assigned” and “Unassigned” tabs to reduce scrolling.
  • Standardized icon sizing to rest of app
  • Add Address count and % Knocked inline
Area Page
  • Optimized layout for readability
  • Added Address count and % knocked to map label for ease of view
  • Zoom-to-fit so all of the area is visible on selection
  • Include Rep photos on card and on map label
AREA CREATION
  • Added Address Count and % Knocked for the current selection, recalculated on demand with a “Refresh” action
  • Added “Undo” for step-by-step adjustments
  • Introduced “Add Area / Trim Area” toggle for more precise edits
  • Enabled pan/zoom without exiting the area creation mode
  • Allowed multiple shapes per single area for better territory customization

Launched Product & Impact

After the first 3 months of launch, analytics showed:

Reflections

The greatest design challenge was access to busy managers for live testing. In-field sales leaders often have packed schedules, so usability sessions had to be highly targeted and concise. This reinforced the need for efficient, low-friction tools that respect users’ time.

On a personal level, this project solidified my ability to structure complex, data-heavy interfaces without visual clutter. Earlier in my career, I sometimes overfilled pages in an effort to be comprehensive; here, I learned how to surface the right information in the right place, making it actionable without overwhelming the user.

Delivering a tool that directly improved managers’ operational efficiency, and seeing measurable adoption gains, made this one of the most satisfying projects in my portfolio.