Sales CRM

Building a sales platform for the human service customers want

A sales platform rebuilt around how agents actually work, grounded in research and delivered with AI-assisted design.

my role
I led the project end to end: discovery research, stakeholder alignment, design and prototyping, usability testing, release documentation and team training. I planned and ran the research independently, then scoped and delivered the work together with the Product Manager.
deliverables
UX research, research synthesis, design system, prototypes, multiple rounds of usability testing, user-focused system documentation, a training session
TEAM
CEO (main stakeholder), tech manager acting as Product Manager, sales manager, sales agents, development team - GRID Finance
Project type
B2B fintech, internal sales platform
This is some text inside of a div block.

Overview

One Workplace is a global platform designed to connect SoftwareOne sellers with customer requests from around the world. The platform tracks all interactions and requests, making them accessible to sales agents across various departments.

🏋️‍♀️

the situation

Agents worldwide actively preferred paper-based processes over the digital experience of One Workplace
🎯

business goal

Increase the adoption of One Workplace using the platform as a centralised digital tool to handle and track day-to-day work

How might we

Enable sales agents to manage their tasks more effectively within the digital platform instead of spreadsheets, respond to requests more quickly, and have more time to pursue new customer opportunities. To accomplish that, I identified the following success metrics:

#1  minimise learning curve

Allow sales agents to easily learn the new system without time waste or sacrificing efficiency

#2  Improve speed of sale

Help sale agents process sales faster and refocus their energy on chasing new leads

Missing Priorities

challenge

The One Workplace team struggled to identify high-impact improvements, relying on internal processes over real user needs. Without tools to track user behaviour, gathering data-driven design requirements was challenging.

Heavy UI Restrictions

challenge

One Workplace relied on Microsoft templates, which limited customisation, restricting visual simplification, text accessibility, and menu hierarchy adjustments.

solution

I adjusted my approach on the go by leveraging existing components that better fit UX needs while staying within technical limits. With engineering support, I proposed a test environment using current tech to build a Proof of Concept and validate new design solutions on the platform.

Result

97%
Task success rate (usability test) enabled agents to track their workflow efficiently
🚀
3000+
Global sales agents positively impacted by the new Notifications centre
🔥
  • A fresh design for the Homepage, Menu, and Notifications
  • Better prioritisation of due tasks, visible immediately on the Homepage
  • System guidance to proactively manage customer sales requests
  • A streamlined menu that makes finding content easier
  • Notifications are displayed prominently, keeping sellers informed about updates from customers and sales processes
Project final look

A key learning was the importance of aligning early with the engineering team and existing UI libraries to streamline collaboration and support the overall workflow. Simplifying the visual design to its essentials, especially when the current UI limits creative solutions, can be challenging. This experience underscored the value of team collaboration and showed that, even in constrained environments, strong design fundamentals can lead to effective, functional outcomes.

Design Thinking

Design Thinking is a human-centred approach to creatively solving problems and building meaningful experiences.

❤️

empathise

Learn about the audience.
✏️

define

Interpret the key findings.
💡

Ideate

Brainstorm and solution.
💻

prototype

Build one or more ideas.
✅

test

Gain user feedback.
🔄

repeat

Retrace on needs.

Setting the Threshold

Without available usage data to begin the investigation and no integrated technology to support my analysis, I tested the existing platform with sales agents from different countries to draw the starting point of the experience. The content for the test included the main user journeys of the existing platform, such as: finding assigned tasks, claiming new customer requests, tracking the team's progress, find newly generated requests.

Starting point

57%
Success Rate
🚩

I reported test results based on users' success or failure to interact as expected, revealing an average success rate of only 57% across both expert and inexperienced users. This prompted the business to recognise the urgency of usability improvements to enhance adoption rates.

Finding Critical Areas

During the test sessions, I dedicated time to observing people's challenges and investigating their sentiments, so as to have both a quantitative and qualitative picture of real users' needs.

#1 Overuse of business lingo

The business jargon posed a significant challenge for users, requiring familiarity with acronyms and company-specific terms for successful navigation. Only highly trained users found the experience comfortable.

#2  uncommon patterns

The Notifications component deviated notably from industry standards, causing users to overlook it. In tests, 100% of users failed to notice the feature, despite its prominent placement, due to their preconceived expectations of where it should be found.

#3 complexity of the navigation

Original design with bullet points mapped to highlight issues in the experience
1
Numerous tabs complicated finding features
2
Menu item with only icons are difficult to identify
3
The third-level navigation is concealed, making it difficult for sales agents to discover additional features
4
The emphasis on customer request codes impedes sales agents' ability to quickly understand and prioritise requests.
5
The notifications feature displays an unconventional visual pattern and behaviour.

Summarising user challenges

In addition to usability tests, I interviewed 5+ sales agent to learn about their processes and expectations. I collated that information to generate three pillars that have driven and kept the design on track moving forward.

