YOUR SHORTCUT TO MASSIVE CREDIBILITY CONTAINS ALL VIDEO SLIDEDECKS - - PDF document

▶
your shortcut to massive credibility
SMART_READER_LITE
LIVE PREVIEW

YOUR SHORTCUT TO MASSIVE CREDIBILITY CONTAINS ALL VIDEO SLIDEDECKS - - PDF document

Apr 22, 2023 702 likes •1.38k views

SLIDEDECKS SESSION 4 YOUR SHORTCUT TO MASSIVE CREDIBILITY CONTAINS ALL VIDEO SLIDEDECKS FOR THIS SESSION 1 VIRTUAL KICK OFF MARCH 8, 2015 2 SESSION 4 YOUR SHORTCUT TO MASSIVE CREDIBILITY 3 YOUR SHORTCUT TO MASSIVE CREDIBILITY SESSION

slide-1
SLIDE 1

SLIDEDECKS

YOUR SHORTCUT TO MASSIVE CREDIBILITY

SESSION 4

CONTAINS ALL VIDEO SLIDEDECKS FOR THIS SESSION

slide-2
SLIDE 2

VIRTUAL KICK OFF

MARCH 8, 2015

1

YOUR SHORTCUT TO MASSIVE CREDIBILITY

SESSION 4

2

4.1

DESIGN DOS & DON’TS YOUR SHORTCUT TO MASSIVE CREDIBILITY SESSION 4

3

slide-3
SLIDE 3

Design is the

first thing

people see

4

Design Is The Art & Science Of Directing Attention So You Can…

5

Convert Visitors Into Subscribers, Fans, Clients & Cash Flow

6

slide-4
SLIDE 4

Grab, Hold & Guide Attention Of Visitors

7

SQUIRREL!

8

Distraction happens when:

  • you draw attention to things that

aren’t important


  • you pull focus away from what you

really want to emphasize

9

slide-5
SLIDE 5

Distraction Focus

  • ur natural state…

10 11 12

slide-6
SLIDE 6

13

My idea was to put the character right in the navigation -- to the left and right of our Summit logo. And, as you can see on the screen, it looked awesome!

14 15

slide-7
SLIDE 7

Simple is Better

16 17 18

slide-8
SLIDE 8

19 20

Good Looking Design

Is Not The Same As…

High Performing Design

21

slide-9
SLIDE 9

22 23

These Subtle Cues Help Draw Attention & Guide Y

  • ur User

24

slide-10
SLIDE 10

Open Space

25 26 27

slide-11
SLIDE 11

Good design is not about filling the space with as much as possible, but emptying the space so your visitor can focus

  • n what you want them to see

28 Negative Space 29

Low Contrast
 Hard To Read High Contrast
 Easy To Read

30

slide-12
SLIDE 12

31 32 33

slide-13
SLIDE 13

34 35 36

slide-14
SLIDE 14

Morgana’s Banner

37

6 Elements Of Effective Design

38

  • 1. Bold Contrast And Vivid Color To

Immediately Pull In The Eye

6 Elements Of Effective Design

39

slide-15
SLIDE 15
  • 2. Prominent Shapes Or Other Visual Cues

Such As Arrows To Draw Attention To Key Elements

6 Elements Of Effective Design

40

  • 3. Interesting Background Patterns To Add

Visual Interest And Create A Memorable Impression

6 Elements Of Effective Design

41

  • 4. Strong Fonts And Juicy Words That

Jump From The Page

6 Elements Of Effective Design

42

slide-16
SLIDE 16
  • 5. Striking Graphics And Expressive

Faces To Engage And Evoke Emotion

6 Elements Of Effective Design

43

  • 6. Negative (White) Space To Focus

The Eye On What’s Important

6 Elements Of Effective Design

44

Hot Or Not?

45

slide-17
SLIDE 17

Do Y

  • u Prefer Open Or "Constrained" Styles?

46

Ouch.

47

Emphasise The Right Things, Not Just The Pretty Things

48

slide-18
SLIDE 18

Most Designers Don’t Understand Marketing & Conversion So They Don’t Realize The Business Impact 
 Of Their Choices

49

Choose A Designer Who Gets Online Business, Internet Marketing & Conversions

50

Q&A

51

slide-19
SLIDE 19

4.2

THE ART OF INSTANT DIFFERENTIATION: YOUR LOGO & VISUAL BRANDING YOUR SHORTCUT TO MASSIVE CREDIBILITY SESSION 4

52 53 54

slide-20
SLIDE 20

