Designing the Open-Source Business Observability Platform

  • UI UX Design
  • React JS
chaosgenius/chaosgenius_logo.webp

Project overview

chaosgenius/chaosgeniusBanner.webp

Our Solution

Structuring the information

We worked with the client and users to understand the platform's difficulties, goals and business strategy. The information gathered from the initial study combined with the competition analysis was then used to develop the application's basic information architecture.

chaosgenius/chaosgenius_structure.webp

Wireframes

Having finalized the IA after a few iterations, we drafted wireframes while considering all pain points for users. We also ensured a very smooth and simple onboarding process, followed with a highly intuitive and visually rich homepage.

chaosgenius/chaosgenius_wireframes.webp
chaosgenius/chaosgenius_wireframes2.webp
chaosgenius/chaosgenius_wireframes3.webp
chaosgenius/chaosgenius_wireframes4.webp
chaosgenius/chaosgenius_wireframes5.webp
chaosgenius/chaosgenius_wireframes6.webp
chaosgenius/chaosgenius_wireframes7.webp
chaosgenius/chaosgenius_wireframes8.webp

Color Case

We respected the brand’s legacy color palette: the Green and black combination that beautifully symbolizes a modern hi-tech platform.

chaosgenius/chaosgenius_color.webp

Type Case

Inter is a free google typeface with outstanding readability properties that gives it a neutral yet welcoming appearance. It is ideal for most web and mobile interfaces.

chaosgenius/chaosgenius_layout.webp

Components

chaosgenius/chaosgenius_component.webp

Turning wireframes into design

Dashboard was one of the two priorities along with the user experience part in the onboarding module in achieving the solution. The platform was designed with 8 point grid system.

Intutive UI

chaosgenius/chaosgeniusInitaive.webp

Home screen

The main screen of an App sets the tone for its user experience: the KPI details screen was carefully designed to create a dynamic feeling with real-time graphs and insightful metrics, presented with a modern look.

chaosgenius/chaosgenius_dashboard.webp

Product Website

chaosgenius/chaosgenius_prod.webp

Responsive UI

Responsive versions were desgined for the platfrom. 8 point grid system was followed in the UI. From dashboard to successfull exercise action, pixel perfect responsive user interface was achieved.

chaosgenius/responsive.webp

Similar Portfolios

projects/Trica.webp

Trica

Created a unified user journey for an ESOP management platform. We simplified complex data with easy visualization and ensured that the most important actions for users were upfront to make the application more useful.

View case study
projects/ondway.webp

On D Way

An employee engagement platform - users were going to the site with the declared aim to play a game in every case.

View case study

Come Experience - The Sketch Brahma Difference

our-service/sbPath.png
icons/arrowTop.svg