.png)
User Interface | Saas Design | Design system
Contract project
The current interface of this AI product is too plain to to highlight the brand image and features effectively. Additionally, the interface lacks consistency and coherence, making it challenging for users to comprehend the functionality and successfully complete tasks due to the information structure not being reflected in the design.
.png)
.png)
.png)
We researched multiple Saas and AI companies already making innovative strides.Through this, we gained an overview of emerging trends which helped us think about potential design opportunities in the automobile industry.
.png)
"As a high-tech company utilizing AI techniques, we need our brand image to be both technologically advanced and reliable, just like other companies working in the field of autonomous vehicles." - CTO
.png)
To achieve this, we have decided to merge and emphasize these two characteristics. Therefore, we have chosen blue as the primary color, with black and white as secondary colors, and low-saturation cool tones as accent colors.
.png)
.png)
Based on preliminary research and analysis, the components of the original interfaces have been re-designed into the following design system. It can be used for the company's current and future products.
.png)
.png)
.png)
.png)
The process of redesign and solving these issues have been a major learning ground for both of us. We are not experts in building design systems, and we are new to UX design and most of the principles and techniques mentioned in this case study were learned on the go. However, the learning process allowed us to improve our soft and hard skills.
Here are a few of the challenges: Limitation of time and resources
