.png)
Noise Cancellation for Application Security. Built for cloud-native applications using container and Kubernetes-based architectures.
Oxeye requested that we retain their existing logo while enhancing the significance of its icon. To achieve this, we focused on refining the cleanliness, adjusting the size ratios between the various elements, and ensuring the precision of the color scheme. These modifications have given the icon a more pronounced presence, allowing it to complement the adjacent typography more effectively.
The redesign for Oxeye was initiated at a point when the company aimed to project a more mature and sophisticated image. Building upon their existing three-dimensional design language, we refined the isometric angles and streamlined the graphic style for a cleaner aesthetic. This approach led to the creation of multiple layers of visual representation, ranging from nearly abstract icons and diagrams to more detailed, figurative icons and illustrations. The employment of dark colors, striking gradients, and a sleek overall appearance further accentuates Oxeye's technological prowess and innovative spirit.
Our design process was centered around simplifying Oxeye’s solution, ensuring it could be easily understood by visitors. Through a combination of dark colors, light pink gradients, and subtle glass effects, we created a visually captivating website that effectively showcases the innovative technology behind the product.
Combine a long list of an application's issues and vulnerabilities with detailed information about each one, including a map of the cloud environment in context.
The large amount of information available for each issue is divided into tabs by topic. Above them users can always see the issue’s identifier and severity, and change its remediation status.
In the diagram we show the detailed information of the selected issue relevant to the selected tab. In this case we can see the map, which helps the user orient themselves and gain visibility into their cloud environment. It also provides important information regarding the given issue - where it is within the environment and whether it is connected to the internet, for example.
The top part is where the user selects the type of item they want to analyze and its relevant parameters.Users can change their selections as necessary, and the analysis results at the bottom of the page will update accordingly when clicking on "Analyze".
Here the user can select which application to explore. Placing the selection at the top of the page, as part of the breadcrumbs, makes it intuitive and easy to find. It effortlessly tells the story of what the user is looking at.
The table contains the list of all of the issues found in the selected application, in the selected type of issue - the issue type itself can be selected from the main menu. Each row contains the relevant information the user needs so that they can choose which issue they want to dive into.
The top part is where the user selects the type of item they want to analyze and its relevant parameters.Users can change their selections as necessary, and the analysis results at the bottom of the page will update accordingly when clicking on "Analyze".
.png)
.png)