Boosting app intuitiveness: development of new dashboards and design for Qoreboard

Margo Ovsiienko

General

Type: SaaS/HR

Year: 2020

Services: Front-end, UX, UI

Client: Qoreboard

About Client

Qoreboard is a PMaaS℠ tool (Performance Management as a Service) that helps companies boost their employee performance by offering data-driven, performance-based insights and motivational messages. 

For employees, the tool takes the stress away from dealing with huge tasks by applying Microgoals℠ – achievable hourly and daily activities. Managers, in turn, are supported in coaching their team members as the tool supplies them with data on employee performance and helps in shaping individualized coaching programs. 

Introduction

The Client approached us to develop a new front-end for the two dashboards – for employees and managers, with the goal of making them more user-friendly and intuitive. To achieve this we also prepared UX and design for the new dashboards.

Our tasks

Front End

Rebuilding the front-end part of the two dashboards – for employees and for supervisors as well as implementing a new design.

UX

Examining the current version of the application and extracting insights for its further optimization, creating a product wireframe and a prototype.

UI

Creating the design for the two dashboards to be later implemented by front-end developers.

Challenges

The Client approached us with three challenges.

1. Making the product more user-friendly

The initial product was difficult to get to grasp with for first-time users. Users could not understand how to use the product. As a result, it led to low product adoption and higher churn among new users. 

2. Low usage of new features

End users failed at understanding and utilizing new features, because of their complexity. In addition, the lack of proper in-app onboarding resulted in low feature usage.

3. The product lacked the intuitiveness necessary for users to achieve their goals. 

The product did not account for the way users wanted to interact with it. User paths within the application were not designed in accordance with users’ feedback and thus were not intuitive enough to navigate and achieve goals within the dashboard.

Solution

1. Discovering end-users’ needs

A team of UX designs started with a thorough examination of the current product version using surveys, interviews, and usability testing to later follow with the analysis of the research outcome.

2. Spotting areas for improvement

Working closely with the Qoreboard team, our UX designers identified the least and most frequently used features, built user persona profiles and created scenarios presenting the ways users interact with the tool. The Neoteric team identified the features for optimization aiming to help end-users perceive more value in the product. 

3. Working over wireframes & a prototype

Our design team prepared wireframes, a low fidelity product version, presenting the Client with the most crucial information on the product interactiveness. After creating wireframes the team worked out a high fidelity version of the new product – a prototype, that included UI design along with UX. 

4. Developing a front-end application

Our team of front-end developers used React tech stack to develop the front-end for the two dashboards implementing the design and the UX project. Using Typescript language (a superset of Javascript) our developers rewrote some parts of the product. They used Apollo GraphQL, a platform for building a data graph, a communication layer, connecting the application to the back-end services.

5. Quality assurance

The team ran product tests during every sprint – using automated and manual tests to ensure the quality and stability of features. The regular tests helped identify bugs and remove them fast. 

Technology stack

React

Javascript (Typescript)

GraphQL (Apollo)

Axios library

Project Results

1. Developing a new front-end for the two dashboards

We have identified ways users want to interact with the product and defined areas for improvement. This, in turn, helped us create more user-friendly and intuitive dashboards for employees and managers.

2. Infusing cutting-edge design 

Graphic designers worked closely with the Client to prepare the design concept for the application dashboards that would reflect the latest trends.

Conclusion 

Neoteric’s team of designers developed a new front-end design for the two dashboards. Our team of designers provided the Client with cutting-edge design for the app that increased usability and intuitiveness of the product. The work finished with passing over the code to the Client’s backend team to be later introduced in the product. The Client is planning to continue working with our team in the future.

Client Testimonial

We hope that we can build a longer-term partnership with Neoteric and continue to have opportunities to scale up our partnership as we grow and add more users. Having a trusted partner who understands our product and understands how our tech works is an important thing, and we hope to grow this partnership over time.

Mike Midgett / Founder of Qoreboard

Share this post

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on pinterest
Share on print
Share on email

We get you to the market 2-3 times faster than you expect