Your Logo

55

2 Different Kinds Of Logos

  • Font-based logos
  • Icon-based logos

56

Font-Based Logo #1: Simple Logo Font

  • Y
  • ur full name in a bold, well-chosen font
  • Most personal brand logos take this approach
  • Don’t let the simplicity fool you - it’s possible to

do it in a sophisticated way

57

slide-21
SLIDE 21

58 59 60

slide-22
SLIDE 22

What Are The 4 Font Types Y

  • u Can Choose From?
  • Serif
  • Sans Serif
  • Script
  • Sans Serif

61

Serif Vs Sans Serif

62

Script Fonts

Journal

Hand of Sean

63

slide-23
SLIDE 23

Decorative Fonts

Papyrus Hobo Curlz

64 65 66

slide-24
SLIDE 24

"Brandon Text" Font family

67

Handmade Fonts

68

Handmade Fonts

69

slide-25
SLIDE 25

70 71

Font-Based Logos

72

slide-26
SLIDE 26

Initial Logos

73

Initial Logos

74

Font & Shape Logos

75

slide-27
SLIDE 27

Font & Meaning Logos

76

Abstract Logos

77

Abstract Logos

78

slide-28
SLIDE 28

Abstract Logos

79

Silhouette Logos

80

Geometric Logos

81

slide-29
SLIDE 29

Geometric Logos

82

Simple Illustration Logos

83

Detailed Illustration Logos

84

slide-30
SLIDE 30

Seal & Crest Logos

85

Mascot Logos

86

Q&A

87

slide-31
SLIDE 31

4.3

HOW THE PROS USE COLOR PALETTES TO SEND THE RIGHT SIGNALS ABOUT THEIR BRAND YOUR SHORTCUT TO MASSIVE CREDIBILITY SESSION 4

88

Color can grab attention more quickly than anything else

89 90

slide-32
SLIDE 32

91 92 93

slide-33
SLIDE 33

Color

  • If you prefer to leave a more nuanced

impression, choose 3-6 colors that work together

  • Having more colors comes in handy as you

expand your product suite & offerings

94

VS

95 96

slide-34
SLIDE 34

97

A Quick Tour Of The Hidden (And No So Hidden) Meanings Of Colors

  • As I read these, focus on choosing 2-3

primary colors to represent your business.

  • The additional 3-4 secondary shades in

your color palette are chosen to balance & compliment your primary shades

98

BLUE

safety, calm, serenity, peace, dependability, trust, credibility

99

slide-35
SLIDE 35

100

RED

enthusiasm, action, sexy, provocative, passion, aggression

101

PINK

femininity, compassion, nurturing, love

102

slide-36
SLIDE 36

ORANGE

fun, warmth, happiness, friendliness, communication, expression

103

YELLOW

joy, happiness, energy

104

GREEN

nature, fertility, life, well-being, vitality, wealth, money, love, consciousness

105

slide-37
SLIDE 37

BLACK

power, authority, mystery and sophistication

106

WHITE

purity, cleanliness, simplicity, freshness, innocence & mental clarity

107

GRAY

quiet, natural, balanced, stable, practical, timeless, sophisticated

108

slide-38
SLIDE 38

109 110

30 Beautiful Color Palettes

111

slide-39
SLIDE 39

112

What Colors Are Right For Y

  • u?

Take a moment now to decide whether you want to focus on a single powerful brand color or whether you prefer to choose 3-6 colors that work together to give you versatility & range.

113

Q&A

114

slide-40
SLIDE 40

4.4

THE 5 ESSENTIAL FONT STYLES YOUR SITE NEEDS TO BE TAKEN SERIOUSLY YOUR SHORTCUT TO MASSIVE CREDIBILITY SESSION 4

115 116 117

slide-41
SLIDE 41

The 5 Essential Fonts Y

  • ur Site

Needs In Order to be Taken Seriously

118

Y

  • ur Logo/Company Name font

Essential Font #1:

  • This is the font you use to depict your company name or,

if you have a personal brand, your name.

  • Which logo font did you choose in Video 2?

119

Site Header/Title fonts

Essential Font #2:

  • The most important copy on your web pages so you want

these fonts to be as clear and eye-catching as possible

  • The right headline can double or triple conversions,

especially if it’s emphasized by the right font

  • It can be the same as your logo font, but not if you use a

fancy script or serif font in your logo! 120

slide-42
SLIDE 42

Site Header/Title fonts

Essential Font #2: A bad choice A much better choice! 121

Site Body font

