web design process vs. philadelphia
DESCRIPTION
Passionate about our city? Check. Evangelists for the region? Check. But did this exuberance for our city really mean that the Happy Cog design process was adequate enough to shift the needle on the “Philadelphia” brand? Did we have the necessary methods and techniques in our toolbox to change decades of poor impressions? While everyone has personalized approaches to create beautiful web sites, designers should always BE hungry to improve process and product. This is especially important when the task at hand is changing the public’s impression of an entire region. Starting with our initial “anti-Rocky” inspiration and then ending with the creation of a simple yet nightmare-inducing UI element, you’ll get a frank step-by-step exposure to the potent mix of design-related exercises, methods, and tactics that Happy Cog design team employed at visitphilly.com.TRANSCRIPT
Creative Director, Happy CogMars Area High School, Class of ’95
CHRISTOPHER CASHDOLLAR
Out with the old, in with the new.
WEB DESIGN PROCESS VS.PHILADELPHIA
NGC 360320,000 light-years away
http://www.nasa.gov/multimedia/imagegallery/iotd.html
PHILADELPHIAA City. In Pennsylvania. Yes, really.
THEIR SITE“gophila.org” R.I.P.
NOT TO BE CONFUSED WITH THIS HUNK OF GARBAGE
http://www.phila.gov/
http://www.underconsideration.com/brandnew/archives/phail-adelphia.php
TIPPING POINT
1
PROBLEMStakeholders in the project don’t “get” IA artifacts
1Our Standard Process
PROJECTDEFINITION
INFORMATIONARCHITECTURE
VISUALDESIGN DEVELOPMENT
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
1Our Evolved Process
PROJECTDEFINITION
INFORMATIONARCHITECTURE
VISUALDESIGN
DEVELOPMENTVISUALDESIGN
IA
VISUALDESIGN
IA
1Our Evolved Process
EARLY PHASE DESIGN
2
PROBLEMOvercome biases using design research
OH, DEAR LORD(Please don’t buy this t-shirt.)
THANKS, BUT GOOD-BYE.
WE WENT LOOKING ELSEWHERE.
AND HEY, HISTORY IS ALL AROUND US.
PRINT, NOT DIGITAL
TEXTTEXT
TEXTTEXT
3
PROBLEM“Youz guys fill good ‘bout deez concepts?”
CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE
CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE
CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE 1
CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE 2
CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE 3
CONTEMPORARYFRIENDLYNOSTALGICFASHIONABLE 4
“FORM AWESOME WEBSITE!”
“WOW.”*
*(Not the actual quote.)
– THE CLIENT
4
PROBLEMWhat do you mean we are out of hours?
I NEVER SAID THIS WAS A HAPPY ENDING.
Our Major 404s1. Your Cheating Heart
2. Embrace the System
3. Sweated the Small Stuff
SIMPLE IS BETTER.
“Philly’s Design Crimes Redeemed by Happy Cogs”
http://www.fastcompany.com/blog/alissa-walker/designerati/philly-redeems-itself-sharp-new-website
THANK YOU!