visual content strategy infosnaps 2.0

95
Info snaps Noland Hoshino | High Five Media | @NolandHoshino A Snapshot of Visual Content

Upload: high-five-media

Post on 20-Mar-2017

230 views

Category:

Marketing


2 download

TRANSCRIPT

Page 1: Visual content strategy infosnaps 2.0

Info snaps

Noland Hoshino | High Five Media | @NolandHoshino

A Snapshot of Visual Content

Page 2: Visual content strategy infosnaps 2.0
Page 3: Visual content strategy infosnaps 2.0

2014 2015

Noland’s Slideshare www.slideshare.net/bcausemedia

Page 4: Visual content strategy infosnaps 2.0

Visual marketing is no longer an option

Page 5: Visual content strategy infosnaps 2.0

Why Visual Content?Show me what you got

Page 6: Visual content strategy infosnaps 2.0

RESOURCE HOOPLA.NET

Visuals are processed 60,000 faster than text

Page 7: Visual content strategy infosnaps 2.0

IMAGE SOURCE HEYJUDE45

Page 8: Visual content strategy infosnaps 2.0

IMAGE SOURCE LEISUREGROUPTRAVEL.COM

Page 9: Visual content strategy infosnaps 2.0

RESOURCE HOOPLA.NET

The MillennialsBorn 1981 - 1997

Page 10: Visual content strategy infosnaps 2.0

RESOURCE http://www.office.xerox.com

Colored visuals increases people’s willingness to read a piece of content

Page 11: Visual content strategy infosnaps 2.0

RESOURCE www.blogkissmetrics.com

more retweets with image than tweets without images

Page 12: Visual content strategy infosnaps 2.0

RESOURCE www.link.springer.com

increase when following directionswith and illustration

Page 13: Visual content strategy infosnaps 2.0

RESOURCE www.buffer.com

visual content more likely to get shared on social media than other types of content

Page 14: Visual content strategy infosnaps 2.0

RESOURCE www.buzzsumo.com

more engagement than those without images on Facebook

Page 15: Visual content strategy infosnaps 2.0

RESOURCE www.buzzsumo.com

Instagram users have grown in 2016

Page 16: Visual content strategy infosnaps 2.0

Visual marketing is the core to telling

your story

Page 17: Visual content strategy infosnaps 2.0

infographics

Page 18: Visual content strategy infosnaps 2.0
Page 19: Visual content strategy infosnaps 2.0

annualreports

Page 20: Visual content strategy infosnaps 2.0
Page 21: Visual content strategy infosnaps 2.0
Page 22: Visual content strategy infosnaps 2.0

infosnapsInformation snapshots

Page 23: Visual content strategy infosnaps 2.0

message

mission

vision

Page 24: Visual content strategy infosnaps 2.0

impressionable

Page 25: Visual content strategy infosnaps 2.0

promote educateinspirecall to action

YC

Page 26: Visual content strategy infosnaps 2.0

promote

Page 27: Visual content strategy infosnaps 2.0

educate

Page 28: Visual content strategy infosnaps 2.0

inspire

Page 29: Visual content strategy infosnaps 2.0

call to action

Page 30: Visual content strategy infosnaps 2.0

Elements of infosnap

messageimagetypography

brand | logo | i.d.call to action

Page 31: Visual content strategy infosnaps 2.0

United Nations Development Programme

Page 32: Visual content strategy infosnaps 2.0

Columbia Springs

Page 33: Visual content strategy infosnaps 2.0

Boys and Girls Club of SW Washington

Page 34: Visual content strategy infosnaps 2.0

Pinterest pinterest.com/nolandhoshino/infosnaps-causes-and-nonprofits/

Page 35: Visual content strategy infosnaps 2.0

Pinterest pinterest.com/nolandhoshino/givingday/

Page 36: Visual content strategy infosnaps 2.0

Beginner

PowerPoint

Intermediate

CanvaAdobe SparkPic Monkey

Advance

Adobe Photoshop and Illustrator

got skills?

Page 37: Visual content strategy infosnaps 2.0

size matters

Page 38: Visual content strategy infosnaps 2.0

2016 Social Media Image Size Guide https://www.godaddy.com/garage/webpro/design/designers-cheat-sheet-for-social-media-image-sizing/

facebookShared images 1200 pixels x 900 pixels, 1200 pixels x 1200 pixelsShared links 1200 pixels x 627 pixels

twitterShared images 1024 pixels x 512 pixels

instagramShared images 640 pixels x 640 pixels

Page 39: Visual content strategy infosnaps 2.0

before you begin

• Logo in .png or .jpg format • Brand colors• Design inspiration

Page 40: Visual content strategy infosnaps 2.0

1 Select DESIGN tab

2

Click “Slide Size.”Select “Custom SlideSize.”

3Adjust size width& height

powerpoint

Page 41: Visual content strategy infosnaps 2.0

