testrigor - a brand case study
testRigor is disrupting the QA industry by paving the way to codeless QA automation.
testRigor is an emerging competitor to the QA testing industry. They set themselves apart from the competition by leveraging the power of AI. Manual QA testers are able to write automated end-to-end tests in minutes.
At testRigor I was the sole UI/UX Designer, graphic designer, and at times the sole front-end developer. I was responsible for redesigning their website, creating a visual brand identity, and building their design system from the ground up.
Before redesigning the website I had to create a brand identity to guide my design decisions.
After I established the foundations of a brand I created a design system full of scalable components.
The final step was to put my previous work into practice.
When I joined testRigor my assignment was to redesign the existing website. The direction given was not to change any of the text as it had been optimized for SEO purposes. I was given a small style guide that consisted of the current logo, typography and a few brand hex color codes.
testRigor is a technology company aiming to disrupt the software QA testing industry. Their tool allows anyone to become a test engineer by empowering the user to create fully autonomous tests simply by writing the steps in plain English.
Typography is easy to overlook, but choosing the right typography will affect every part of your brand. It’s truly the backbone of brand design. The typography they were using was “Brown.” Brown is a blocky sans-serif font that gives a feeling of structure and rigidity. While this fits with the word “Rigor,” it didn’t work well with product goals. testRigor should be approachable to anyone and makes your automated tests flexible and adaptive, and I wanted the typography to reflect this. After shopping around for a while, I landed on a type called “R-Flex”
Red is a powerful color that conveys energy, passion, and excitement. It's a bold and attention-grabbing hue that commands attention and creates a strong emotional response. As a result, it can be an effective choice for brands that want to make a statement and stand out from the competition. Red is often associated with boldness, strength, and confidence, making it an ideal choice for brands that want to portray these qualities. Overall, the value of a red brand color lies in its ability to capture attention, convey strong emotions and values, and make a memorable impression on consumers.
Neutral colors can be used to create contrast, making key information or calls to action more visible and easier to read. Neutral colors are typically used for text, dividers, and section backgrounds. Overall, the value of neutral colors in web design lies in their versatility, ability to create balance and contrast, and their ability to convey a sense of professionalism and sophistication.
Blue is a versatile and calming color that can evoke feelings of trust, reliability, and professionalism. It's a popular choice for brands in industries such as finance, healthcare, and technology, as it can convey a sense of security and stability. Blue is also associated with intelligence and wisdom, which can make it a good fit for brands that want to be seen as knowledgeable and authoritative. Overall, the value of a blue brand color lies in its ability to instill trust and convey professionalism, while also being versatile enough to suit a wide range of industries and brand personalities.
#EE2828
#4B4EFC
#6B7280
Design a homepage that features the product in action, and highlights the unique value proposition to each user.
Design a page featuring supported integrations with links to documentation.
*Please note I do not manage the live website, there have been design changes since my implementation.
Success was more than just visual upgrades. Here's what the data said.
After launch we immediately saw a bounce rate reduction of 10%.
After launch user sessions lasted twice as long across all platforms.
After launch users were visiting twice as many pages.
Below are a handful of assets customized for the testRigor brand.
