Workshop slide that I use to help startups learn how to create the best pitch deck for their investors. The workshop was held for BEKRAF (Indonesia Government's Creative Economy Agency), 2016 in Bali.

1. FRI
Creating Good
Visual Experience
for Pitch Slides
A Pitch 102 workshop by
Fri Rasyidi—UX+Visual Designer.

2. FRI
Fri Rasyidi
UX+Visual Designer

3. FRI
What You’ll Learn
1. Slide composition
2. Create readable texts
3. Using good illustrations
4. Presenting data visualizations

4. FRI
Remember:
It’s not about you
You’re presenting to help your audience understand
what and why they need to care.

5. FRI
Tell Stories
Name the
enemy
Why it needs
to be
changeD?
how should
it be?
your team,
backers, and
advisors
The market
conditions
what’s your
plan next?
Your
solutions
how it
works so
far

6. FRI
Your Slides are
Subject to Change
Don’t get too attached to what you’ve made, the
goal is to help audience understand not show of
arts.

7. FRI
Step 1
List all the things that you want to cover and put it
in order (5 min).
Name the
enemy
Why it needs
to be
changeD?
how should
it be?
Your
solutions

8. FRI
2 Things
All slides are comprised on these two elements.
Text &
Illustrations

9. FRI
Important to Note!
You always need to bear in mind what the audience
needs and wants to know, not what you can tell them.
Make sure that you steal your audience’s attention to
you—their attention is the most important thing you
need to get when you’re presenting.
How? By now, you should notice by reading this that
putting too many text on the slide is not helping: you
didn’t pay attention to me and more to my slide.
Now remember: If they’re reading, you’re in trouble,
because that means they’re not listening to you.

10. FRI
Your Slides Aren’t
Scripts
They’re tool to help your audience
to understand your points.

11. FRI
One Phrase for Title
One sentence for subtitle.
image: http://menis-art.tumblr.com/post/143379589050/number-1-is-for-first-place-in-a-canoe-race

12. FRI
One Ring
to rule them all.
image: http://www.stargazersworld.com/2014/07/15/one-game-to-rule-them-all/

13. FRI
One Phrase for Title
One sentence for subtitle.

14. FRI
Step 2
Now, let’s design the content of the slide (5 min).
So we
created this
awesome
solution
image of
app flow
Introducing:
the decker!
designing
pitch deck
with one
click
Talking point Title Subtitle Image/data

15. FRI
Composing Your
Slides
At last, the moment we’re waiting for.

16. FRI
Left-Right, Top-Down

17. FRI
Title Here
Subtitle that explains
your point
Title Here
Subtitle that explains
your point
Title Here
Subtitle
that
explains
your point
Title Here
Subtitle
that
explains
your point

18. FRI
It’s Your Decision
It’s OK to decide to only use illustration or title;
remember that the goal is to help your audience
understand your point.
Title Here
Subtitle that explains
your point

19. FRI
15% Clearance
Projectors aren’t perfect at fully showing your
slides, so make sure you have 10-15% clearance
Title Here
Subtitle that explains your
point

20. FRI
Persistent Branding
Add your branding in the same spot on all slides.
Here’s mine

21. FRI
Step 3
Composing your slides (5 min).

22. FRI
Text
Making sure your slides are readable.

23. FRI
Legible Texts
It’s useless if your audience can’t read it.
Is this easy to read?
Is this easy to read?
Is this easy to read?
Is this easy to read?
IS THIS EASY TO READ?
Is this easy to read?
Decreasing
legibility

24. FRI
Use 1 Sans Font
I only use Work Sans, a Google Font, for this slides.
Work Sans
This font is free to download from
Google Fonts!
Adelle Sans
This font is free to download from
Google Fonts!
Karla
This font is free to download from
Google Fonts!
Montserrat
This font is free to download
from Google Fonts!
Rubik
This font is free to download from
Google Fonts!
Lato
This font is free to download from
Google Fonts!

25. FRI
Readable Texts
It’s useless if your audience didn’t read it.
80pt 32pt
for title for subtitle

26. FRI
Zoom Out!
Can you easily read it at 25%?

27. FRI
Step 4
Let’s make sure that your contents are readable
(5 min.)

28. FRI
Illustrate
Use illustration to illustrate, not just to beautify.
Right?

29. FRI
Illustration > Photo
Illustrations allows viewer to envision themselves
in the scenario you’ve created.
Image: https://laurenericksondotcom.files.wordpress.com/2011/09/understanding-comics1.png

30. FRIEmma Watson, image: http://hairstylesweekly.com/short-hairstyle-for-mature-women-over-60-from-paula-deen/

31. FRI
No Tiny Images
Don’t scale tiny images, they’ll look pixelated and
makes you look unprofessional.

32. FRI
Don’t Stretch
Press shift to make sure you keep the original ratio.

33. FRI
Less Is More
Don’t use image with too many objects in it, it will
confuse your audience on what to focus on.
Image: https://www.theodysseyonline.com/who-are-the-millennials

34. FRI
Less Is More
Don’t use image with too many objects in it, it will
confuse your audience on what to focus on.
Image: http://www.huffingtonpost.com/2014/04/26/millennials-and-baby-boom_n_5169648.html

35. FRI
No to Looping Image
If you need animation, make sure it’s not looping.
Image: giphy,com

36. FRI
Find Images Here
Source non-licensed images; avoid stealing.
Unsplash
https://unsplash.com/
Pexels
https://www.pexels.com/
StockSnap.io
https://stocksnap.io/
Startup Stock Photos
http://startupstockphotos.com/
IM Creator
http://www.imcreator.com/free

37. FRI
What About Data,
Charts, & Tables?
Data is the best way to convince your audience.

38. FRI
Data to Tell Stories
What do you want to say by showing it?
Number of our users,
in millions
A
B
C 400
300
100
Number of our users
per capita
A
B
C 1
1.5
0.5

39. FRI
Show Data’s Context
People need reference to understand the message.
Quiz!
Our coffeeshop use 5kg of
coffee per day. The amount
of coffee used is…
a. A lot
b. Average
c. Few

40. FRI
Steve Jobs Did That
He helps his audience understand the context.

41. FRI
Add Title & Labels
Otherwise your audience won’t understand it.
Number of user, in millions
14.00
14.25
14.50
14.75
15.00
April July Oct

42. FRI
Don’t Show All
Don’t overwhelm your audience with irrelevant
informations.
Grape
34%
Mango
13% Others
12%
Apple
41%
Grape
34%
Mango
13% Pear
5%
Guava
4%
Melon
3%
Apple
41%

43. FRI
Table: Left/Right Rule
Use left align for text, right align for numbers.
Profit & Loss, in thousand dollars
2014 2015 2016
Revenue 1,548 1,672 1,894
Expenses 1,244 1,029 1,124
Profit 304 643 770

44. FRI
Bar, Pie, or What?
What’s the best way to story tell your data?
?

45. FRI
Simple Way to Decide
Data that has
continuity
For discrete
data
To show
proportions
To show
amount
To show data
trends
To show changes
overtime

46. FRI
Always Use 2D Charts
3D Charts obscures the data and diverts the
reader’s attention from the content.
0
15
30
45
60
April May June

47. FRI
OK not to start from 0
We make charts to illustrate ideas; forcing the
y-axis to start at zero can obscure and confuse.
Number of user,
in millions
14.00
14.25
14.50
14.75
15.00
April July Oct
Number of user,
in millions
0
4
8
12
16
April July Oct

48. FRI
One Color Per Data
Use only one color to represent one kind of data.
Number of users for app A, B, and C,
in millions
0.00
5.00
10.00
15.00
20.00
25.00
April May June
A B C A B C A B C

49. FRI
Don’t scale the icon
If you decide to use pictograms, make sure you do
it the right way (pun intended).

50. FRI
If you must do it…
Make sure that you resize them based on the area,
not the width or length

51. FRI
Step 5
Add all you illustrations; and don’t forget to add
your branding

52. FRI
One Phrase for Title
One sentence for subtitle.

53. FRI
Step 1
List all the things that you want to cover; if you’re
done, put it in order.
Name the
enemy
Why it needs
to be
changeD?
how should
it be?
Your
solutions

54. FRI
Step 2
Now, let’s design the content of the slide
So we
created this
awesome
solution
image of
app flow
Introducing:
the decker!
designing
pitch deck
with one
click
Talking point Title Subtitle Image/data

55. FRI
Step 3
Put them on slides

56. FRI
Step 4
Let’s make sure that your contents are readable.

57. FRI
Step 5
Add all you illustrations; and don’t forget to add
your branding

58. FRI
References
• How to Design a Pitch Deck: Lessons
from a Seasoned Founder, Daniel
Eckler, https://medium.com/swlh/
how-to-design-a-pitch-deck-
lessons-from-a-seasoned-founder-
c816d1ae7272#.98w9tbevs
• Want a Better Pitch? Watch This,
Andy Raskin, https://medium.com/
firm-narrative/want-a-better-pitch-
watch-
this-328b95c2fd0b#.r88ughkm0
• The Greatest Sales Deck I’ve Ever
Seen, Andy Raskin, https://
medium.com/the-mission/the-
greatest-sales-deck-ive-ever-
seen-4f4ef3391ba0#.ty2al8jy1
• What is a pitch deck?,
improvepresentation.com, https://
pitchdeck.improvepresentation.com/
what-is-a-pitch-deck
• The Only 10 Slides You Need in Your
Pitch, Guy Kawasaki, http://
guykawasaki.com/the-only-10-
slides-you-need-in-your-pitch/
• The Wall Street Journal Guide to
Information Graphics, Dona Wong,
https://www.amazon.com/Street-
Journal-Guide-Information-
Graphics/dp/0393347281/
ref=tmm_pap_title_0?
_encoding=UTF8&qid=1261064596&sr
=8-1

59. FRI
References (2)
• It’s OK not to start your y-axis at
zero, David Yanovsky, http://qz.com/
418083/its-ok-not-to-start-your-y-
axis-at-zero/
• How to determine whether or not
the y-axis of a graph should start at
zero?, Nick Cox, http://
stats.stackexchange.com/questions/
184525/how-to-determine-whether-
or-not-the-y-axis-of-a-graph-
should-start-at-zero
• How to Present Numbers for an
Attractive Presentation, Muhammad
Noer, http://
www.bestpresentation.net/how-to-
present-numbers-for-an-attractive-
presentation/
• Presenting Data, SkillsYouNeed,
http://www.skillsyouneed.com/
present/presenting-data.html
• Data Visualization — People
remember the feeling not the
numbers, Silvia Li Sam, https://
silvialisam.com/data-visualization-
people-remember-the-feeling-not-
the-numbers-
db0018dc9998#.ohz5zxk8z
• Design Better Data Tables, Matthew
Ström, https://medium.com/mission-
log/design-better-data-
tables-430a30a00d8c#.jfv3trp90

60. FRI
References (3)
• 23 stock photo sites to make your
presentation unforgettable,
Presentain, https://
blog.presentain.com/23-stock-
photo-sites-to-make-your-
presentation-
unforgettable-1abccb04d236#.gyyh4
mwgj