Brand case study · Ondat

DeployBetterFaster.

Ondat is a new solution for DevOps teams and developers to manage and deploy their databases and Kubernetes instances. I created its full branding, from a new logo to a fresh visual language.

Role
Senior Brand & Product Designer
Scope
Full branding
Industry
DevOps, cloud native data
Deliverables
Logo, colour, type, icons, website, app, print
The mission

A full re-branding, from the first question.

I was called for a full re-branding, from a new logo to a fresh visual language, created through an extensive deep dive.

  1. UnderstandAn extensive deep dive, first to understand the product and its world.
  2. ResearchThen research, to find the best solution.
  3. IdentityAn identity that is both tailor-made and original.
Brand colours

Cyan, mint and deep blue, on night navy.

Three primary colours, a dark contrast colour and a light grey. Click a colour to copy its hex.

The gradientMint to cyanThe signature diagonal wash
on billboards, cards and web
Typography

Source Sans, with a serif accent.

Source Sans Pro Bold leads, Merriweather Bold adds the editorial accent (like the “Better” in the tagline), and Lato and Assistant carry the supporting text.

Source Sans Pro Bold
ABCDEFGHIKLMNOPQRSTUVWXYZ
abcdefghiklmnopqrstuvwxyz
01234567890
Merriweather Bold
ABCDEFGHIKLMNOPQRSTUVWXYZ
abcdefghiklmnopqrstuvwxyz
01234567890
Lato
ABCDEFGHIKLMNOPQRSTUVWXYZ
abcdefghiklmnopqrstuvwxyz
01234567890
Assistant
ABCDEFGHIKLMNOPQRSTUVWXYZ
abcdefghiklmnopqrstuvwxyz
01234567890
Iconography

Icons for a developer’s day.

Eight icons on night-navy discs, drawn in the cyan-to-mint gradient with small orange and pink accents: a database, a folder, a locked backup, a mobile device, a monitor, a shield, mail and settings.

Eight icons on night-navy circles: a database with a gear, a folder, a lock with a refresh arrow, a phone with a signal, a monitor with a cube, a shield with a signal, an envelope with a notification dot, and two gears.
The identity in use

On screens, cards, billboards and photos.

The line “Deploy Better Faster” and the diagonal mint-to-cyan cut carry through every touchpoint. Click any image to enlarge it.

The Ondat website on a laptop drawn in outline over a mint-to-cyan gradient: a hero headline reading The Cloud Native Data Layer, two buttons and a code window.
Website
A phone showing the Ondat mobile site: the logo and a menu icon on a grey header, and a mint-to-cyan diagonal with the words Deploy Better Faster and a Get Started button.
Mobile app
Two Ondat business cards: a white card with the logo and contact details cut by a mint-to-cyan diagonal, and a navy card with the words Deploy Better Faster set at an angle.
Business cards
A billboard and signage board in night navy: the Ondat logo in the corner and a mint-to-cyan diagonal with the words Deploy Better Faster.
Billboards and signage
A man in a blazer smiling at his phone on a bench, in a teal duotone photo cut by a navy diagonal with the white Ondat logo.
Photography
Next project