CorpoMeter
Designing a logo for National search engine meta project.
When we began redesigning the platform, we noticed that many charts and tables lacked utility in terms of color and grid design. With so many charts available, users were likely confused and unable to locate the specific chart they were looking for. In other words, both the user experience and user interface of this product required a complete redesign.
UI Design
UX Design
Data Visualization
Problem
In this project, the design team joined midway through the product development process, focusing primarily on redesigning and improving internal pages, charts, and optimizing the presentation of financial data for the bank's platform. Along with graphic design and visual identity work, we began analyzing and categorizing the data. The large number of categories created challenges with chart contrast and data differentiation.
A bigger challenge was that the platform's data was updated and expanded daily, and both the number of categories and the volume of financial data were expected to grow significantly.
As a result, the design needed to take a forward-thinking approach to ensure the expansion of categories, flexibility in the color scheme, and the ability to maintain fast data loading speeds as the data volume increased.
Redesign
Timeline
The project was completed over a four-month period, with the design, product development, and finance teams collaborating closely throughout the process.
Persona and User journey
UI Design
Color
After designing the logo and brand, the platform's primary colors were defined. Subsequently, the color scheme for the CorpoMeter platform was established, categorizing it into two groups: Platform and charts & tags. To create a color palette capable of displaying charts with one to twelve different data types simultaneously, an extensive analysis of similar models was conducted. Ultimately, inspired by the Brewer color model and IBM's color palette, six initial prototypes were proposed, leading to the development of a comprehensive color palette. To ensure color accessibility, multiple color blindness tests were performed on the samples.
Font
Icon
Components
Grid