“As a Sale Agent, I want to easily access my customer requests and information, so I can quickly act against my customer case, but I feel lost navigating One Workplace because I don’t understand the meaning of sections name and certain areas are not where I expect them to be placed."
“As a Sale Agent, I want to be informed of changes and news regarding my customers or my daily tasks, but I cannot find the news in One Workplace as their placement and content doesn’t follow what I am used to see in other platforms.”
“As a Sale Agent, I want to have good visibility of my daily tasks, so I have my work under control and I can answer my customer requests based on urgency. However, the information is now hidden within the menu and the area is hard to reach or remember where it is, while I need that to be my main focus.”

Simplifying labels

I simplified the labels of each critical menu area and in-page navigation, aligning them with their core functionality and grouping similar features. This approach, inspired by the Gestalt design principle of proximity, enhances and facilitates navigation.

Sketch showing visually the solution of simplifying labels for the main menu and navigation

Using standard patterns

I relied on common industry-standard patterns for notifications and positioned the access point of the feature (the bell icon) in the top-right area of the main menu. This ensures users are familiar with its location, facilitating navigation.

Sketch showing visually the solution of using standard patterns for the Notifications area

Prototyping: HTML, CSS and Javascript

I chose a code-based prototype to enhance the realism of navigation, a level of detail I couldn't achieve with Sketch mockups for every aspect of the app. I aimed to give users the freedom to explore every corner of the application and immerse themselves in a genuine experience while running tests. Moreover, due to the limitations of the template-based technology used to build One Workplace, I couldn't utilise the company's design system, leading me to opt for a code-based prototype to minimise the risk of extensive styling and streamline my creative process.

overview
First proposed design with bullet points mapped to highlight improvements in the experience
1
Menu items are reduced from 18 to 7, with simplified labels to improve comprehension
2
The top menu icons on the right side of the screen now include labels for better context
3
Notifications have been relocated to the top right menu, to facilitate access via the bell icon
4
Tasks assigned to teammates are now listed prominently on the homepage, allowing agents to provide assistance as needed
5
Emphasis has shifted to displaying the type of request alongside the customer's name, enhancing the type of action required

Prototyping: Proof of Concept

Collaborating with Engineers

Despite receiving positive feedback from users and Stakeholders, concerns arose within the engineering team regarding the previous design's liberal approach to decluttering visuals, which technology limitations made unfeasible.

Dealing with UI Restrictions

To address this, I adjusted my strategy by incorporating alternative existing components that better aligned with design requirements, ensuring usability within technological constraints. With the engineering team's support, we established a dedicated testing environment using the existing technology to create a Proof of Concept.

Second proposed design with bullet points mapped to highlight improvements in the experience based on user feedback from usability tests
Screenshot of the mockup that served as the primary inspiration for the Proof of Concept
1
A new in-page search bar, with filters based on the most popular categories, helps agents find the needed request faster
2
With the action required view tailored on each individual agent and sorted by most recent, users can monitor their workflow
3
Agents can set priority levels and identify cases to work through most urgently
4
A  view showing unassigned customer requests allow agents to keep track of the incoming volume and pick up suitable requests
5
Customised actions guide agents to the next step of the sale process and informs them of which stage the request is now in

Usability report

I overall conducted 15+ individual testing sessions lasting 15 to 30 minutes each, and involving participants of varying expertise levels. 11 out of 12 journeys have been fully optimised, resulting in user success rates ranging from 65% to 100%. This marks a significant improvement from the initial performance, where the execution of 5 journeys failed critically and 3 were performed with errors.

Using the coding language R and a customised database, I meticulously tracked and analysed results, monitoring the evolution of design experiences. By recording every participant's journey test results from each session and feeding them into the script, I could identify trends and fine-tune journeys that were underperforming to optimise adoption upon release.

Bar chart showing the results of usability tests, organized by testing round and task. The data illustrates a positive trend in system usability over successive rounds.
Screenshot of the graph obtained from the R script “Usability Test Analysis”

Overview

The business complained that incoming application requests could not scale. The CEO's brief was one line: work on the customer journey. Everything else had to be discovered, so I turned an ambiguous request into clear problems, explored several approaches, and identified who needed to be involved.

🎯

business goal

Improve the digital customer journey to increase the number of incoming applications and grow revenue
🏋️‍♀️

the situation

The business saw a scalability problem in incoming application requests and attributed the main issue to the self-serve digital experience
🔍

the finding

Research showed that the majority of applications were added manually by sales agents as a strategic sales move, since customers preferred a human touch when money was involved. The greatest opportunity therefore lay in the core engine of incoming applications: the human service sales agents provide

How might we

Help sales agents handle applications more easily, while keeping the high-quality, human service that customers asked for and the market complained about when it was missing.

challenge

solution

Ambiguous Brief, No Research Budget

The CEO's brief was a single line, and there was no budget for direct end-user interviews.
I combined desk research (chat conversations, Google Analytics and Heap Analytics, social listening) with interviews of sales agents, the people closest to customers.

Stakeholder Alignment

The work needed agreement from a PM, a CEO and a sales manager, while the team was ready to rework the tech.
I shared documented evidence with the tech manager, who acted as PM, and aligned with the CEO and sales manager through the PM before scoping.

Blank Canvas With AI

