Analytics Dashboard

Mosafe
Loading video...
Shipped
Sep 2023
Team
Founder, Product Owner, Lead Engineer, Fullstack Developer
My role
Product Designer
Contribution
Designed analytics views and reporting for health and safety officers and managers.
Company
Mosafe is a workplace safety management platform. Used by large contractors for AusPost, FedEx and more, businesses can manage all safety tasks in one place and stay compliant.
The analytics dashboard is a centralised place for admins to gain insight into their business and what safety tasks are getting completed, but more importantly which ones require attention. These insights help drive action across teams in a business keeping them compliant.
Opportunity

Managing safety tasks is chaotic for a lot of businesses moving between paper forms and excel spreadsheets scattered across different team leaders devices. Mosafe now had the card system in place to track key events, calculate data points and display these in one centralised view.

Understanding the problem

Many businesses don’t have a centralised place for the result of all the forms they send out to staff. Instead admins are constantly following up via text or a phone call wasting hours per week. Within businesses teams are separated by files on personal devices that don’t talk to each other. This leads to data being lost or misplaced when people move teams or leave the business. After mapping out all the events available to us from the system we decided the following events would have the most impact to start with; card completed, card sent, cards pending (custom), warning flags, critical flags, cards expired.

Exploring different data layouts and graphs. Rough sketches and paper and whiteboard were done prior to this refinement.
Exploring different data layouts and graphs. Rough sketches and paper and whiteboard were done prior to this refinement.
Establishing design principles

After speaking with business admins such as safety officers, managers, team leaders and business owners within the transport and logistics industry we found some key patterns in what admins were looking for from a dashboard. This helped establish the following principles moving forward; Admins are looking for trends, Admins are needing anomalies highlighted, Admins need to see teams & individuals, Admins will return to dashboard regularly so being able distinguish changes/delta will be helpful, Mobile first (Accessed from the pocket, Simple to use, Easy to see, Leverage information hierarchy, 3 second rule for easy scannability and quick comprehension, Fat thumb rule).

Problem definition

The high level problem we initially focused on was, “How might we help admins centralize and analyze workplace safety data in a way that reduces manual follow-ups, highlights key trends, and makes team safety management more efficient?”. This led to, “How might we make safety data more actionable and easy to interpret at a glance?”.

Ideation

Throughout the ideation process we explored many ideas around displaying the data and the flows for how a user may drill into key data points. Hierarchy and layout was a core focus to ensure the most valuable information was made paramount for users. Consideration of the most effective types of graphs and charts to use for specific data points was an important step in defining the application of data. For comparing data we looked at bar and pie charts which could show which cards have the highest completion rates in the workspace. For viewing trends over time we looked at line charts which could display flags on cards on each day of the week. And for identifying patterns and correlations scatter plot charts and heat maps were explored which could display teams in a business against cards completed and time taken to complete them. For pending cards was slightly different to the rest of the data as it was live, checking for incomplete cards across all user feeds.

Dashboard concept scrapped due to complexity
Dashboard concept scrapped due to complexity
Design system

Throughout the process of designing high fidelity screens considerations of the existing design system were made to ensure consistency was kept throughout the product. New components were embedded into the system to accommodate the analytics cards and detail views while reusing some components such as table elements, headers, titles and more.

Dashboard detail view
Dashboard detail view
Testing and results

After going into depots and testing the analytics dashboard prototypes with admins we found that the hierarchy of some data points could be improved to provide easier visibility to what admins were more frequently checking which was flags, cards expired and cards pending. Testing continued beyond the analytics dashboard being built which resulted in further insights and improvements. Some key findings were focused around customisability to drill down into data through filtering and sorting such as sorting by ‘oldest to newest’ and filtering by ‘my team/s’.

Additional details

Future scope is to have multiple dashboards with user configured widgets to suit different purposes. Users will be able to download the results of any one dashboard to share to external parties, or invite other admins to view their dashboards.

Other projects

Feel free to reach out on LinkedIn or send me an email.

© Luca Cates 2025