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 the pain points of 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 Pallete

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

Typography

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 12 column 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. 4 column 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

A mobile app tailored for travellers traversing Indian highways, enabling them to discover and schedule pit stops at diverse restaurants while en route to their destination.

View case study

Come Experience - The Sketch Brahma Difference

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