Testcontainers

Product marketing for open source and commercial developer tools

Company

AtomicJar / Docker

Industry

Developer Tools

Role

Head of Design / Senior Visual Designer

Duration

2.5 years

Main Project Image
Main Project Image
Main Project Image

Skills

Branding

Logo Design

Brand Guidelines

Creative Direction

Project Management

Product Launch

Web Design

Design Systems

UI Design

Accessible Design

Collateral Design

Infographics

Social Media

Events

Swag

Overview

Context

Context

Context

Testcontainers is an open source integration testing library with over 100 million downloads. Building on the success of the open-source project, AtomicJar introduced commercial products including Testcontainers Cloud (a cloud service that speeds up and simplifies test execution) and Testcontainers Desktop (a local companion app for developers). In 2023, AtomicJar was acquired by Docker, bringing Testcontainers and its products into the broader Docker ecosystem.

Problem

Problem

Problem

While Testcontainers had strong adoption within the developer community, it lacked a visual identity. The open-source project needed a rebrand that maintained recognition and trust among its existing user base.

At the same time, AtomicJar was developing commercial products based on Testcontainers open source that required their own branding.

Solution

Solution

Solution

A new visual identity was created for Testcontainers open source as well as its commercial products, Testcontainers Cloud and Testcontainers Desktop. The identity was designed to feel familiar to the existing Testcontainers community, appeal to new users, and support product adoption and marketing efforts.

My Role

Head of Design

Head of Design

Head of Design

I was the first design-hire reporting to the CEO of AtomicJar. Created the brand identity, landing page and first onboarding experience for Testcontainers Cloud.

Led a small team of web and product designers in creating a design system and product UI for Testcontainers Cloud.

Immersed myself in product design to better support my team’s priorities, contribute to design crits and hands-on iterations.

Joined the design team at Docker as a Senior Visual Designer following the acquisition of AtomicJar.

Deliverables

Deliverables

Deliverables

  • Visual identity (logos, typography, color palette, brand guidelines)

  • Product websites and landing pages

  • Product onboarding

  • Product marketing materials

  • Product launch (beta and full release)

  • Design system

  • Event booths, collateral and swag

  • Technical infographics

  • Graphics, blog visuals, social media assets, newsletter images

Design Decisions

Product Branding

Product Branding

Product Branding

Logo Redesign
I redesigned the Testcontainers logo as one of my first tasks upon joining the company. I explored a range of options varying degrees away from or close to the original version. The final option ended up quite close to the original but with new logotype, adjusted logomark, and updated color palette.

Logo Redesign
I redesigned the Testcontainers logo as one of my first tasks upon joining the company. I explored a range of options varying degrees away from or close to the original version. The final option ended up quite close to the original but with new logotype, adjusted logomark, and updated color palette.

Logo Redesign
I redesigned the Testcontainers logo as one of my first tasks upon joining the company. I explored a range of options varying degrees away from or close to the original version. The final option ended up quite close to the original but with new logotype, adjusted logomark, and updated color palette.

Brand Guidelines created as a PDF, Notion page and Figma file (as a reusable component) for easy accessibility of logos, colors and fonts.

Brand Guidelines created as a PDF, Notion page and Figma file (as a reusable component) for easy accessibility of logos, colors and fonts.

Brand Guidelines created as a PDF, Notion page and Figma file (as a reusable component) for easy accessibility of logos, colors and fonts.

Logo lockup for the updated Testcontainers (OSS) logo including brand colors and logo variants

Logo lockup for the updated Testcontainers (OSS) logo including brand colors and logo variants

Logo lockup for the updated Testcontainers (OSS) logo including brand colors and logo variants

Tested logo scaling scaling options to make sure the mark was flexible enough to handle even the smallest sizes: such as a website header, favicon, or desktop tray.

Tested logo scaling scaling options to make sure the mark was flexible enough to handle even the smallest sizes: such as a website header, favicon, or desktop tray.

Tested logo scaling scaling options to make sure the mark was flexible enough to handle even the smallest sizes: such as a website header, favicon, or desktop tray.

Logo Design
I created the new logo for the company's first commercial product Testcontainers Cloud. The goal was to find the right balance between having a connection to the Testcontainers logo and but with enough differentiation to feel like a standalone product.

Logo Design
I created the new logo for the company's first commercial product Testcontainers Cloud. The goal was to find the right balance between having a connection to the Testcontainers logo and but with enough differentiation to feel like a standalone product.

Logo Design
I created the new logo for the company's first commercial product Testcontainers Cloud. The goal was to find the right balance between having a connection to the Testcontainers logo and but with enough differentiation to feel like a standalone product.

Figma Components
All logos were later made available through Figma as components and as part of our design system.

Figma Components
All logos were later made available through Figma as components and as part of our design system.

