Translated

Type

  • Brand strategy

Role

  • Art direction
  • Visual design
  • Motion design

Timeframe

  • 4 Weeks
  • July 2018

Company

  • Frog Design

Translated

Translated has been providing on-demand translations for over 20 years, effectively inventing the gig economy before it had a name. After heavy investment in online marketing to drive growth, they were left with a highly transactional brand and an organically grown product portfolio that was confusing and not positioned for future growth or expansion.

Translated

00 · Summary

Challenge

Translated asked frog to help define their brand, restructure their product portfolio, and shape a vision for their digital products and touchpoints.

Outcome

We helped Translated define who they are and where they’re headed, delivering a new Brand Story, refreshed Brand Identity, redesigned brand architecture, and a vision for their digital touchpoints.

Credits

Ricardo Osório Santos

Art direction, visual and motion design

Kevin Cannon, Rosie Isbell, Mariana Helguera

Strategy and service design

René Mambembe

Visual design

01 · approach

Powered by AI, driven by people

The new identity is composed of its primary mark and the logotype. It captures the idea of a human face — the “t” as a nose and a smile, while the “dot” as a meticulous eye — supervising Translated's AI capabilities.

The signature construction tries to stay close to the previous identity, maintaining some of its elements: the circle and the "period" at the end.

02 · Process

A new visual language

Showcasing a fresh, modern and accessible visual identity for the brand, the new Translated.com and all digital touchpoints speak directly to the various audiences engaging with the business.

The streamlined site structure now acts as a communications hub that guides translators as well as individual and enterprise customers to finding the particular services of use to them, with clear opportunities to get in touch.

03 · Development

Scalability for current and future products

Translated needed a visual system to allow them to quickly generate in-brand logos for their future products. Besides the new sub-brand Translated Labs — the home for technology explorations and all the new prosumer products and services — which was tailored by us, we've created a simple system that would ensure the new products would feel part of the family.

An open sketchbook surrounded by loose sheets of hand-drawn logo studies, all working the lowercase t of translated into a mark
The old Translated.net logo: a blue wireframe globe beside a heavy serif-less wordmark with a .net badge
The old logo above the new one, with construction grid: a lowercase t and a dot inside a circle, beside the wordmark translated with a full stop
The translated wordmark in white on the brand blue, the dot of the t set high and to the right
The circular t mark in blue on white, paired with the white wordmark on blue
The stacked signature: the circular t mark above the translated wordmark, in white on brand blue
The brand palette as five vertical bands: primary blue, navy, cyan, yellow and coral
Branded notebooks laid out at an angle in blue, coral, cyan and grey, carrying the t mark and brand lines such as We open up language to everyone
Business cards in a tiled grid, blue backs with a blind-embossed t mark facing white fronts with the wordmark and contact details
A white tote bag with blue handles hanging on a panelled door, printed with We open up language to everyone above the t mark
The Translated Labs lockup in white on navy: the circular t mark beside translated set in lowercase and LABS in small capitals

Exploring expressions

A playful study of variations helped the client see which expression fit the design best.

The Translated Labs site on a phone, a magician conjuring letterforms out of binary blocks above the headline Language tools by language enthusiasts

04 · Outcome

From a brand playboook to an award winning campaign

In 2020, Translated has launched the company's first ever brand campaign which connects with the most precious human element of all: language — Credits: AUGE, Milan.

Contact sheet of the Translated brand style guide, running from brand story and visual identity through the visual system to brand applications
System and attribution page from the style guide, showing product name lockups with and without the mark, centre and left aligned, for translated and translated LABS
Product icon system page, showing My Memory, Translation Party, Whisperer and Meeting Recorder icons each assembled from typographic characters
The Whisperer product icon in white on brand blue, a face built from two commas, a circle and a bracket
Three phones showing the redesigned site: the homepage hero, the Our clients section with an Airbnb testimonial, and the Translated Labs landing page
The redesigned homepage hero, We open up language to everyone, beside an illustration of people releasing letterforms into the air
The instant quote page, with source and target language, word count, subject and delivery date laid out above a pay-after-delivery note
The clients section, a grid of case study links for Benetton, Google, IBM, Expedia, the European Union and Airbnb above a customer quote
The Embrace our culture section, an illustration of translators tending a garden of letterforms beside the invitation to get in touch

05 · Client feedback

Everyone on the team at frog has done amazing work, understood our goals and challenged us where needed. We felt like they have always been part of our team.

—

Marco Trombetti

Co-Founder and CEO

More case studies