GRID Analytics

Educating business owners on their financial health

GRID Analytics aims to educate Irish business owners about their financial health and assist them in achieving their best financial shape.

my role
I led the redesign of GRID Analytics, the area of the GRID app dedicated to financial health analysis, overseeing the strategy from start to finish. This involved conceptualising the strategy, obtaining senior management approval and roadmap capacity, suggesting metrics, and introducing a new analytical tool. I conducted customer interviews for feedback and provided field evidence to the Project Manager during our weekly calls. Additionally, I implemented new processes to improve handovers and foster team collaboration. The new design features educational content for SME businesses owners on their company financial health, status alerts, and improvement tips.
deliverables
Setting design strategy, Research, UX/UI, Marketing, Reporting to CEO
TEAM
Product managers, Product owner and Engineering team / GRID Finance
Project type
Web and Mobile App
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”
Coming soon
Coming soon
Coming soon
Coming soon