e-mail
Drag
view case

Genexis

Genexis is a company that offers internet solutions using Fiber-to-the-Home (FTTH) technology. They deliver routers and extenders to internet service providers and network operators worldwide. Their solutions provide internet connections for households and businesses, along with services such as Wi-Fi management and home automation.

No items found.

Time frame

Sep 2022 — Jun 2023

Client

Genexis

Role

Art direction

Visual design

Strategy

User research

UX & UI design

Team

Project background

Project background

Improving product design and optimizing user experience

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.

No items found.

The challenges

The challenge

The challenge

What is Haemate P?

The process

First proposal

The challenge

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.
No items found.

Research

The process

UX Design decisions

Consumer interface decisions

Second proposal

What is the purpose of the design?

Research

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.
No items found.
No items found.

Ideation

UX Design decisions

Corporate client interface decisions

First prototype

The step-by-step guide for integration

  • 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.
No items found.
No items found.

Iteration

Testing with the target audience

Rebranding

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.

No items found.

Putting customizations at the core

First prototype

User testing 'Parental Control'

During the rebranding process, we created sitemaps to identify the needs of both users and the list of features that Genexis needed to include. One key insight from prior research is the Parental Control feature, which enables parents to control their children's WiFi access. To better understand our users' needs, we conducted a user test that focused on the feature's capabilities and when and how users interact with it. Curious to see the results from the user test and the iteration that followed? Feel free to get in touch!

The difference with Google

No items found.

Streamlining Order Management

Designing for digital illiterate users

No items found.

Improving communication

First prototype

New design decisions

Designing for digital illiterate users

This project was developed in collaboration with OBA as part of the Amsterdam University of Applied Sciences' Master Digital Design. Visit the case study about this project to read more details. Feel free to get in touch with me if you have questions or want to talk about this project!
No items found.