+ All Categories
Home > Design > Zack Davenport, Foursquare: Branding and Visual Design // November 2014

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

Date post: 02-Jul-2015
Category:
Upload: firstmark
View: 3,295 times
Download: 1 times
Share this document with a friend
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.
87
[email protected] @mrdavenport Hi there.
Transcript
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


Recommended