Genexis approached me to update their image and make their interfaces more user-friendly and visually appealing. This involved improving both the look of their product and its ease of use.
‍

While working with Genexis, I helped update their image and make their interfaces more user-friendly and visually appealing. This involved improving both the appearance of their product and its ease of use. I focused on creating a strong design system that would be reliable and long-lasting, making it future-proof. In addition, I also designed a user flow for three types of users:
‍

1. The consumer: they will be using the GUI to manage their WiFi settings
2. The corporate clients: they use the Network Operator interface and the Helpdesk interface
   ‍

My job was to make sure every type of user has a seamless experience. I was able to create a suiting appearance and intuitive design.

Looking at the current user interface for the consumers and the interface for corporate clients I noticed a few things:
‍

• The GUI for consumers is filled with jargon, which may not be suitable for all users. As a result, finding information quickly can be difficult, since technical terms aren’t explained to the user.
• Information overload can be caused by poor hierarchy. In this case, there are six sections visible that all seem to have the same priority, which can overwhelm the user. Additionally, there are sections with the same name as in the navigation, which raises the question: will the user find the same information on the dashboard as in that navigation label?
• The labels and their content are too far apart, and the alignment switches continuously from left to right to centered placement.
• The font sizes are too small, which makes it harder for users to gather information quickly.
• The design is not responsive. For instance, when the user has a screen size larger than 1440px, the sections appear stretched, requiring more effort to scan through all the information. The input fields and forms are also stretched when the breakpoint becomes larger, which can make it difficult for the user to find the right information that belongs together, such as saving the changes they made.

The current software contains many features that can be combined or eliminated. For example, the firewall feature is embedded in the Network label. We have also improved the page names in the navigation to make it more intuitive for the end user, and to guide them more quickly to the information they're looking for.

• The consumer dashboard should include all important information that is understandable to all types of users. Therefore, we made the decision to create entrance links for WiFi settings, sharing your WiFi details with new devices on your network, and network diagnosis.
• To keep the user informed, we have added more feedback moments in the design. For instance, we have included snackbars to indicate when an action has been completed or has failed, as well as feedback for text field inputs.
• We decided to provide more terminology visualization for the user. For example, on the network page, users will see visual representations of the Genexis network devices they have at home.
• The addition of Parental Control was a new and challenging feature compared to the current GUI. As a result, we extensively tested this feature with our target audience. For more information, read the paragraph First prototype: user testing Parental Control.

• For the corporate clients, we decided to implement a search bar. This will allow users to quickly search for results and improve their workflow.
• The dashboard contains three key performance indicators (KPIs). Network operators can quickly act upon the results by giving these KPIs a prominent position on the homepage.
• Compressing and organizing data in a smart way, and only displaying the most important information on the dashboard, can improve the workflows of network operators and helpdesk operators.

I challenged myself: how can I design a consistent style where the needs of the end-users is valued as well as serving the needs of the advanced professional? The design direction was explored by creating various screen designs based on the product owner's input. This allowed for an organic process of making design decisions, such as the style of tables, graphs, and forms. As a result, the design system slowly evolved from typography and colors to buttons and navigation.