CGI Advantage® Enterprise Resource Planning
CGI Advantage is a unified ERP platform featuring a powerful combination of modern technology and built-for-government solutions.
My Role
Project Overview
CGI Advantage ERP is a powerful combination of modern technology and integrated business applications specifically built for government use with integrated functionality, workflow, and configurable processes.
​
CGI Advantage ERP4.0 is a web-based responsive application that is highly configurable.
My Role
Worked collaboratively with cross-functional team and participated in ux design workshops with stakeholders
Developed UI design system and development guidelines for iconography, colors, typography etc.
Create complex data tables and interactive info-graphics and data visualization using Power-Bi.
Conducted usability testing, heuristic analysis and created usability testing reports for developers by identifying UI issues.
Creating and finalizing user interface (UI) designs. Development of working prototype for development purposes. Developed
Maintained design library, documented best practices and created UI style
guide documents.
UI Design
Three Level Navigation with Minimum Cursor Movement
-
Fast and accurate navigation
-
Less Primary Items with more structured content
Power Bi integrated within the application for real-time data visualisation and report generation
Clear hierarchy (task flow) for Navigation Accessibility using Keyboard controls
Key Information noticeable at a glance
UI System Design
Color Palette was categorized as per primary, secondary colors which can be changed as per brand guidelines.
Where as colors to indicate notification status, qualitative and sequential colors to represent info-graphics, charts etc. will be used as a part of the system colors.
All components were developed by following W3C Accessibility Guidelines
Colors Guidelines
Form Components
Iconography
Advantage icons are important for visual feedback and meant to be read at a glance.These are some examples from the icons library of over 300 icons which are divided into different categories based on their functionality, placement, usage etc.
Icon style guidelines was also developed by me.
Design Specification & Guidelines
DSG is a secure network that can only be accessed by various stakeholders of the CGI Advantage team.
This serves as a single focal point that defines the design language of the whole ERP System.
It contained following:
-
Various UI components
-
Code components
-
Design files and design elements
-
Style guides (typography styles, color palettes etc.)
-
Design process and visual design guidelines (design patterns, visual styles)
-
Content guidelines and style guides
Style Guide_Color Guidelines
Guidelines for usage of color in the advantage application was defined by me in the DSG for development and design reference.
​
All colors provide sufficient contrast. It was throughly tested for accessibility to enhance usability for the users with low vision.
​
​