4 Click “Insert” tab. Click “Pictures”

powerpoint

Page 42: Visual content strategy infosnaps 2.0

Select logo

5

powerpoint

Page 43: Visual content strategy infosnaps 2.0

Adjust logo size 6

powerpoint

Page 44: Visual content strategy infosnaps 2.0

Add design element

7

powerpoint

Page 45: Visual content strategy infosnaps 2.0

Add design element8

powerpoint

Page 46: Visual content strategy infosnaps 2.0

Add URL andCall to Action

9

powerpoint

Page 47: Visual content strategy infosnaps 2.0

Save as

powerpoint

10

Page 48: Visual content strategy infosnaps 2.0

powerpoint

Page 49: Visual content strategy infosnaps 2.0

Save as type:JPEG or PNG

powerpoint

11

Page 50: Visual content strategy infosnaps 2.0

PROJECT CITY OF VANCOUVER

Page 51: Visual content strategy infosnaps 2.0

PROJECT CITY OF VANCOUVER

Page 52: Visual content strategy infosnaps 2.0

Mobile and web app

Page 53: Visual content strategy infosnaps 2.0

Desygner www.desygner.com

Page 54: Visual content strategy infosnaps 2.0

before you begin

• Download logo in .jpg format onto phone

• Brand colors• Design inspiration

Page 55: Visual content strategy infosnaps 2.0

Create accountDesygner www.desygner.com

Page 56: Visual content strategy infosnaps 2.0

• Click New design

• Select the type of social media post you want to create

Page 57: Visual content strategy infosnaps 2.0

• Click Start from blank, or

• Use one the templates

Page 58: Visual content strategy infosnaps 2.0

• Create new project, or

• Add to project

Page 59: Visual content strategy infosnaps 2.0

• This is your canvas for a new design

• Tap on blank canvas

Page 60: Visual content strategy infosnaps 2.0

• Start designing

• Click + at bottom

Page 61: Visual content strategy infosnaps 2.0
Page 62: Visual content strategy infosnaps 2.0

• Add logo

• Resize

• Place where you want it

Page 63: Visual content strategy infosnaps 2.0

• Add background

• Use stock photo in app or your own photo

Page 64: Visual content strategy infosnaps 2.0

• Add website

• Change font

• Resize

• Move

Page 65: Visual content strategy infosnaps 2.0

• Copy

• Download

• Share

Page 66: Visual content strategy infosnaps 2.0

• Change template

• Share

• Download

Page 67: Visual content strategy infosnaps 2.0

• Download as JPG

• Download as PNG

• Download as PDF

Page 68: Visual content strategy infosnaps 2.0

• Share directly from app

Page 69: Visual content strategy infosnaps 2.0

• Create template

Page 70: Visual content strategy infosnaps 2.0

• Choose privacy

Page 71: Visual content strategy infosnaps 2.0

Sign upCanva.com

Coming soon!Magic Resize

1 Select your template

Page 72: Visual content strategy infosnaps 2.0

2 Select your design

3 Create own design

Page 73: Visual content strategy infosnaps 2.0

4 Customize design

Page 74: Visual content strategy infosnaps 2.0

5Edit area byclicking item

Page 75: Visual content strategy infosnaps 2.0

Upload logo6

Page 76: Visual content strategy infosnaps 2.0

Download7

Page 77: Visual content strategy infosnaps 2.0
Page 78: Visual content strategy infosnaps 2.0

Start here 1

Page 79: Visual content strategy infosnaps 2.0

Add image2

Page 80: Visual content strategy infosnaps 2.0

Adjust size3

Page 81: Visual content strategy infosnaps 2.0

Add message4

Page 82: Visual content strategy infosnaps 2.0

Add logo5

Page 83: Visual content strategy infosnaps 2.0

Add effect6

Page 84: Visual content strategy infosnaps 2.0

More Favorites

• Adope Spark• Word Swag• Over• PicLab• Repost• Canva• PicMonkey

Page 85: Visual content strategy infosnaps 2.0

Bonus tips!

Page 86: Visual content strategy infosnaps 2.0
Page 87: Visual content strategy infosnaps 2.0
Page 88: Visual content strategy infosnaps 2.0
Page 89: Visual content strategy infosnaps 2.0
Page 90: Visual content strategy infosnaps 2.0
Page 91: Visual content strategy infosnaps 2.0

http://pinterest.com/source/yourwebsite.com

Page 92: Visual content strategy infosnaps 2.0

Relay https://relaythat.com/

Page 93: Visual content strategy infosnaps 2.0

• Find a right right-brain person• Identify theme message, mission, vision• Know your audience• Correct image size• Optimize images for findability• Post consistently and frequently • Make use of apps and tools

to do list

Page 94: Visual content strategy infosnaps 2.0

Makelasting

impressions

Page 95: Visual content strategy infosnaps 2.0