87
[email protected] @mrdavenport Hi there.

Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Embed Size (px)

DESCRIPTION

Zack Davenport, Brand and Visual Designer at Foursquare, presented at November 2014's Design Driven NYC. Zack walked through the process behind Foursquare's and Swarm's brand and visual redesign.

Citation preview

Page 1: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

[email protected]@mrdavenport

Hi there.

Page 2: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

I’m Zack.

Page 3: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 4: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

2009 2011 2013

2009 - 2013

Page 5: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Keeping up with friends

Finding places to go

Page 6: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Keeping up with friends Finding places to go

Page 7: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Keeping up with friends Finding places to go

Foursquare

Page 8: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Finding places to go

FoursquareKeeping up with friends

???

Page 9: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Keeping up with friends

Page 10: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Sure, I can do that.

Page 11: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 12: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 13: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

The Naming Process

Page 14: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Swarm DodgeballRecess

Page 15: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 16: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Early Exploration

Page 17: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Jon (JS) DennisFoursquare CEOHead of Product Experience

CourtneyLead Swarm UI Designer

Page 18: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

(TBD)

Jon (JS) DennisFoursquare CEOHead of Product Experience

CourtneyLead Swarm UI Designer

My Boss My Boss’s Boss My Boss’s Boss’s Boss

Page 19: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Me

Page 20: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 21: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 22: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 23: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 24: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 25: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 26: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

+

Page 27: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Collaboration

Page 28: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 29: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

SocialPlayful

Down to EarthSerendipitous

Page 30: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 31: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Exploring Different Directions+ Me

Page 32: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

MikeMcVicar

DavidRicart

Page 33: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 34: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 35: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 36: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 37: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 38: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Down to Directions3

Page 39: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Direction 1

Page 40: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Direction 1

Page 41: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 42: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 43: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Direction 2

Page 44: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Direction 2

Page 45: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 46: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 47: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Direction 3

Page 48: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Direction 3

Page 49: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 50: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 51: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

The FeedbackPart 2

Page 52: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 53: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 54: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 55: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Getting Swarmer.

Page 56: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

To bee or not to bee?

Page 57: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Battle of the Bees

Page 58: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 59: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 60: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 61: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 62: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 63: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

FatterThinner

Page 64: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

10 px 20 px 30 px

Page 65: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Before After

Page 66: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

AfterBefore

Page 67: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 68: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 69: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Reads like a ‘w’

Page 70: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Feels sloppy

Page 71: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Inconsistent baseline

Page 72: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 73: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Closed ‘a’ stem Reworked ‘m’

Rested on an arch

Page 74: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 75: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Me

Page 76: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Swarm Visual Design

Page 77: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 78: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 79: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 80: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 81: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Before After

Page 82: Zack Davenport, Foursquare: Branding and Visual Design // November 2014
Page 83: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

1. Collaborate.

Page 84: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

2. Review All the Options.

Page 85: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

3. Two brands is a lot.

Page 86: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

4. I could use some help.

foursquare.com/jobs

Page 87: Zack Davenport, Foursquare: Branding and Visual Design // November 2014

Thanks.

@mrdavenport

foursquare.com/jobs