SaaS UI/UX June 3, 2020

Designing a SaaS for KPI Assessment

The Suma KPI Project focuses on enhancing performance management by developing a comprehensive KPI survey system for employees. I designed 1) the admin interface to streamline the survey process, ensuring easy navigation and efficient data management. 2) The employees questionaires interface

Task

The company’s existing KPI assessment process is inefficient, as employees are required to answer questions and provide detailed elaborations. This results in inconsistent responses, time-consuming grading, and difficulty for the admin to track and analyze data.

  • Strategy

    Design Workshop

  • Design

    Prototyping

  • Production

    UX Research

  • Platforms

    Desktop

Open Project
⬤ 01. Challenges

A case study of multilevel
accordian table design

The goal is to design an intuitive questionnaire system that streamlines the KPI grading process for employees, ensures easy data tracking for admins, and enhances the user experience by reducing time and complexity.

Part of the challange is translating the multi layered questionaires into a multi level table design. With the excel sheet that was given by the stakeholders, I was able to simplify the architecture of the table design.

⬤ 02. Experience

Final design
focuses on functionality
and simplicity.

Employee Side:

  • The multi-level accordian allows simple navigation to view/answer the questionaires.

Admin Side:

  • The accordian inside a table allows simple navigation to create/edit the questionaires.

Color palette

/ SUMA
Primary
#002367
SCSS var
$color-red

R 0
G 35
B 103
   

TNB Blue

Sky Blue
#B87A1E
SCSS var
$color-Sky

R 230
G 247
B 255
   

Sky Blue

Grey
#F0F2F5
SCSS var
$color-grey

R 240
G 245
B 242
   

Neutral Grey

Black
#1D1E40
SCSS var
$color-black

R 29
G 30
B 64
   

Moonlight Blue

Credits

Management

Ghufran
Product Manager / CTO

UIUX Design

Diana Frida
UI/UX Design

Development

SMG Arctic Tech
Developers

Let's get in touch,
I respond fast.

Ready to work together?
Back

Leave a Reply

Your email address will not be published. Required fields are marked *

This website stores cookies on your computer. Cookie Policy