Tracetest
About the client
Full-cycle design development for a trace-based testing tool
A trace-based testing tool that automatically generates end-to-end tests from user traces. It works out of the box with the user's existing OpenTelemetry system. It has built-in integrations with multiple tools and supports any system that uses the OpenTelemetry collector.
- Timeline:1 year
- Services:Branding
Web design
UX/UI design
Web development
Illustrations - Website:tracetest.io
Problem Statement
Tracetest was looking for a friendly and bold vibe that could really stand out in the market. They wanted to showcase the quality, number and variety of their products through their new brand identity. Of course, being part of the Kubeshop family visually was a must.
Our role
Firstly, we had to integrate Tracetest into the Kubeshop family, which already has several other brands with different vibes. So we had to find a way to make the brand stand out among all the other tech tools and Kubeshop brands.
Secondly, we wanted to give Tracetest a bold look and feel, because it didn't have any direct competition. It was necessary to let users know that this was a new product, and it's worth paying attention to.
— Polybox Marketing research
Brand diagrams
For complicated tech products, it's crucial to accurately represent and visualize data while keeping the brand's identity in mind. Creating a custom branded diagrams for Tracetest was an important part of the design process.
Design Rationale
How do we prove that TraceTest is a tool to help people test? We used the idea of the Minotaur's maze, but made it really simple and clear just to show that every issue has a solution and every maze is navigable.
— Elizaveta Vakhrameeva
Brand designer
%20(1).avif)
Logo anatomy
By mirroring the typography and layout of Kubeshop's logo, Tracetest fits right into the ecosystem, building on its trust. We also added a simple escape-the-maze symbol to the logo that visually represents the main idea behind Tracetest - to make complicated things simple.
Web development
%201.avif)
The tracetest Design System
%201%20(1).avif)
We've created a flexible design system using Figma for Tracetest. It's a complete solution that ensures consistency across all platforms, covering basic elements like color schemes, fonts, icons, buttons, forms, menus, etc. Plus, we have pre-made templates and style guides to help teams use these assets effectively.
.avif)
- ManagerValeria KozlovaDonata Volkova
- Technical DesignerElizaveta VakhrameevaAleksandra Kalinicheva
- Web DesignerElizaveta VakhrameevaYana KutlushinaSvetlana KalmykovaAlina SultanovaJulia MolochaevaDenis Gurkov
- DesignerAnna Martynova
- 3D DesignerAnna MartynovaElizaveta Vakhrameeva