Yahoo — Ten Years of Ad Creative
2007–2017 · design

Yahoo — Ten Years of Ad Creative

Client: Yahoo!Role: Visual Designer II → Visual Designer III → Senior Design Manager, Ad Creative TechnologySelf-reported
Illustration
Generative AI production
Design / UI

A decade inside Yahoo's ad creative organisation, across eight formats — homepage takeovers, login-page skins, the standard display ladder, native, mobile and post-tap gyroscope units, page wallpapers, sales demos, and work that left the browser entirely.

Ten years at Yahoo, from Visual Designer to Senior Design Manager in Ad Creative Technology — a stretch when a single homepage takeover reached an audience most campaigns will never see again, and when the formats themselves were still being invented year to year.

The eight groups below are the formats, not the clients. Each one is a different problem: a takeover is a page-design problem, a login skin is a problem of composing around something you cannot move, a standard unit is a craft problem inside a fixed pixel box and a file-size ceiling, and a post-tap gyroscope build is an interaction problem. The client logos change; the constraint is what makes each group its own discipline.

External corroboration. The Dr Pepper “unbelievable characters” campaign that ran on Yahoo was covered by the New York Times — Stuart Elliott, “Dr, Dr, Give Me Some Clues,” 7 February 2011 (Wayback capture; the live URL now 403s). The article confirms the campaign ran and ran on Yahoo — it does not name Gavin, and is cited here as proof the work shipped, not as a credit. Two of the mobile post-tap units were published as Yahoo native-ad specs on the Ad Creative Tech Showcase and survive only as archives: the Campbell’s demo link ad and the JetBlue demo link ad specs.

The VR ad formats built in the last years of this tenure are a separate project — see Yahoo’s first VR ad formats. The 2009 Purple Pedals bike is documented at Purple Reigns.

01

Homepage Takeovers & Floaters

The whole page as one canvas. A takeover hands a single advertiser the Yahoo homepage — background, masthead, the modules themselves — and a floater breaks an object out of the ad and lets it move across the page. Ant-Man crawls out of a magnifier over the news feed; the Oreo build turns Shine into an illustrated world. The constraint is that the page still has to work as a page.

2008 2012 YahooMoviesTakeover — 1028×690
2008 BestBuyFloater — 1028×890
2008 Y!Kids FishHooks AnimatedWallpaper — 1906×1045
2010 SamsungBeholdII — 958×834
2010 SmurfPageTakeover — 762×593
2010 YahooMailConnectwFriends — 725×661
2010 Yahoo Mail youbyYOU — 921×599
2010 wallmart mail — 991×904
2011 Y!Kids FishHooks AnimatedWallpaper — 1906×1045
2011 ddp fp2a — 960×540
2015 YellowPagesBadKitty — 650×489
2017 twoAnimations — 1028×808
02

Login Page Takeovers

The sign-in screen treated as an ad canvas. The form cannot move — people arrive with their hands already on the keyboard — so the brand has to build a world around a rectangle it is not allowed to touch. Cartier, Corona, X-Men, net-a-porter, Kohl's and Capital One all solve the same fixed problem differently.

03

Standard Ad Units

The everyday inventory, and the bulk of the decade: leaderboards, rectangles, skyscrapers and billboards, at their native sizes. These run to a strict spec — a fixed pixel box, a file-weight ceiling, and a few seconds of animation — which is exactly what makes them a craft problem. Nothing here is scaled up for the web; the size is part of the work.

2007 ArbysRescueBrigade — 778×445
2007 findHonda — 459×382
2008 Honda connectTheDots — 1028×127
2008 chase ultimate Rewards — 1028×890
2010 NikeGolfONE — 447×374
2010 OneAdEndlessPossibilities — 448×374
2010 RightCliqbyVisa — 954×117
2010 SmartWater — 771×97
2010 Smart AD ADs — 298×248
2010 ToyotaColor — 446×967
2010 VerizonSmallBusiness — 448×369
2010 YahooSports doMorefromMail — 860×925
2010 ZigTechReebok — 1366×686
2011 CrunchIsCalling — 772×133
2011 Edward Jones Investing — 447×143
2011 MLB Manager — 868×193
2011 OldElPaso — 447×374
2011 ToyotaFantasyEnhancer — 447×374
2012 ButterfingerSimpsons — 829×416
2012 Oreo 100YearsGame — 447×402
2012 Oreo Dunk — 218×661
2012 ParaNorman — 446×372
2012 SauzaFireman — 446×372
2012 ScopeFriends — 446×372
2012 Travel — 863×227
2012 westernUnion — 305×253
2014 Delta — 974×250
2014 LenovoLaptop — 991×250
2014 MerrillEdge — 1094×700
2014 Walmart — 900×250
2014 okdNavy — 991×250
2015 Fidelity 02 — 728×90
2015 Ford Focus — 969×250
Yahoo! Hearts Creatives — 480×270
04

Native Units

Formats built to sit inside editorial rather than beside it, matching the host page's grid, type and rhythm — Yahoo Beauty, Dior, and the food splash tiles.

05

Mobile & Post-Tap

Phone and tablet formats, including post-tap gyroscope units where tilting the handset moves the scene behind the screen. The Campbell's and JetBlue builds below were published as Yahoo native-ad specs on the Ad Creative Tech Showcase.

2015 CPG desktop mobile tablet PostTap gyro Cambells — 1000×800
2015 Travel mobile PostTapGyro Jetblue — 1000×800
2015 finalist kale — 1000×800
06

Wallpaper & Page Skins

The skin behind the content column — artwork that has to read as a full-bleed image and still leave the middle of the page legible. Tony Hawk, Motrin, Evil Dead, After Earth, New Zealand Tourism, and the Jose Cuervo set.

2012 EvilDead — 1094×700
07

Sales Demos

Films made to sell the formats themselves. Before an advertiser buys a unit that does not exist yet, somebody has to show them what it does — these are those explainers, including the 2007–2008 Smart Ads and behavioural-targeting decks.

2007 YahooSmartAds MeetJoe — 459×382
2007 YahooSmartAds — 459×382
2008 BehavorialTargeting101 — 1028×890
2008 ConferenceAnimation — 1028×690
2010 ottoman full 1 — 512×384
2010 smart ads 0 1 — 720×541
08

Beyond the Browser

Work that left the screen: a Yahoo truck wrap and sizzle reel, the Magnum Pleasure Quest invitation, and branded packaging and premiums.

Outcome
Roughly 140 surviving pieces spanning 2007 to 2017, for advertisers including Nike, Cartier, L'Oréal, Dior, Marvel, Capital One, Corona, Walmart, Oreo, Under Armour and HBO.
Scale
8 formats · 80 stills · 56 motion units, 2007–2017
art-directionillustrationdesign-automation
← Back to all work