Figma Components
All logos were later made available through Figma as components and as part of our design system.

Visual Identity

Visual Identity

Visual Identity

Color palette
A challenge with creating a new color palette was making it feel cohesive and complementary. Creating shared colors for both company and product use, while also expanding the palette into unique colors for each brand "branch" (warm orange/pink for AtomicJar vs teals for Testcontainers).

Color palette
A challenge with creating a new color palette was making it feel cohesive and complementary. Creating shared colors for both company and product use, while also expanding the palette into unique colors for each brand "branch" (warm orange/pink for AtomicJar vs teals for Testcontainers).

Color palette
A challenge with creating a new color palette was making it feel cohesive and complementary. Creating shared colors for both company and product use, while also expanding the palette into unique colors for each brand "branch" (warm orange/pink for AtomicJar vs teals for Testcontainers).

Typography
Selected Rubik as the company font. Examples of typography styling for headings, body text, bulletpoints, inline code and syntax highlighted code blocks

Typography
Selected Rubik as the company font. Examples of typography styling for headings, body text, bulletpoints, inline code and syntax highlighted code blocks

Typography
Selected Rubik as the company font. Examples of typography styling for headings, body text, bulletpoints, inline code and syntax highlighted code blocks

Final Outcome

Developed a new brand identity that tied together Testcontainers open source and its commercial products, Testcontainers Cloud and Testcontainers Desktop. At its core, the system respected Testcontainers’ open-source roots while allowing the commercial products to establish themselves as distinct, fully-fledged offerings connected by a shared design language.

Product Marketing

Product Marketing

Product Marketing

Testcontainers Cloud product showcase video, I provided creative directions and visual assets.

Testcontainers Cloud product showcase video, I provided creative directions and visual assets.

Testcontainers Cloud product showcase video, I provided creative directions and visual assets.

Product Graphics

Product Graphics

Product Graphics

I created the core graphic for Testcontainers Cloud. A developer using the tool, with modules floating above, set within an infinite geometry style space made out of the logo mark.

I created the core graphic for Testcontainers Cloud. A developer using the tool, with modules floating above, set within an infinite geometry style space made out of the logo mark.

I created the core graphic for Testcontainers Cloud. A developer using the tool, with modules floating above, set within an infinite geometry style space made out of the logo mark.

Technical Diagrams

Technical Diagrams

Technical Diagrams

Designed the main "marketecture" diagram for use on the product website. A technical diagram explaining the Testcontainers Cloud technology.

Designed the main "marketecture" diagram for use on the product website. A technical diagram explaining the Testcontainers Cloud technology.

Designed the main "marketecture" diagram for use on the product website. A technical diagram explaining the Testcontainers Cloud technology.

Designed the main technical diagram for use on the product website of Testcontainers Desktop.

Designed the main technical diagram for use on the product website of Testcontainers Desktop.

Designed the main technical diagram for use on the product website of Testcontainers Desktop.

Report Infographics

Report Infographics

Report Infographics

Visualized data for the State of Local Development and Testing 2023 Report. Report was hosted on the AtomicJar blog and shared on social media.

Visualized data for the State of Local Development and Testing 2023 Report. Report was hosted on the AtomicJar blog and shared on social media.

Visualized data for the State of Local Development and Testing 2023 Report. Report was hosted on the AtomicJar blog and shared on social media.

Devoxx UK | Conference

Devoxx UK | Conference

Devoxx UK | Conference

I was able to attend the Devoxx event in person to take photos of the booth and the team. As well as photos to be able go around visiting all the other company booths, getting swag samples, taking photos for research.

Full booth backdrop

Full booth backdrop

Full booth backdrop

[ABOVE] Social Media conference attendance announcement post

[LEFT] Swag table with t-shirts, keychains, pins and stickers

[ABOVE] Social Media conference attendance announcement post

[LEFT] Swag table with t-shirts, keychains, pins and stickers

[ABOVE] Social Media conference attendance announcement post

[LEFT] Swag table with t-shirts, keychains, pins and stickers

Testcontainers team on one of the busy breaks between sessions. Talking to folks about Testcontainers open source, Testcontainers Cloud, and our new relationship with Docker.

Testcontainers team on one of the busy breaks between sessions. Talking to folks about Testcontainers open source, Testcontainers Cloud, and our new relationship with Docker.

Testcontainers team on one of the busy breaks between sessions. Talking to folks about Testcontainers open source, Testcontainers Cloud, and our new relationship with Docker.

Speaker Sessions posts promoting speaker sessions runinng up to the conference and also on our laptops at the booth

Speaker Sessions posts promoting speaker sessions runinng up to the conference and also on our laptops at the booth

Speaker Sessions posts promoting speaker sessions runinng up to the conference and also on our laptops at the booth

GopherCon | Conference

GopherCon | Conference

GopherCon | Conference