Starting the design from a blank canvas with AI produced poor results.
I designed the first files manually, then used AI to add new sections and navigation, where smaller individual areas worked best.

Late Changes

Just before release, a new stakeholder brought unexpected requirements, and the sales team changed its way of working mid-project.
I went back to the canvas, interviewed agents to identify their needs, redesigned from those needs, then tested and passed.

Result

100%
of sales agents working on the new platform
🚀
Only3
new, small feature requests after release, showing that the design covered most of the sales agents' needs and day-to-day tasks on the platform, even after the team changed its way of working mid-project
🤝
  • Documenting findings and setting requirements before building earned stakeholder buy-in and laid the foundation for a successful release.
  • AI sped up design, enabled a high-quality, highly interactive prototype whose working navigation and interactions made realistic usability tests possible, and delivered documentation that was high quality and almost hands-off.
  • When the team's way of working changed mid-project, going back to user needs let me redesign around how agents actually worked.

My design process

The work ran in seven steps: research, define, align, design, validate, adjust and release. Each step produced evidence that shaped the next.

🔍

research

Learn what customers and agents need.
🧩

define

Turn findings into clear problems.
🧭

align

Secure buy-in and agree the scope.
🎨

design

Design and prototype with AI.
✅

validate

Test with sales agents.
🔄

adjust

Respond to late changes.
📚

release

Document, train and launch.

What do we know about our customers?

The brief from the CEO was one line, so I planned and ran the discovery on my own. I asked two questions: what do we know about our customers, and what major pain points do they deal with?

Desk research

#1 Chat conversations

With direct prospective customers.

#2 Quantitative data

From GA and Heap, including conversion rates of digital funding requests.

#3 Social listening

On Reddit, Facebook and similar channels, for generic market complaints.

Interviews

Interviews were blocked, because there was no budget for direct end-user interviews. I interviewed the people closest to customers instead: the sales agents.

Findings from the research

#1 Wrong segment

The website targeted the wrong segment, with many personal loan seekers, sole traders and start-ups.

#2 Early registration

The website asked for registration too early, causing a high drop-off at the last step.

#3 Costs and service

High costs, opaque declines and poor customer service were the most-complained topics.

Major finding from the interviews

98%
of current applications were manually created and added to the system by sales agents
🧑‍💼
2%
were self-service
💻

Agents were taking the path of least resistance. High service was a sales strategy, because when people talk about money they want to talk to humans.

💡

the insight

This connected two things: hands-off, high-quality customer service answered the major market complaints. The direction changed from fixing the customer-facing website to supporting the people who serve customers.

How well does the technology serve sales agents?

The next question was how well the current technology supported agents in serving customers. The answer was poor, for four reasons:

  • Difficult navigation
  • Several purely administrative steps forced by technical limitations
  • A high learning curve, a major issue because a whole new team had just been hired
  • Communication between teams happening outside the platform

These became the proposed improvement areas for the project.

Secure the input and agreement the work depends on

  • I shared the findings with the tech manager, who covered the PM role, and won his buy-in by showing the documented evidence. It helped that the team already wanted to rework the tech side, with a swap of the underlying technology.
  • In parallel, the PM discussed the work with the CEO, the main stakeholder, and got buy-in.
  • The PM and I then scoped the project, defined the building requirements and defined the go-to-market plan.

step

what we agreed

1. Scope

The areas of improvement, aligned with the sales manager

2. Requirements

What needed to be built

3. Go-to-market

Success metrics, release plan, documentation and training

Design and prototype

I started from a blank canvas, with first intuitions about responsibilities and tasks, and used the project to assess AI tools for design for the first time.

  • I built a design system in Visual Studio Code with Claude and a markdown file, so design and prototype grew together.
  • I designed the first files manually, because AI generation was poor when it started from a blank canvas.
  • I then used AI to add new sections and navigation. Smaller, individual areas worked best.

Usability testing with sales agents

I ran multiple rounds of usability tests with sales agents. The tests exposed new requirements, so I fixed the usability issues and added the requirements into the design.

A changing stakeholder and a changing team

Just before release, the stakeholder changed and brought unexpected requirements. Among them was a request to add back an area known to be unused.

The issue: I needed to understand why. What added value did that area bring, in the eyes of the new stakeholder?

What I found: the sales team had changed its way of working halfway through the project. Tasks were now distributed to each individual, not to specific roles within the team. The request had become scope creep, driven by a real shift in how the team worked.

What I did: I went back to the canvas.

  1. I interviewed agents to identify their needs.
  2. I approached the design differently from the earlier platform.
  3. I tested the new design, and it passed.

Documentation and training

I used AI to generate all official, user-focused system documentation, working with Claude through its Confluence connection and Claude Code.

  • Claude generated the documentation from the actual code.
  • I gave instructions on how I wanted the docs structured, AI did the work, and I revised it. It passed review.
  • A training session ran after release.
👋

thanks for reading

Thank you for following this project from the first question to the release. If you would like to talk about the work, or just keep in touch, I would love to hear from you.
Coming soon
Coming soon
Coming soon
Coming soon