Design Deliverables for a Post-Comp Era

F8aa0398b5d8bd59b8f3f0b676d22f28?s=47 Dan Mall
June 05, 2014

Design Deliverables for a Post-Comp Era

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

F8aa0398b5d8bd59b8f3f0b676d22f28?s=128

Dan Mall

June 05, 2014
Tweet

Transcript

  1. None
  2. None
  3. None
  4. Home COMP COUNT 1 TIME TO CREATE 3 days

  5. Home COMP COUNT 2 TIME TO CREATE 1 week Interior

  6. Home COMP COUNT 6 Interior Home Interior Home Interior TIME

    TO CREATE 1 week
  7. Home COMP COUNT 6 TIME TO CREATE 3 weeks Interior

    Home Interior Home Interior
  8. Home COMP COUNT 6 Interior Home Interior Home Interior TIME

    TO CREATE 3 weeks
  9. Home COMP COUNT 6 Interior TIME TO CREATE 3 weeks

  10. COMP COUNT 8 TIME TO CREATE 4 weeks Home Round

    2 Interior Round 2 Home Interior Home Interior Home Interior + + + +
  11. 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 + + + +
  12. 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 + + + +
  13. 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
  14. 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
  15. 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
  16. 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
  17. 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
  18. 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
  19. 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 </>
  20. danielmall.com/articles/visual-inventory

  21. 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 “
  22. THINGS I WONDER ABOUT WHEN STARTING A DESIGN ! Colors

    • Typography Concept • Metaphor
  23. “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?”
  24. THE FIRST DESIGN DELIVERABLE IS MADE IN… THE FIRST DESIGN

    CONVERSATION STARTS WITH… ! Keynote
  25. None
  26. None
  27. 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
  28. 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
  29. 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
  30. None
  31. 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 + + + +
  32. COMP COUNT 0 TIME TO CREATE 4 hours Visual Inventory

    A phone call
  33. A FRAMEWORK FOR MODERN DESIGN DELIVERABLES: 1 OF 3 !

    The highest fidelity in the quickest amount of time.
  34. A FRAMEWORK FOR MODERN DESIGN DELIVERABLES: 2 OF 3 !

    All deliverables lead to conversations.
  35. A FRAMEWORK FOR MODERN DESIGN DELIVERABLES: 3 OF 3 !

    Replace “sign off” with “go on.”
  36. danielmall.com/articles/rif-element-collages

  37. None
  38. element collages

  39. element collages

  40. ! “Electric”

  41. “Shape, book, heart, bubble”

  42. “Visual Booklists”

  43. “Pages… themed in books”

  44. “Turn the page for step 2”

  45. None
  46. “Turn the page for step 2”

  47. “Visual Booklists”

  48. “Pages, themed in books”

  49. Turn powerful phrases into visual hooks.

  50. Turn powerful phrases into visual hooks.

  51. Turn powerful phrases into visual hooks. rif.superfriend.ly/designs/round2/

  52. Turn powerful phrases into visual hooks.

  53. Turn powerful phrases into visual hooks.

  54. Turn powerful phrases into visual hooks.

  55. Turn powerful phrases into visual hooks.

  56. Obviously this isn’t a website, but I see how it

    could be one.” ! —The perfect client’s reaction to an element collage “
  57. Prompt for feedback about art direction, not design.

  58. Photoshop

  59. Photoshop For me, it’s the quickest way to create the

    highest fidelity.
  60. Photoshop For me, it’s the quickest way to create the

    highest fidelity. It’s also where I can be the most expressive.
  61. None
  62. Turn powerful phrases into visual hooks.

  63. Turn powerful phrases into visual hooks.

  64. Soliciting the right feedback about typography

  65. None
  66. Sans-serif Condensed Serif Book weight

  67. I like serifs.” ! —Clients. Ugh.* ! ! ! !

    ! ! ! ! ! * This is your own fault. “
  68. Photo: hdwallsource.com/ice-cream-16120.html Monocalcium phosphate Dextrose Polysorbate 80

  69. Photo: hdwallsource.com/ice-cream-16120.html Smooth Decadent Creamy

  70. 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
  71. Make design conversations about the objective, not the subjective.

  72. None
  73. None
  74. None
  75. Turn powerful phrases into visual hooks.

  76. Turn powerful phrases into visual hooks.

  77. Turn powerful phrases into visual hooks.

  78. Turn powerful phrases into visual hooks.

  79. Turn powerful phrases into visual hooks.

  80. Turn powerful phrases into visual hooks.

  81. clearleft.com/thinks/visualdesignexplorations

  82. None
  83. drbl.in/gXno

  84. None
  85. None
  86. Element collages are like giving your client a peek at

    all those hidden layers.” ! —Paul Lloyd, Designer, The Guardian “
  87. 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 </>
  88. COMP COUNT 0 TIME TO CREATE 1 day Element collage

  89. COMP COUNT 0 TIME TO CREATE 2 days Element collage,

    round 1 Element collage, round 2
  90. COMP COUNT 1 TIME TO CREATE 3 days Interior page?

    Element collage, round 1 Element collage, round 2
  91. COMP COUNT 2 TIME TO CREATE 4 days Interior page?

    Home page? Element collage, round 1 Element collage, round 2
  92. COMP COUNT 2 TIME TO CREATE 4 days Interior page

    Interior page </> Element collage, round 1 Element collage, round 2
  93. 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 “
  94. None