Historically, this category heroes the end user experience as their main brand focus and messaging. But it’s software teams who are using SauceLabs. So it’s software teams that we decided to target. 

We took the current outlook and switched the perspective inwards, carving a Purpose, Positioning and Personality that puts software teams first. Our new brand strategy says we back these dynamic teams by equipping them with the tools, service and confidence to solve any complex challenge. Not only does this create brand distinction, but it speaks to SauceLabs’ direct customer benefit.

Through a new visual identity, tone of voice, web design and messaging, we redefined the brand with the themes of speed, focus, agility and growth. The core idea being: Test. Update. Accelerate. This communicates the streamlined development process thanks to the SauceLabs test toolchain, and champions the constant progression, innovation and ROI driven by software teams.

Our new logo brings this to life by telling the SauceLabs user story. It is based on code brackets, which are crafted to form new frictionless shapes, suggesting a simple and seamless development process. It also creates an abstract letter ‘S’ to nod to the SauceLabs name. The negative space shows a lightning bolt to express speed and builds on a grid format to show precision. With animation, the logo tells a story of growth, improvement and the full service test toolchain that SauceLabs offers.

Our colour palette is inspired by the software testing traffic light system (pass, issues or fail). So we use a distinctive core Green, with Amber and Coral also in the main palette. Flexing our palette for text, dark mode and light mode with tints, shades and colour ratios to ensure maximum accessibility across digital.

Aeonik Fono was chosen as the primary typeface, giving a contemporary twist to classic developer style typography. We then used code syntax to shape graphic highlighters, textural moments and product logos.

As the final cherry, we welcomed an updated mascot (the ‘SauceBot’)  into the family, built from code syntax and with a range of fun expressions to guide software teams through the SauceLabs offering. 

As featured in:
Design Week
Creative Boom
Page Magazine
Brand New: Under Consideration

Celebrating the role of the Developer 3.0 in the rebrand and website of SauceLabs, a leading software testing platform.

Brand Identity, Website Design & Website Development for SauceLabs

Apps, web and digital shape how we experience the world today. From dinner delivery to banking, maps to movies, we constantly rely on working code. But the world still sees software development teams as back-end builders. In fact, these powerhouse software teams are driving business growth and they are not getting the recognition they deserve. So we got down to work with SauceLabs, to turn it around. 

Giving software testing the green light

SauceLabs

Saucelabs-branding-Landing-how-agency-L.webm

Saucelabs-branding-Landing-how-agency-L.mp4

Saucelabs-branding-NameOfAsset-how-agency-S.webm

Saucelabs-branding-Landing-how-agency-S.mp4

We're a creative, branding and digital design agency based in London & Lisbon & LA. We create brands and websites for forward-thinking companies.

How&How | Digital Branding Design Agency in London, Lisbon & LA

We use Google Analytics to track and record your movements on the Website, where you came from and what pages you access. This data is not connected to any personal information.

We use Hubspot for Website analytics and marketing automation. This data is anonymous unless you fill in a form and your contact details are added to our database with your consent.

We use Leadfeeder to see what company IP addresses our traffic is coming from. This data is not connected to any personal information.

We use Hotjar to record session information to see how people use our website. This data is not connected to any personal information.

Our Website uses Cookies to ensure you get the best experience on our Website.

Saucelabs-branding-Logo-how-agency-L.webm

Saucelabs-branding-Logo-how-agency-L.mp4

Saucelabs-branding-Logo-how-agency-S.webm

Saucelabs-branding-Logo-how-agency-S.mp4

Saucelabs-Branding-LogoLogic2-how-agency-L.png

Saucelabs-Branding-LogoLogic-how-agency-L.png

Saucelabs-branding-Messaging-how-agency-L.webm

Saucelabs-branding-Messaging-how-agency-L.mp4

Saucelabs-branding-Messaging-how-agency-S.webm

Saucelabs-branding-Messaging-how-agency-S.mp4

Saucelabs-branding-Shapes-how-agency-SV.webm

Saucelabs-branding-Shapes-how-agency-SV.mp4

Saucelabs-branding-DesignSystem-how-agency-L.webm

Saucelabs-branding-DesignSystem-how-agency-L.mp4.mp4

Saucelabs-branding-DesignSystem-how-agency-S.webm

Saucelabs-branding-DesignSystem-how-agency-S.mp4

Saucelabs-Branding-TraffictLights-how-agency-SV.webm

Saucelabs-Branding-TraffictLights-how-agency-SV.mp4

Saucelabs-branding-Maskot-how-agency-L.webm

Saucelabs-branding-Maskot-how-agency-L.mp4

Saucelabs-branding-Maskot-how-agency-S.webm

Saucelabs-branding-Maskot-how-agency-S.mp4

SauceLabs-branding-AppleWatch-how-agency-S.webm

SauceLabs-branding-AppleWatch-how-agency-S.mp4

