design front-end
GEX - NextOrbit
Task
Wireframe
UI/UX
Front-end
Nextorbit helps businesses predict and respond to demand peaks and troughs with advanced forecasting algorithms and predictors.
The project's goal was to design and build an Angular webapp, and the design should be adjustable to enterprise standards.
Expectation
Our main challenge is making a good platform that feels like a simple and easy-to-use analytical tool for multiple shops.
The main part was to implement the alert system on predictions, which should be noticeable by managers.
It should also be simple enough for users to analyse and compare the status of various products.
The idea was to create a dashboard to assist managers in making decisions based on multiple levels of analysis and prediction.
Design
Colors
The primary color was a client preference, the color was according to NextOrbit's main website.
The neutral variant key color is used to derive medium emphasis text and icons, surface variants, and component outlines.
Primary
#1A82D7
Primary Container
#E2EEF8
Text
#000000
Typography
Front End
Structure
The language picked for styling is SCSS for better decoration, and for development, Typescript.
The libraries chosen for the tech stack were Angular-Material, HighCharts, Chart.js for charts, and Firebase for Cloud Messaging.
Dashboard
The responsive design and development of all the pages were completed for this project. Have a look at some of the import pages from all the dashboards.
Analysis of sales performance with filters to select any category or product in multiple shops.
A comparison tool where different products or categories can be compared on different levels, like sales, out of stock, and inventory.
The "Top Sellers" section, where analysis of top-performing products inside any category can be seen.
Advance store order table with recommended count for each product for better optimization.
Thanks to the client, we finally designed and developed a beautiful webapp and dashboards after nearly 4 months of work.
There were almost 30+ design pages which were implemented and tested properly.
