Form of Ingello
The objectives:
Detailed study and analysis of the current version of the system
Improve the visual and functional component of the project
Create a new style and color composition
Create typed cards for the dashboards of each section with the possibility of component and polymer reuse
Think and improve the overall project vision by making it more convenient for the target user.
Add new necessary functions, review and regroup old ones
The process:
Created a mudboard, based on customer preferences and main design trends
Created Wireframe
Functional Prototype
Defined color scheme and font style
Developed by UI Kit
Design system and drop-down system
Designed Dashboard cards with the necessary functionality
Created compositions from finished elements
Testing of the project
The Results:
A single style has been created for the deshboards of the different departments of the company.A single format is created for processing and visualization of data with the possibility of reuse, namely:
to manage calendar data.To manage the history of events
To work with large lists of data with different parameters
For graphic display of objects in different states in the bricks
To enter and verify data (validation)
To search for data, sorting and subsequent division
For visible panels with a general list of functions
Working with scripts and scripts
To work with function blocks (boxs) and translatable elements
To work with special functions of sections (in header)
To categorize functions in the side menu panel.As a result, we have a sustainable single style that is convenient and economical in HTML/CSS/Bootstrap.
It is also a flexible framework designer that in the future will allow to regroup elements, creating new unique interfaces while scaling the functionality of the corporate system.The next phase:
Adaptation of templates to mobile screens
Design of components for all parts of the system (120+)
Analysis of the experience of using existing components, transformation and reduction of functions if necessary
Monitoring and subsequent analysis of user behavior from the test sample by hotjar
Introduction of corrections to user routes by results of monitoring analysis
Identifying the most difficult for the user places in the system, review these places with a guide
Detailed study and analysis of the current version of the system
Improve the visual and functional component of the project
Create a new style and color composition
Create typed cards for the dashboards of each section with the possibility of component and polymer reuse
Think and improve the overall project vision by making it more convenient for the target user.
Add new necessary functions, review and regroup old ones
The process:
Created a mudboard, based on customer preferences and main design trends
Created Wireframe
Functional Prototype
Defined color scheme and font style
Developed by UI Kit
Design system and drop-down system
Designed Dashboard cards with the necessary functionality
Created compositions from finished elements
Testing of the project
The Results:
A single style has been created for the deshboards of the different departments of the company.A single format is created for processing and visualization of data with the possibility of reuse, namely:
to manage calendar data.To manage the history of events
To work with large lists of data with different parameters
For graphic display of objects in different states in the bricks
To enter and verify data (validation)
To search for data, sorting and subsequent division
For visible panels with a general list of functions
Working with scripts and scripts
To work with function blocks (boxs) and translatable elements
To work with special functions of sections (in header)
To categorize functions in the side menu panel.As a result, we have a sustainable single style that is convenient and economical in HTML/CSS/Bootstrap.
It is also a flexible framework designer that in the future will allow to regroup elements, creating new unique interfaces while scaling the functionality of the corporate system.The next phase:
Adaptation of templates to mobile screens
Design of components for all parts of the system (120+)
Analysis of the experience of using existing components, transformation and reduction of functions if necessary
Monitoring and subsequent analysis of user behavior from the test sample by hotjar
Introduction of corrections to user routes by results of monitoring analysis
Identifying the most difficult for the user places in the system, review these places with a guide