Web Design Process vs. Philadelphia

2,161 views

Published on

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.

Published in: Design
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,161
On SlideShare
0
From Embeds
0
Number of Embeds
25
Actions
Shares
0
Downloads
29
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Web Design Process vs. Philadelphia

  1. 1. CHRISTOPHER CASHDOLLAR Creative Director, Happy Cog Mars Area High School, Class of ’95
  2. 2. WEB DESIGN PROCESS VS. PHILADELPHIA Out with the old, in with the new.
  3. 3. NGC 3603 20,000 light-years away http://www.nasa.gov/multimedia/imagegallery/iotd.html
  4. 4. PHILADELPHIA A City. In Pennsylvania. Yes, really.
  5. 5. THEIR SITE “gophila.org” R.I.P.
  6. 6. NOT TO BE CONFUSED WITH THIS HUNK OF GARBAGE http://www.phila.gov/
  7. 7. http://www.underconsideration.com/brandnew/archives/phail-adelphia.php
  8. 8. http://visitphilly.com
  9. 9. TIPPING POINT
  10. 10. 1 PROBLEM Stakeholders in the project don’t “get” IA artifacts
  11. 11. 1 Our Standard Process PROJECT INFORMATION VISUAL DEVELOPMENT DEFINITION ARCHITECTURE DESIGN
  12. 12. IF YOU HAVE A PROBLEM, IF NO ONE ELSE CAN HELP...
  13. 13. 1 Our Evolved Process IA PROJECT INFORMATION VISUAL DEVELOPMENT DEFINITION VISUAL ARCHITECTURE DESIGN DESIGN
  14. 14. 1 Our Evolved Process IA EARLY PHASE VISUAL DESIGN DESIGN
  15. 15. 2 PROBLEM Overcome biases using design research
  16. 16. OH, DEAR LORD (Please don’t buy this t-shirt.)
  17. 17. THANKS, BUT GOOD-BYE.
  18. 18. WE WENT LOOKING ELSEWHERE.
  19. 19. AND HEY, HISTORY IS ALL AROUND US.
  20. 20. PRINT, NOT DIGITAL
  21. 21. TEXT
  22. 22. TEXT
  23. 23. 3 PROBLEM “Youz guys fill good ‘bout deez concepts?”
  24. 24. CONTEMPORARY FRIENDLY NOSTALGIC FASHIONABLE
  25. 25. CONTEMPORARY FRIENDLY NOSTALGIC FASHIONABLE 1
  26. 26. CONTEMPORARY FRIENDLY NOSTALGIC FASHIONABLE 2
  27. 27. CONTEMPORARY FRIENDLY NOSTALGIC FASHIONABLE 3
  28. 28. CONTEMPORARY FRIENDLY NOSTALGIC FASHIONABLE 4
  29. 29. “FORM AWESOME WEBSITE!”
  30. 30. “WOW.”* – THE CLIENT *(Not the actual quote.)
  31. 31. 4 PROBLEM What do you mean we are out of hours?
  32. 32. I NEVER SAID THIS WAS A HAPPY ENDING.
  33. 33. Our Major 404s 1. Your Cheating Heart 2. Embrace the System 3. Sweated the Small Stuff
  34. 34. SIMPLE IS BETTER.
  35. 35. “Philly’s Design Crimes Redeemed by Happy Cogs” http://www.fastcompany.com/blog/alissa-walker/designerati/philly-redeems-itself-sharp-new-website
  36. 36. THANK YOU!

×