Auto Trader
NET|August 2019

Still associated with its old print magazine, the automotive marketplace’s site needed a new look. Studio Output reveals how it gave it a full remodel.

Auto Trader

Brief

Despite being the UK’s leading digital automotive marketplace, Auto Trader was still seen by some as a print magazine for men. Studio Output was chosen to help the company refresh its brand by creating a digital experience language for car buyers.

Close up

(1) To bring it up-to-date and in-keeping with the brand development, Output redrew the chevron device and letterforms of the Auto Trader logo. (2) Lifestyle photography adds variety and helps audiences see the benefit of a vehicle, not just the vehicle itself. (3) The new colour palette builds on the brand’s heritage. Its tones have been pushed to work across digital-first platforms, while feeling modern and insightful. (4) These illustrations provide the brand with ownable and friendly assets to quickly identify a topic or product. They build up from the UI as a consistent, flat style – adding a bold element to the toolkit. (5) Illustrations also add character to vehicle shots and help to provide more context on vehicle specialisms. (6) The typeface AT Fabriga’s large x-height aids legibility at small sizes across all audience platforms. And interesting cuts add enough character to make it ownable without complicating.

Mention ‘Autotrader’ to British men of a certain age and they’ll think of the classified ads magazine, which, at its height in 2000, was selling 368,000 copies a week. Nowadays few people turn to print when it comes to buying and selling second-hand. And so in 2013 the paper was closed and everything shifted to the website, which today is the UK and Ireland’s largest digital automotive marketplace.

この記事は NET の August 2019 版に掲載されています。

7 日間の Magzter GOLD 無料トライアルを開始して、何千もの厳選されたプレミアム ストーリー、9,000 以上の雑誌や新聞にアクセスしてください。

この記事は NET の August 2019 版に掲載されています。

7 日間の Magzter GOLD 無料トライアルを開始して、何千もの厳選されたプレミアム ストーリー、9,000 以上の雑誌や新聞にアクセスしてください。

NETのその他の記事すべて表示
Camille Gribbons
NET

Camille Gribbons

UX designer at Booking.com, Camille Gribbons reveals how she first got into the industry

time-read
7 分  |
June 2020
THE 5G UI REVOLUTION
NET

THE 5G UI REVOLUTION

Tris Tolliday describes his vision of a web UI catapulted forwards by 5G

time-read
3 分  |
June 2020
HOW TO SHOWCASE YOUR DEV SKILLS
NET

HOW TO SHOWCASE YOUR DEV SKILLS

Aude Barral shares 5 top tips for landing your dream developer job

time-read
3 分  |
June 2020
KNIVES OUT
NET

KNIVES OUT

Murder mystery film, Knives Out, grabbed everyone’s attention, and so did the fun website that promoted it. Oblio tells Tom May how it created its innovative 3D navigation

time-read
6 分  |
June 2020
HOW EMOTIONAL LABOUR HINDERS WOMEN IN TECH
NET

HOW EMOTIONAL LABOUR HINDERS WOMEN IN TECH

Christine Brewis, head of digital marketing at Studio Graphene, discusses how gender parity in tech has changed over the last ten years, and what more can be done

time-read
5 分  |
June 2020
EDAN KWAN
NET

EDAN KWAN

He swapped life as a singer for a career making eye-popping digital visuals. The Lusion founder chats to Tom May about battling demons, winning awards and where digital advertising is heading

time-read
8 分  |
June 2020
ANDREW COULDWELL
NET

ANDREW COULDWELL

The Brit in LA discusses his new book on design systems, Laying the Foundations

time-read
3 分  |
June 2020
Top 5 Tips For Ensuring Web Content Is Accessible For All
NET

Top 5 Tips For Ensuring Web Content Is Accessible For All

Merlyn Meredith outlines five top tips for ensuring web content is accessible for all

time-read
2 分  |
May 2020
WHAT DOES THE FUTURE HOLD FOR BROWSERS?
NET

WHAT DOES THE FUTURE HOLD FOR BROWSERS?

Nico Turco examines the state of play with browsers, whether developers should encourage diversity or monopoly and how Google fits into it all

time-read
6 分  |
May 2020
YEARS IN THE MAKING
NET

YEARS IN THE MAKING

Exclusively for net: The latest in a series of anonymous accounts of nightmare clients

time-read
3 分  |
May 2020