Dedo web talk

594 views
488 views

Published on

Presentation slides to a

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
594
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Dedo web talk

  1. 1. Website Design Identifying the Why and What.Tuesday, December 6, 11
  2. 2. Here’s the agenda for the next 91 minutes. Stop blending in. Who am I. Why are you here? What is a brand and why should you care? Who’s your audience? Design 101 Development basics Social commerce Maintenance considerations. Questions.Tuesday, December 6, 11
  3. 3. This is where my story starts.Tuesday, December 6, 11
  4. 4. Actually lets back up. Born & Raised in Wilmington. Started drawing before I could talk. Or so it seemed. Spent my youth building models and drawing houses. Found a passion for design. Couldn’t hack it at Pre-Calculus. Scrapped a career in Architecture. Went to school at night, landed a my first big gig at 17 with AOL Time Warner. Proud Graduate of Brandywine High School. Went to College. Worked in Printing for $11/hr. Left for Advertising. Started teaching. Adopted some dogs. Bought a House. Sold my soul to direct mail. Lost my job. Started a Company. Love every minute of it.Tuesday, December 6, 11
  5. 5. Why are you here? You’re tired of lame websites. Your website resembles an Old Christmas Sweater from Goodwill. You want to know the ins and outs of The Grid. You want to be a rockstar.Tuesday, December 6, 11
  6. 6. What is a brand? A brand is not a logo, not an identity, not a product. A brand is a person’s gut feeling about a product, service, or organization.Tuesday, December 6, 11
  7. 7. Tuesday, December 6, 11
  8. 8. Tuesday, December 6, 11
  9. 9. Tuesday, December 6, 11
  10. 10. Tuesday, December 6, 11
  11. 11. Tuesday, December 6, 11
  12. 12. Tuesday, December 6, 11
  13. 13. Is your brand “smashable”? The term "smashable" dates back to 1915, when the Coca-Cola company asked a designer in Terre Haute, Indiana, to design a bottle that consumers could still recognize as a Coke bottle, even if someone flung it against a brick wall and it shattered into a hundred pieces. Coke is a smashable brand. So are Guinness, Ferrari, Harley- Davidson and, of course, Apple (take a sledgehammer to an iPad and youll know what I mean). Which suggests that the logo as we once knew and loved it--from Citibanks Scowling Umbrella (I dont know what else to call it), to Nikes Swoosh, to Starbuckss Whoever- The-Heck-She-Is--needs to be re-considered if its going to play any role in future brand-building. - Martin Lindstrom via @FastCompanyTuesday, December 6, 11
  14. 14. Tuesday, December 6, 11
  15. 15. Tuesday, December 6, 11
  16. 16. Tuesday, December 6, 11
  17. 17. Tuesday, December 6, 11
  18. 18. A great brand tells a story. And luckily we all make great stories. Marina Willer of Wolff Olins London declared, “It’s not about consistency, it’s about creating stories that make sense.” Stories are the way we connect with people and create relationships. If we think of brands as people or personalities, they need to be magical storytellers. As humans, we thrive on all of the emotional connections we have. We get passionate about them. It’s the stories we tell and hear that trigger those connections.Tuesday, December 6, 11
  19. 19. Crafting your story. In 5 steps. 01 | Be Real & Don’t Lie. 02 | Write down what has made an impact on you, and why it’s important. 03 | Go back to those 5 things you LOVE to do. What are they? 04 | Be Clear & Concise. A story has a beginning, a middle and an end. 05 | Leave out the sales copy, and focus on you. We’ll get to what you’ve done soon enough.Tuesday, December 6, 11
  20. 20. AudienceTuesday, December 6, 11
  21. 21. AudienceTuesday, December 6, 11
  22. 22. AudienceTuesday, December 6, 11
  23. 23. Design 101 01 | Content 02 | Structure & Hierarchy 03 | Typography 04 | Image 05 | Call to ActionTuesday, December 6, 11
  24. 24. 01 | Content What pages do you need in your site? - Product - About Us - Contact - Etc.Tuesday, December 6, 11
  25. 25. 02 | Structure & HierarchyTuesday, December 6, 11
  26. 26. 02 | Structure & HierarchyTuesday, December 6, 11
  27. 27. 02 | Structure & HierarchyTuesday, December 6, 11
  28. 28. 02 | Structure & HierarchyTuesday, December 6, 11
  29. 29. 02 | Structure & HierarchyTuesday, December 6, 11
  30. 30. 02 | Structure & HierarchyTuesday, December 6, 11
  31. 31. Social Commerce 02 | Structure & HierarchyTuesday, December 6, 11
  32. 32. 02 | Structure & HierarchyTuesday, December 6, 11
  33. 33. 02 | Structure & HierarchyTuesday, December 6, 11
  34. 34. 03 | TypographyTuesday, December 6, 11
  35. 35. 03 | TypographyTuesday, December 6, 11
  36. 36. 03 | TypographyTuesday, December 6, 11
  37. 37. 03 | TypographyTuesday, December 6, 11
  38. 38. 03 | TypographyTuesday, December 6, 11
  39. 39. 03 | TypographyTuesday, December 6, 11
  40. 40. 03 | TypographyTuesday, December 6, 11
  41. 41. 03 | TypographyTuesday, December 6, 11
  42. 42. 03 | TypographyTuesday, December 6, 11
  43. 43. 04 | ImageTuesday, December 6, 11
  44. 44. 04 | ImageTuesday, December 6, 11
  45. 45. 04 | Image Via SmashingMagazine.comTuesday, December 6, 11
  46. 46. 04 | ImageTuesday, December 6, 11
  47. 47. 04 | Image Via SmashingMagazine.comTuesday, December 6, 11
  48. 48. 05 | Call to Action Via SmashingMagazine.comTuesday, December 6, 11
  49. 49. 05 | Call to Action Via SmashingMagazine.comTuesday, December 6, 11
  50. 50. 05 | Call to Action Via SmashingMagazine.comTuesday, December 6, 11
  51. 51. 05 | Call to Action Via SmashingMagazine.comTuesday, December 6, 11
  52. 52. 05 | Call to Action Via SmashingMagazine.comTuesday, December 6, 11
  53. 53. 05 | Call to Action Via SmashingMagazine.comTuesday, December 6, 11
  54. 54. 05 | Call to Action Via SmashingMagazine.comTuesday, December 6, 11
  55. 55. Website Development 01 | Content 02 | Structure & Hierarchy (Database) 03 | Front-End (HTML, XHTML & CSS) 04 | Back-End (MySQL, .NET, ASP, PHP, RUBY) 05 | Integration (Sales Platform, CMS, Shipping Software, Customer Service, etc.)Tuesday, December 6, 11
  56. 56. 04 | Back-End (Platform)Tuesday, December 6, 11
  57. 57. 04 | Back-End (Platform)Tuesday, December 6, 11
  58. 58. 04 | Back-End (Platform)Tuesday, December 6, 11
  59. 59. 04 | Back-End (Platform)Tuesday, December 6, 11
  60. 60. 04 | Back-End (Platform)Tuesday, December 6, 11
  61. 61. 04 | Back-End (Platform)Tuesday, December 6, 11
  62. 62. 05 | IntegrationTuesday, December 6, 11
  63. 63. 05 | IntegrationTuesday, December 6, 11
  64. 64. 05 | IntegrationTuesday, December 6, 11
  65. 65. 05 | IntegrationTuesday, December 6, 11
  66. 66. 05 | IntegrationTuesday, December 6, 11
  67. 67. 05 | IntegrationTuesday, December 6, 11
  68. 68. 05 | IntegrationTuesday, December 6, 11
  69. 69. Social CommerceTuesday, December 6, 11
  70. 70. Social CommerceTuesday, December 6, 11
  71. 71. Social CommerceTuesday, December 6, 11
  72. 72. Social CommerceTuesday, December 6, 11
  73. 73. Question & AnswerTuesday, December 6, 11
  74. 74. Thanks. Bradford Wason brad@23rd5th.com @bradwasonTuesday, December 6, 11

×