This document outlines the step-by-step process for concept visualization, including: 1) Understand the concept or idea thoroughly by reviewing materials and asking questions. 2) Sketch the concept quickly through multiple iterations, focusing on key elements and natural flow. 3) Design the visualization by deciding on style, blocking out major elements, and adding detail through multiple drafts.

1. Concept Visualization: Step-by-step
Concept Visualization
for presentations
PART 3 of 3

2. This part teaches you a process for Concept Visualization.
2
Intro to
Concept
Visualization
1
What makes
an effective
Concept Visual?
2
Concept
Visualization:
Step-by-step
3
How do you do it?What is it? What’s needed?

3. What’s the
3
Understand it
processfor creating a
concept visualization?
Sketch it Design it Edit it

4. What’s the
4
Understand it
processfor creating a
concept visualization?

5. Frist, deeply understand what you need to visualize.
5
70 sites globally
20 tech companies globally
Agency-like model where we’re combining
services for various brands
Retainers, campaigns, custom programs, etc.
I am the U.S. lead of a large global
content/tech/media network with many
capabilities and proprietary tools,
specialized skillsets and models.
My team simplifies all of the various
offerings to create bespoke solutions
for brands. But how do I show that...?
Matt W.

6. Pour through any existing materials and ask a bunch of questions.
6
Editors, content creators, insights
analysts, data analysts
Electronic Brand + Esports: Built a
content destination, promoted it to
gamers
Beauty Brand + Hair.com: Lightly
branded editorial site for SEO

7. What’s the
7
processfor creating a
concept visualization?
Sketch it

8. The first draft of
anything is shit.- Ernest Hemingway
8
not very good

9. Keep two core groups of questions in your mind during sketching.
9
What
are the elements of the concept or
idea you are visualizing?
– Macro-elements?
– Micro-elements?
– How do they fit together?
How
do these elements need to be
represented?
– Expanding outward in a circle?
– Left-to-right horizontal flow?
– Top-to-bottom vertical flow?
– Avoid: unnatural flow, such as right to left.

10. Sketch it! Pen + paper, or digital sketching. Faster = better.
10

11. Sketch it! Pen + paper, or digital sketching. Faster = better.
11

12. Keep iterating with two criteria in mind.
12
Simple Accurate-ish
85% Accuracy
100% Comprehension
100% Accuracy
50% Comprehension
Declutter with each sketch

13. What’s the
13
processfor creating a
concept visualization?
Design it Edit it

14. Three general design steps.
14
Decide on look and feel.
Block out macro-elements
Lay in micro-elements
1
2
3

15. After some design iteration, here’s what I netted out on the first.
15
Sketches Version 1

16. And the second graphic, I tied to the “consumer journey”.
16
Sketches Version 2

17. Then, I thought I might try combining the two.
17
Sketches Version 3

18. Next, I simplified the combined by adjusting the layout.
18
Version 4

19. Then adjusted a few more things.
19
Reco
Version 5

20. Here’s a few, quick rules to stand by.
20
Reduce outlines and shadows
Use a limited color palette
Use one font family
Use icons in the same style
Ditch text labels when possible
Version 4
Final Version

21. Holistic Presentation Training
+1.720.316.7720
Keane@DeliverableCoaching.com
Follow for more content like this – http://delco.me/linkedin
21