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 4 4.1 DESIGN DOS & DON’TS
4 Design is the first thing people see 5 Design Is The Art & Science Of Directing Attention So You Can… 6 Convert Visitors Into Subscribers, Fans, Clients & Cash Flow
7 Grab, Hold & Guide Attention Of Visitors 8 SQUIRREL! 9 Distraction happens when: • you draw attention to things that aren’t important • you pull focus away from what you really want to emphasize
10 Distraction Focus our natural state… 11 12
13 14 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! 15
16 Simple is Better 17 18
19 20 21 Good Looking Design Is Not The Same As… High Performing Design
22 23 24 These Subtle Cues Help Draw Attention & Guide Y our User
25 Open Space 26 27
28 Good design is not about filling the space with as much as possible, but emptying the space so your visitor can focus on what you want them to see 29 Negative Space 30 High Contrast Low Contrast Easy To Read Hard To Read
31 32 33
34 35 36
37 Morgana’s Banner 38 6 Elements Of Effective Design 39 6 Elements Of Effective Design 1. Bold Contrast And Vivid Color To Immediately Pull In The Eye
40 6 Elements Of Effective Design 2. Prominent Shapes Or Other Visual Cues Such As Arrows To Draw Attention To Key Elements 41 6 Elements Of Effective Design 3. Interesting Background Patterns To Add Visual Interest And Create A Memorable Impression 42 6 Elements Of Effective Design 4. Strong Fonts And Juicy Words That Jump From The Page
43 6 Elements Of Effective Design 5. Striking Graphics And Expressive Faces To Engage And Evoke Emotion 44 6 Elements Of Effective Design 6. Negative (White) Space To Focus The Eye On What’s Important 45 Hot Or Not?
46 Do Y ou Prefer Open Or "Constrained" Styles? 47 Ouch. 48 Emphasise The Right Things, Not Just The Pretty Things
49 Most Designers Don’t Understand Marketing & Conversion So They Don’t Realize The Business Impact Of Their Choices 50 Choose A Designer Who Gets Online Business, Internet Marketing & Conversions 51 Q & A
52 YOUR SHORTCUT TO MASSIVE CREDIBILITY SESSION 4 4.2 THE ART OF INSTANT DIFFERENTIATION: YOUR LOGO & VISUAL BRANDING 53 54
55 Your Logo 56 2 Different Kinds Of Logos • Font-based logos • Icon-based logos 57 Font-Based Logo #1: Simple Logo Font • Y our 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
58 59 60
61 What Are The 4 Font Types Y ou Can Choose From? • Serif • Script • Sans Serif • Sans Serif 62 Serif Vs Sans Serif 63 Script Fonts Journal Hand of Sean
64 Decorative Fonts Papyrus Curlz Hobo 65 66
67 "Brandon Text" Font family 68 Handmade Fonts 69 Handmade Fonts
70 71 72 Font-Based Logos
73 Initial Logos 74 Initial Logos 75 Font & Shape Logos
76 Font & Meaning Logos 77 Abstract Logos 78 Abstract Logos
79 Abstract Logos 80 Silhouette Logos 81 Geometric Logos
82 Geometric Logos 83 Simple Illustration Logos 84 Detailed Illustration Logos
85 Seal & Crest Logos 86 Mascot Logos 87 Q & A
88 YOUR SHORTCUT TO MASSIVE CREDIBILITY SESSION 4 4.3 HOW THE PROS USE COLOR PALETTES TO SEND THE RIGHT SIGNALS ABOUT THEIR BRAND 89 Color can grab attention more quickly than anything else 90
91 92 93
94 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 95 VS 96
97 98 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 99 BLUE safety, calm, serenity, peace, dependability, trust, credibility
100 101 RED enthusiasm, action, sexy, provocative, passion, aggression 102 PINK femininity, compassion, nurturing, love
103 ORANGE fun, warmth, happiness, friendliness, communication, expression 104 YELLOW joy, happiness, energy 105 GREEN nature, fertility, life, well - being, vitality, wealth, money, love, consciousness
106 BLACK power, authority, mystery and sophistication 107 WHITE purity, cleanliness, simplicity, freshness, innocence & mental clarity 108 GRAY quiet, natural, balanced, stable, practical, timeless, sophisticated
109 110 111 30 Beautiful Color Palettes
112 113 What Colors Are Right For Y ou? 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 . 114 Q & A
115 YOUR SHORTCUT TO MASSIVE CREDIBILITY SESSION 4 4.4 THE 5 ESSENTIAL FONT STYLES YOUR SITE NEEDS TO BE TAKEN SERIOUSLY 116 117
118 The 5 Essential Fonts Y our Site Needs In Order to be Taken Seriously 119 Essential Font #1: Y our Logo/Company Name font • 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? 120 Essential Font #2: Site Header/Title fonts • 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!
121 Essential Font #2: Site Header/Title fonts A bad choice A much better choic e! 122 Essential Font #3: Site Body font • The body font is your site’s main font, used throughout your website • Y ou want this to be as clear and legible as possible • Stay completely away from script and serif fonts here. 123 Essential Font #3: Site Body font 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!
124 Essential Font #3: Site 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. Just say "no" to using ANY serif font as your body font ! 125 Essential Font #3: Site 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 A much better choice! 126 Essential Font #4: Label text font • 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
127 Essential Font #4: Label text font 128 Essential Font #4: Accent font • 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 129 Accent font in action
130 Accent font in action 131 Accent font in action 132
133 134 135 Q & A
136 YOUR SHORTCUT TO MASSIVE CREDIBILITY SESSION 4 4.5 TELL AN IRRESISTIBLE STORY WITH YOUR SIGNATURE PHOTO 137 Y our 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 138 2 Approaches You Can Take
139 #1 Capture Your Core Essence & Enegy 140 Sage Lavine 141 Portraits By Alannah Avelin
142 #2 Highlight Lifestyle & Fashion 143 Marie Forleo & Oprah 144
145 Which Approach Do YOU Prefer? 146 147
148 149 Don’t Date Y ourself… :) Choose a Photographer 150 Who Naturally Gets Y our Style
151 Have Y our Photographer Come to Y ou 152 Tips for Shooting Photos for Y our Website 153 Make Eye Contact
154 Don’t Cover Your Face 155 Capture the Head & Shoulders 156
157 158 Shoot Landscape Not Portrait 159 Ask for Torso & Full Body Shots
160 Look Straight at Viewer or In Towards Website 161 162 Embrace Yourself
Recommend
More recommend