Essential Font #3:

  • The body font is your site’s main font, used throughout

your website

  • Y
  • u want this to be as clear and legible as possible
  • Stay completely away from script and serif fonts here.

122

Site Body font

Essential Font #3:

Lor em Ipsum i s simply dummy text of the printing and type setting industry. Lor em Ipsum ha s been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Just say "no" to using ANY script font as your body font! 123

slide-43
SLIDE 43

Site Body font

Essential Font #3: Just say "no" to using ANY serif font as your body font!

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

124

Site Body font

Essential Font #3: A much better choice!

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book

125

Label text font

Essential Font #4:

  • This font is used for buttons, and also sometimes column

headers & section dividers

  • It’s usually a clear bold font that instantly draws attention
  • Don’t mess around with anything decorative or even

vaguely unclear 126

slide-44
SLIDE 44

Label text font

Essential Font #4: 127

Accent font

Essential Font #4:

  • Can be a bit more playful, distinct or branded to your

business

  • Allows you to use your accent font as a visual prompt to

call attention to buttons or important text, or to divide sections of your website 128

Accent font in action

129

slide-45
SLIDE 45

Accent font in action

130

Accent font in action

131 132

slide-46
SLIDE 46

133 134

Q&A

135

slide-47
SLIDE 47

4.5

TELL AN IRRESISTIBLE STORY WITH YOUR SIGNATURE PHOTO YOUR SHORTCUT TO MASSIVE CREDIBILITY SESSION 4

136

Y

  • ur

Signature Photo

  • Tells a visual story of who you are
  • Allows visitors to “know you” 


in a single glance

  • Aligns with your message, brand and

how you want to show up 137

2 Approaches
 You Can Take

138

slide-48
SLIDE 48

Capture Your Core Essence & Enegy

#1

139

Sage Lavine

140

Portraits By Alannah Avelin

141

slide-49
SLIDE 49

Highlight Lifestyle & Fashion

#2

142

Marie Forleo & Oprah

143 144

slide-50
SLIDE 50

Which Approach Do YOU Prefer?

145 146 147

slide-51
SLIDE 51

148

Don’t Date Y

  • urself… 


:)

149

Choose a Photographer
 Who Naturally Gets Y

  • ur Style

150

slide-52
SLIDE 52

Have Y

  • ur Photographer


Come to Y

  • u

151

Tips for Shooting Photos for Y

  • ur

Website

152

Make Eye Contact

153

slide-53
SLIDE 53

Don’t Cover Your Face

154

Capture the Head & Shoulders

155 156

slide-54
SLIDE 54

157

Shoot Landscape Not Portrait

158

Ask for Torso & Full Body Shots

159

slide-55
SLIDE 55

Look Straight at Viewer or In
 Towards Website

160 161

Embrace 
 Yourself

162

slide-56
SLIDE 56

Q&A

163

4.6

BANNER DESIGN & FINDING THE RIGHT STOCK IMAGERY 
 FOR YOUR SITE YOUR SHORTCUT TO MASSIVE CREDIBILITY SESSION 4

164

Your Home Page Banner Creates 80% of Your Visual Impact

165

slide-57
SLIDE 57

2 Kinds of Home Page Banners:

Photo Banners
 & Video Banners

166 167 168

slide-58
SLIDE 58

169 170 171

slide-59
SLIDE 59

172 173 174

slide-60
SLIDE 60

175 176 177

slide-61
SLIDE 61

178 179 180

slide-62
SLIDE 62

181 182 183

slide-63
SLIDE 63

You Need 2 Things:

Pro Photo or Video Clear & Specific CTA

184 185 186

slide-64
SLIDE 64

Photo Resolution: Full Page - 1200-2000 wide Internal Image Resolution: Main Column - 800 pixels wide Sidebar - 400 pixels wide 2 Pathways - 600 pixels wide 3 Pathways - 400 pixels wide 4 Pathways - 300 pixels wide

187

Original Photography
 is More Powerful 
 & Personal than 
 Stock Photography

188 189

slide-65
SLIDE 65

190 191 192

slide-66
SLIDE 66

193

The theme for our imagery is the "REAL WOMEN IN REAL MOMENTS. ” Through the use of photography we aim to connect with our audiences
  • n a deep, emotional level.
Our style of photography is authentic – capturing a real moment in the life of a woman, whether alone, at work or at play. This style will help to establish a deeper emotional connection with the audience and seeks to resonate and strike an emotional chord with them before they read the copy.

Photo Brief from LifeWorkz

194

Q&A

195