Go + Testcontainers ad used in a printed conference booklet and digitally. Customizing and combining the Go mascot with Testcontainers imagery and a hint of Docker.

Go + Testcontainers ad used in a printed conference booklet and digitally. Customizing and combining the Go mascot with Testcontainers imagery and a hint of Docker.

Go + Testcontainers ad used in a printed conference booklet and digitally. Customizing and combining the Go mascot with Testcontainers imagery and a hint of Docker.

Rollup Banners digital previews of the designed rollups showcasing Testcontainers and the Gopher with Testcontainers cube motif from the ad

Rollup Banners digital previews of the designed rollups showcasing Testcontainers and the Gopher with Testcontainers cube motif from the ad

Rollup Banners digital previews of the designed rollups showcasing Testcontainers and the Gopher with Testcontainers cube motif from the ad

GopherCon photos of the rollups and counter table design from the event

GopherCon photos of the rollups and counter table design from the event

GopherCon photos of the rollups and counter table design from the event

JavaLand | Conference

JavaLand | Conference

JavaLand | Conference

Testcontainers team at JavaLand 2023 in Germany

Testcontainers team at JavaLand 2023 in Germany

Testcontainers team at JavaLand 2023 in Germany

Testcontainers returned the following year for JavaLand 2024 with a bigger booth setup. Here's the 3D mockup of the design I made for that year.

Testcontainers returned the following year for JavaLand 2024 with a bigger booth setup. Here's the 3D mockup of the design I made for that year.

Testcontainers returned the following year for JavaLand 2024 with a bigger booth setup. Here's the 3D mockup of the design I made for that year.

The Testcontainers team in front of the booth with Kevin [RIGHT] sporting one of the Testcontainers shirt designs.

The Testcontainers team in front of the booth with Kevin [RIGHT] sporting one of the Testcontainers shirt designs.

The Testcontainers team in front of the booth with Kevin [RIGHT] sporting one of the Testcontainers shirt designs.

Swag

Swag

Swag

Popular Testcontainers t-shirts I designed for our events swag.

Popular Testcontainers t-shirts I designed for our events swag.

Popular Testcontainers t-shirts I designed for our events swag.

Testcontainers sticker sheets pairing Testcontainers and other open source mascots (Java Duke, Go Gopher, and .NET robot)

Testcontainers sticker sheets pairing Testcontainers and other open source mascots (Java Duke, Go Gopher, and .NET robot)

Testcontainers sticker sheets pairing Testcontainers and other open source mascots (Java Duke, Go Gopher, and .NET robot)

Results

12+ Conferences Yearly

12+ Conferences Yearly

12+ Conferences Yearly

All Things Open

All Things Open

DevNexus

DevNexus

Devoxx Belgium

Devoxx Belgium

Devoxx UK

Devoxx UK

Paris AI Meetup

Paris AI Meetup

GopherCon

GopherCon

JavaLand

JavaLand

JFokus

JFokus

KCDC

KCDC

KubeCon

KubeCon

Spring IO

Spring IO

WeAreDevelopers

WeAreDevelopers

Product Successes

Product Successes

Product Successes

I created the branding for Testcontainers products and designed the initial onboarding experience and landing page for Testcontainers Cloud.

I then led a small team of web and product designers through expanding and delivering on the full scope of the project: building a design system, an integrated website that folded together the open source project with the products, documentation website, and the UI of the cloud service and web app. 

Testcontainers Cloud

Testcontainers Cloud

Testcontainers Cloud

  • Beta launch

  • GA full release

  • Product landing page

  • Onboarding Experience

  • Product UI

  • Design system

  • Branding

Testcontainers Desktop

Testcontainers Desktop

Testcontainers Desktop

  • Product launch

  • Product landing page

  • Branding

Acquisition by Docker

Acquisition by Docker

Acquisition by Docker

Two years of product brand branding contributed to a successful acquisition of AtomicJar by software giant Docker. AtomicJar was the parent company behind Testcontainers (open source) and its product offerings Testcontainers Cloud and Testcontainers Desktop. You'll find the new home of all things Testcontainers over at docker.com.

Testcontainers Cloud and Testcontainers Desktop are now part of Docker's suite of products.

Testcontainers Cloud and Testcontainers Desktop are now part of Docker's suite of products.

Testcontainers Cloud and Testcontainers Desktop are now part of Docker's suite of products.

Dockerized versions of all the logos distinguishing Testcontainers with an "open source" chip and branding Testcontainers Desktop and Cloud with a "by docker" affix.

Dockerized versions of all the logos distinguishing Testcontainers with an "open source" chip and branding Testcontainers Desktop and Cloud with a "by docker" affix.

Dockerized versions of all the logos distinguishing Testcontainers with an "open source" chip and branding Testcontainers Desktop and Cloud with a "by docker" affix.