Design Deliverables for a Post-Comp Era

  • 2,002 views
Uploaded on

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

More 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,002
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
70
Comments
0
Likes
22

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 “