Design Deliverables for a Post-Comp Era

Home

COMP COUNT 1 TIME TO CREATE 3 days

Home

COMP COUNT 2 TIME TO CREATE 1 week

Interior

Home

COMP COUNT 6

Interior Home Interior Home Interior

TIME TO CREATE 1 week

Home

COMP COUNT 6 TIME TO CREATE 3 weeks


Home

COMP COUNT 6


TIME TO CREATE 3 weeks

Home

COMP COUNT 6

Interior

TIME TO CREATE 3 weeks


Home Round 2

Interior Round 2

Home Interior Home Interior Home Interior

+ + + +

COMP COUNT 10 TIME TO CREATE 4.5 weeks

Home Round 2

Interior Round 2

Home Round 3

Interior Round 3


+ + + +


Home Round 3

Interior Round 3

Home Round 2

Interior Round 2


+ + + +


Home Round 3

Interior Round 3

Home Round 2

Interior Round 2


+ + + +

Home Round 3

Interior Round 3


Home Round 3

Interior Round 3

Home Round 2

Interior Round 2


+ + + +

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3


Home Round 3

Interior Round 3

Home Round 2

Interior Round 2


+ + + +

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3


Home Round 3

Interior Round 3

Home Round 2

Interior Round 2


+ + + +

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3

About


Home Round 3

Interior Round 3

Home Round 2

Interior Round 2


+ + + +

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3

About Contact


Home Round 3

Interior Round 3

Home Round 2

Interior Round 2


+ + + +

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3

About Contact Products


Home Round 3

Interior Round 3

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3


</>

danielmall.com/articles/visual-inventory

http://danielmall.com/articles/visual-inventory/

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

“

http://goo.gl/mNqvrs

THINGS I WONDER ABOUT WHEN STARTING A DESIGN

!

Colors • Typography Concept • Metaphor

“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?”

THE FIRST DESIGN DELIVERABLE IS MADE IN…

THE FIRST DESIGN CONVERSATION STARTS WITH…

!

Keynote

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

http://www.gogosqueez.com/go-playfully/

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

http://www.gogosqueez.com/go-playfully/

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

http://danielmall.com/articles/visual-inventory/


Home Round 2

Interior Round 2

Home Round 3

Interior Round 3


+ + + +

COMP COUNT 0 TIME TO CREATE 4 hours

Visual Inventory A phone call

A FRAMEWORK FOR MODERN DESIGN DELIVERABLES: 1 OF 3

!

The highest fidelity in the quickest amount of time.


!

All deliverables lead to conversations.


!

Replace “sign off” with “go on.”

danielmall.com/articles/rif-element-collages

http://danielmall.com/articles/rif-element-collages/

element collages

element collages

!

“Electric”

“Shape, book, heart, bubble”

“Visual Booklists”

“Pages… themed in books”

“Turn the page for step 2”

“Turn the page for step 2”

“Visual Booklists”

“Pages, themed in books”

Turn powerful phrases into visual hooks.



rif.superfriend.ly/designs/round2/

http://rif.superfriend.ly/designs/round2/





Obviously this isn’t a website, but I see how it could be one.” !—The perfect client’s reaction to an element collage

“

Prompt for feedback about art direction, not design.

Photoshop

Photoshop

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

Photoshop

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

It’s also where I can be the most expressive.



Soliciting the right feedback about typography

Sans-serif

Condensed

Serif

Book weight

I like serifs.” !—Clients. Ugh.* !!!!!!!!!* This is your own fault.

“

Photo: hdwallsource.com/ice-cream-16120.html

Monocalcium phosphate

Dextrose

Polysorbate 80

http://www.hdwallsource.com/ice-cream-16120.html

Photo: hdwallsource.com/ice-cream-16120.html

Smooth

Decadent

Creamy

http://www.hdwallsource.com/ice-cream-16120.html

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

Make design conversations about the objective, not the subjective.







clearleft.com/thinks/visualdesignexplorations

http://clearleft.com/thinks/visualdesignexplorations

drbl.in/gXno

http://drbl.in/gXno

Element collages are like giving your client a peek at all those hidden layers.” !—Paul Lloyd, Designer, The Guardian

“


Home Round 3

Interior Round 3

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3

Home Round 3

Interior Round 3


</>

COMP COUNT 0 TIME TO CREATE 1 day

Element collage


Element collage, round 1



Interior page?




Interior page? Home page?




Interior page Interior page

</>



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

“

http://the-pastry-box-project.net/dan-mall/2012-september-12