SauceLabs-Digital-Phone-how-agency-S.webm

SauceLabs-Digital-Phone-how-agency-S.mp4

Saucelabs-branding-6-Illustrations-how-agency-SV_1.webm

Saucelabs-branding-6-Illustrations-how-agency-SV.mp4

Saucelabs-Digital-Websiteillustration-how-agency-L.webm

Saucelabs-Digital-Websiteillustration-how-agency-L.mp4

Saucelabs-Digital-Websiteillustration-how-agency-S.webm

Saucelabs-Digital-Websiteillustration-how-agency-S.mp4

Saucelabs-branding-Homepage-how-agency-L.webm

Saucelabs-branding-Homepage-how-agency-L.mp4

Saucelabs-branding-Homepage-how-agency-S.webm

Saucelabs-branding-Homepage-how-agency-S.mp4

Saucelabs-branding-Illustrations-how-agency-6-S_1.webm

Saucelabs-branding-Illustrations-how-agency-6-S.mp4

Illustration-2-Aniamtion_1.webm

Illustration-2-Aniamtion.mp4

Saucelabs-branding-Illustrations-how-agency-5-S_1.webm

Saucelabs-branding-Illustrations-how-agency-5-S.mp4

Saucelabs-branding-Illustrations-how-agency-4-S_1.webm

Saucelabs-branding-Illustrations-how-agency-4-S.mp4

Saucelabs-branding-Illustrations-how-agency-1-S_1_1.webm

Saucelabs-branding-Illustrations-how-agency-1-S.mp4

Saucelabs-Digital-Modules-how-agency-SV.webm

Saucelabs-Digital-Modules-how-agency-SV.mp4

Saucelabs-branding-SocialShowcase-how-agency-L_1.webm

Saucelabs-branding-SocialShowcase-how-agency-S.mp4

Saucelabs-branding-SocialShowcase-how-agency-S.webm

Saucelabs-branding-SocialShowcase-how-agency-L.mp4

Saucelabs-Digital-LinkedIns-how-agency-SV.webm

Saucelabs-Digital-LinkedIns-how-agency-SV.mp4

Saucelabs-Digital-PcbBoard-how-agency-SV.webm

Saucelabs-Digital-PcbBoard-how-agency-SV.mp4

Saucelabs-branding-Pin-how-agency-S.webm

Saucelabs-branding-Pin-how-agency-S.mp4

Saucelabs-Branding-Ending-how-agency-L_1.webm

Saucelabs-Branding-Ending-how-agency-L.mp4

Saucelabs-Branding-Ending-how-agency-S_1.webm

Saucelabs-Branding-Ending-how-agency-S.mp4

“The only thing more rewarding than the collaborative process of the How&How team would be the amazing results.

"We all felt they understood what we were trying to achieve and went above and beyond our expectations. We’re genuinely thrilled!”

Yum Bun

Flipping the property system for a next-gen disruptor

flyp

FL-Work-Index-L.webm

FL-Work-Index-L.mp4

FL-Work-Index-S.webm

FL-Work-Index-S.mp4

Creating a trust movement for a freshly-minted Unicorn

Veriff

VF-Landing-L.webm

VF-Landing-L.mp4

Emm-OOHDigital-L.webm

Emm-OOHDigital-L.mp4

Visualising human emotion for a global user insights platform

Hotjar

HJ-OOH-03-1920x1080_3.webm

HJ-OOH-03-1920x1080.mp4

HJ-OOH-03-1080x1080.webm

HJ-OOH-03-1080x1080.mp4

Growing fuzz for a tree-planting browser app

FREETREE

FT-Web-Scroll-Mac-L-4k_1.webm

FT-Web-Scroll-Mac-L-4k.mp4

Leading the outdoor industry towards a circular future

Amphico

Harnessing magnetic attraction in the rebrand of a CX platform

AIQ_OOH_Digital.webm

AIQ_OOH_Digital.mp4

Making a conservation charity less conservative

ON THE EDGE

OTEC-icon-slider 2_1.webm

OTEC-icon-slider 2.mp4

OTE_Icon_Slider_1080x1080.webm

OTE_Icon_Slider_1080x1080.mp4

An oasis of calm in the noisy world of ETF investments

Trackinsight

Landing_1920x1080.webm

Landing_1920x1080.mp4

Landing_1080x1080.webm

Landing_1080x1080_1.mp4

Putting the spring back in the step of a global ad agency

One Green Bean

Raising awareness on car tyre microplastic pollution

Deadly Dust

Breathing wisdom and warmth into the leading UX insights brand

USERZOOM

UZ-logo-intro-L.webm

UZ-logo-intro-L.mp4

UZ-logo-intro-S.webm

UZ-logo-intro-S.mp4

Raising awareness on ocean plastic pollution

EAT LESS PLASTIC

Funding the agents of change in a sustainable investments app

Growing hope for environmental benefits of restoring sea kelp forests

Work / SauceLabs