Your SlideShare is downloading. ×
  • Like
Design Deliverables for a Post-Comp Era
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Design Deliverables for a Post-Comp Era

  • 2,114 views
Published

Slides for my Typecast webinar. Watch the recording here: http://typecast.com/seminars/post-comp

Slides for my Typecast webinar. Watch the recording here: http://typecast.com/seminars/post-comp

Published in Design , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,114
On SlideShare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
72
Comments
0
Likes
23

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Home COMP COUNT 1 TIME TO CREATE 3 days
  • 2. Home COMP COUNT 2 TIME TO CREATE 1 week Interior
  • 3. Home COMP COUNT 6 Interior Home Interior Home Interior TIME TO CREATE 1 week
  • 4. Home COMP COUNT 6 TIME TO CREATE 3 weeks Interior Home Interior Home Interior
  • 5. Home COMP COUNT 6 Interior Home Interior Home Interior TIME TO CREATE 3 weeks
  • 6. Home COMP COUNT 6 Interior TIME TO CREATE 3 weeks
  • 7. COMP COUNT 8 TIME TO CREATE 4 weeks Home Round 2 Interior Round 2 Home Interior Home Interior Home Interior + + + +
  • 8. COMP COUNT 10 TIME TO CREATE 4.5 weeks Home Round 2 Interior Round 2 Home Round 3 Interior Round 3 Home Interior Home Interior Home Interior + + + +
  • 9. COMP COUNT 10 TIME TO CREATE 4.5 weeks Home Round 3 Interior Round 3 Home Round 2 Interior Round 2 Home Interior Home Interior Home Interior + + + +
  • 10. COMP COUNT 12 TIME TO CREATE 5 weeks Home Round 3 Interior Round 3 Home Round 2 Interior Round 2 Home Interior Home Interior Home Interior + + + + Home Round 3 Interior Round 3
  • 11. COMP COUNT 14 TIME TO CREATE 5.5 weeks Home Round 3 Interior Round 3 Home Round 2 Interior Round 2 Home Interior Home Interior Home Interior + + + + Home Round 3 Interior Round 3 Home Round 3 Interior Round 3
  • 12. COMP COUNT 16 TIME TO CREATE 6 weeks Home Round 3 Interior Round 3 Home Round 2 Interior Round 2 Home Interior Home Interior Home Interior + + + + Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 Home Round 3 Interior Round 3
  • 13. COMP COUNT 20 TIME TO CREATE 7 weeks Home Round 3 Interior Round 3 Home Round 2 Interior Round 2 Home Interior Home Interior Home Interior Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 About
  • 14. COMP COUNT 24 TIME TO CREATE 8 weeks Home Round 3 Interior Round 3 Home Round 2 Interior Round 2 Home Interior Home Interior Home Interior Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 About Contact
  • 15. COMP COUNT 28 TIME TO CREATE 9 weeks Home Round 3 Interior Round 3 Home Round 2 Interior Round 2 Home Interior Home Interior Home Interior Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 About Contact Products
  • 16. COMP COUNT 28 TIME TO CREATE 9 weeks Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 About Contact Products </>
  • 17. danielmall.com/articles/visual-inventory
  • 18. If you want to get a better understanding of something, asking a question is infinitely more useful than making a statement.” ! —Jason Santa Maria, The Pastry Box, http://goo.gl/mNqvrs “
  • 19. THINGS I WONDER ABOUT WHEN STARTING A DESIGN ! Colors • Typography Concept • Metaphor
  • 20. “Is showing their app on a laptop on the homepage the best way to sell it to prospective customers?” ! ! “Can their brand pull off a minimalist design approach?” ! ! “Should their copy be more playful?”
  • 21. THE FIRST DESIGN DELIVERABLE IS MADE IN… THE FIRST DESIGN CONVERSATION STARTS WITH… ! Keynote
  • 22. How playful and whimsical should the new site be? The GoGo squeeZ site is full of smiles and kitchy illustrations that make you grin as you explore the site. ! gogosqueez.com/go-playfully
  • 23. How playful and whimsical should the new site be? The GoGo squeeZ site is full of smiles and kitchy illustrations that make you grin as you explore the site. ! gogosqueez.com/go-playfully
  • 24. Color Flat Highly saturated Little color Organic textures Monochromatic Concept Software as lifestyle Human-centered narratives Case-study driven Show the app Tone Playful Professional
  • 25. COMP COUNT 10 TIME TO CREATE 4.5 weeks Home Round 2 Interior Round 2 Home Round 3 Interior Round 3 Home Interior Home Interior Home Interior + + + +
  • 26. COMP COUNT 0 TIME TO CREATE 4 hours Visual Inventory A phone call
  • 27. A FRAMEWORK FOR MODERN DESIGN DELIVERABLES: 1 OF 3 ! The highest fidelity in the quickest amount of time.
  • 28. A FRAMEWORK FOR MODERN DESIGN DELIVERABLES: 2 OF 3 ! All deliverables lead to conversations.
  • 29. A FRAMEWORK FOR MODERN DESIGN DELIVERABLES: 3 OF 3 ! Replace “sign off” with “go on.”
  • 30. danielmall.com/articles/rif-element-collages
  • 31. element collages
  • 32. element collages
  • 33. ! “Electric”
  • 34. “Shape, book, heart, bubble”
  • 35. “Visual Booklists”
  • 36. “Pages… themed in books”
  • 37. “Turn the page for step 2”
  • 38. “Turn the page for step 2”
  • 39. “Visual Booklists”
  • 40. “Pages, themed in books”
  • 41. Turn powerful phrases into visual hooks.
  • 42. Turn powerful phrases into visual hooks.
  • 43. Turn powerful phrases into visual hooks. rif.superfriend.ly/designs/round2/
  • 44. Turn powerful phrases into visual hooks.
  • 45. Turn powerful phrases into visual hooks.
  • 46. Turn powerful phrases into visual hooks.
  • 47. Turn powerful phrases into visual hooks.
  • 48. Obviously this isn’t a website, but I see how it could be one.” ! —The perfect client’s reaction to an element collage “
  • 49. Prompt for feedback about art direction, not design.
  • 50. Photoshop
  • 51. Photoshop For me, it’s the quickest way to create the highest fidelity.
  • 52. Photoshop For me, it’s the quickest way to create the highest fidelity. It’s also where I can be the most expressive.
  • 53. Turn powerful phrases into visual hooks.
  • 54. Turn powerful phrases into visual hooks.
  • 55. Soliciting the right feedback about typography
  • 56. Sans-serif Condensed Serif Book weight
  • 57. I like serifs.” ! —Clients. Ugh.* ! ! ! ! ! ! ! ! ! * This is your own fault. “
  • 58. Photo: hdwallsource.com/ice-cream-16120.html Monocalcium phosphate Dextrose Polysorbate 80
  • 59. Photo: hdwallsource.com/ice-cream-16120.html Smooth Decadent Creamy
  • 60. large x-height and close-to geometric forms create an informal & casual vibe Saves horizontal (and, therefore, vertical) space intricate construction of glyphs lead to a buttoned-up look A range of weights that can make the page anywhere from light to heavy that you want
  • 61. Make design conversations about the objective, not the subjective.
  • 62. Turn powerful phrases into visual hooks.
  • 63. Turn powerful phrases into visual hooks.
  • 64. Turn powerful phrases into visual hooks.
  • 65. Turn powerful phrases into visual hooks.
  • 66. Turn powerful phrases into visual hooks.
  • 67. Turn powerful phrases into visual hooks.
  • 68. clearleft.com/thinks/visualdesignexplorations
  • 69. drbl.in/gXno
  • 70. Element collages are like giving your client a peek at all those hidden layers.” ! —Paul Lloyd, Designer, The Guardian “
  • 71. COMP COUNT 28 TIME TO CREATE 9 weeks Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 Home Round 3 Interior Round 3 About Contact Products </>
  • 72. COMP COUNT 0 TIME TO CREATE 1 day Element collage
  • 73. COMP COUNT 0 TIME TO CREATE 2 days Element collage, round 1 Element collage, round 2
  • 74. COMP COUNT 1 TIME TO CREATE 3 days Interior page? Element collage, round 1 Element collage, round 2
  • 75. COMP COUNT 2 TIME TO CREATE 4 days Interior page? Home page? Element collage, round 1 Element collage, round 2
  • 76. COMP COUNT 2 TIME TO CREATE 4 days Interior page Interior page </> Element collage, round 1 Element collage, round 2
  • 77. Let’s change the phrase ‘designing in the browser’ to ‘deciding in the browser.’ ” ! —Me, The Pastry Box, the-pastry-box-project.net/dan-mall/2012-september-12 “