CodeSplinta is a web platform that allows software teams monitor performance of their web apps.

Client

CodeSplinta

Year

2021

My Role

UX Designer

Outcomes

Still in development and paused by product owner

Overview

Most web platforms on the internet are non performant. Measuring tools are rare and many development teams rarely look into means of optimising their web apps to increase load speed time. CodeSplinta is a web platform that allows software teams monitor performance of their web apps.

  • I worked with the product owner as a UI/UX Designer.
  • The project is still in development.

The Problem

There are relatively few platforms online where a user can plug in their app to measure its performance. The few available are very convoluted and difficult to use with lots of technical terminologies.

There is currently no available observability solution tailored for frontend teams. CodeSplinta was designed with the goal of simplifying the process of measuring app performance on the frontend only, while also integrating other external tools.

The Process

I used the Lean UX Design process for this project because of the short time frame.

I first did a competitive audit to compare the three major observability platforms. I learnt in the process that the available platforms had too many parameters and features a user needed to learn. One had to be very technical to understand how the platform worked. I also discovered that none of them offered integration of external tools to help with monitoring. Here’s a summary of my findings:

newrelic.com

- Handles observability for both backend and frontend.
- Lacks integration of external tools

honeycomb.io

- Too many parameters to get used to and manage.
- Lacks integration of external tools

requestmetrics.com

- Easiest to use among the three, but still has many features that will require a deeper leaning curve.
- Lacks integration of external tools

Wireframes

I and the product owner had several meeting to discuss and understand the intricacies of the platform and did a breakdown of the needed features. We worked on the wireframes. Explaining how the platform should work.

I first did a competitive audit to compare the three major observability platforms. I learnt in the process that the available platforms had too many parameters and features a user needed to learn. One had to be very technical to understand how the platform worked. I also discovered that none of them offered integration of external tools to help with monitoring. Here’s a summary of my findings:

Moodboards

I had to source for inspiration in different places. With screenshots from similar platforms, and researching the parameters for monitoring.

Style guide

#E8A010

#F3BB45

The Final Product

  • The platform was designed to be as easy as possible. The first section is the Overview of all measurements and queried data from the user’s added apps. The second section now allows the user to view the app in-depth and see further details of the app performance, while also allowing the user to run queries.
  • The platform is still in development, and the product owner recently put a pause on it. I will be updating this section as we make progress.