Transcript
Page 1: Web Design Process vs. Philadelphia

Creative Director, Happy CogMars Area High School, Class of ’95

CHRISTOPHER CASHDOLLAR

Page 2: Web Design Process vs. Philadelphia

Out with the old, in with the new.

WEB DESIGN PROCESS VS.PHILADELPHIA

Page 3: Web Design Process vs. Philadelphia

NGC 360320,000 light-years away

http://www.nasa.gov/multimedia/imagegallery/iotd.html

Page 4: Web Design Process vs. Philadelphia

PHILADELPHIAA City. In Pennsylvania. Yes, really.

Page 5: Web Design Process vs. Philadelphia

THEIR SITE“gophila.org” R.I.P.

Page 6: Web Design Process vs. Philadelphia

NOT TO BE CONFUSED WITH THIS HUNK OF GARBAGE

http://www.phila.gov/

Page 8: Web Design Process vs. Philadelphia

http://visitphilly.com

Page 9: Web Design Process vs. Philadelphia

TIPPING POINT

Page 10: Web Design Process vs. Philadelphia

1

PROBLEMStakeholders in the project don’t “get” IA artifacts

Page 11: Web Design Process vs. Philadelphia

1Our Standard Process

PROJECTDEFINITION

INFORMATIONARCHITECTURE

VISUALDESIGN DEVELOPMENT

Page 12: Web Design Process vs. Philadelphia

IF YOU HAVE A PROBLEM, IF NO ONE ELSE CAN HELP...IF YOU HAVE A PROBLEM, IF NO ONE ELSE CAN HELP...IF YOU HAVE A PROBLEM, IF NO ONE ELSE CAN HELP...IF YOU HAVE A PROBLEM, IF

Page 13: Web Design Process vs. Philadelphia

1Our Evolved Process

PROJECTDEFINITION

INFORMATIONARCHITECTURE

VISUALDESIGN

DEVELOPMENTVISUALDESIGN

IA

Page 14: Web Design Process vs. Philadelphia

VISUALDESIGN

IA

1Our Evolved Process

EARLY PHASE DESIGN

Page 15: Web Design Process vs. Philadelphia

2

PROBLEMOvercome biases using design research

Page 16: Web Design Process vs. Philadelphia

OH, DEAR LORD(Please don’t buy this t-shirt.)

Page 17: Web Design Process vs. Philadelphia

THANKS, BUT GOOD-BYE.

Page 18: Web Design Process vs. Philadelphia

WE WENT LOOKING ELSEWHERE.

Page 19: Web Design Process vs. Philadelphia

AND HEY, HISTORY IS ALL AROUND US.

Page 20: Web Design Process vs. Philadelphia
Page 21: Web Design Process vs. Philadelphia
Page 22: Web Design Process vs. Philadelphia
Page 23: Web Design Process vs. Philadelphia
Page 24: Web Design Process vs. Philadelphia

PRINT, NOT DIGITAL

Page 25: Web Design Process vs. Philadelphia

TEXTTEXT

Page 26: Web Design Process vs. Philadelphia

TEXTTEXT

Page 27: Web Design Process vs. Philadelphia

3

PROBLEM“Youz guys fill good ‘bout deez concepts?”

Page 28: Web Design Process vs. Philadelphia

CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE

CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE

Page 29: Web Design Process vs. Philadelphia

CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE 1

Page 30: Web Design Process vs. Philadelphia

CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE 2

Page 31: Web Design Process vs. Philadelphia

CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE 3

Page 32: Web Design Process vs. Philadelphia
Page 33: Web Design Process vs. Philadelphia
Page 34: Web Design Process vs. Philadelphia
Page 35: Web Design Process vs. Philadelphia
Page 36: Web Design Process vs. Philadelphia
Page 37: Web Design Process vs. Philadelphia
Page 38: Web Design Process vs. Philadelphia
Page 39: Web Design Process vs. Philadelphia

CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE 4

Page 40: Web Design Process vs. Philadelphia

“FORM AWESOME WEBSITE!”

Page 41: Web Design Process vs. Philadelphia
Page 42: Web Design Process vs. Philadelphia
Page 43: Web Design Process vs. Philadelphia
Page 44: Web Design Process vs. Philadelphia

“WOW.”*

*(Not the actual quote.)

– THE CLIENT

Page 45: Web Design Process vs. Philadelphia
Page 46: Web Design Process vs. Philadelphia
Page 47: Web Design Process vs. Philadelphia
Page 48: Web Design Process vs. Philadelphia

4

PROBLEMWhat do you mean we are out of hours?

Page 49: Web Design Process vs. Philadelphia

I NEVER SAID THIS WAS A HAPPY ENDING.

Page 50: Web Design Process vs. Philadelphia

Our Major 404s1. Your Cheating Heart

2. Embrace the System

3. Sweated the Small Stuff

Page 51: Web Design Process vs. Philadelphia
Page 52: Web Design Process vs. Philadelphia

SIMPLE IS BETTER.

Page 53: Web Design Process vs. Philadelphia

“Philly’s Design Crimes Redeemed by Happy Cogs”

http://www.fastcompany.com/blog/alissa-walker/designerati/philly-redeems-itself-sharp-new-website

Page 54: Web Design Process vs. Philadelphia

THANK YOU!


Top Related