make it sparkle

96
National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website riends National Conference | July 19 th , 2015 Eve Simon, Beaconfire Re

Upload: eve-simon

Post on 12-Aug-2015

104 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your WebsiteBest Friends National Conference | July 19th, 2015 Eve Simon, Beaconfire RedEngine

Page 2: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 3: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Digital strategies, integrated marketing & web sites for social

good

Page 4: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

RyderJennifer, Data Analyst and Production Lead

OJAmy, UX Designer

Bella & TrevorAndrew, Director of Business Development

Page 5: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Max & ZoeEve, Creative Director

Page 6: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 7: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 8: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 9: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 10: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Digital Engagem

entEcosyste

m

Web

Display

Mobile

Social Media

Content

Email

Paid Search

Page 11: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Digital Engagem

entEcosyste

m

Web

Display

Mobile

Social Media

Content

Email

Paid Search

Page 12: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 13: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 14: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 15: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 16: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 17: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 18: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 19: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 20: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

“If you don't know where you're going, any road will get you there.- The Cheshire Cat

Page 21: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 22: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 23: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 24: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 25: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 26: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 27: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your WebsiteKodiKristin, Talent Director

Page 28: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

“Give me six hours to chop down a tree and I will spend the first four sharpening the axe.- Abraham Lincoln

Page 29: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 30: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 31: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 32: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 33: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 34: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Remember those pain points?

Page 35: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Lets turn them into goals

Page 36: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 37: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Giving time has a different satisfaction. The connections, networking and seeing people you are more familiar with. You see what the organization is doing.”

Christopher is 32 years old and lives in San Diego. He enjoys being outdoors – surfing, hiking, biking, camping, you name it. Christopher wants to make his community the very best it can be – this is his home and one day, he hopes to raise his family here. He volunteers frequently around his community. He likes knowing his time and efforts are directly impacting the area where he lives and the people he regularly comes into contact.

Occasionally Christopher makes a donation to an organization. Typically it’s a small amount of money to charities prompted when friends and family ask. He likes to check out the charity before giving a donation, just to make sure they’ll use his money wisely.

“Tech WatchChristopher loves gadgets and technology. He has had a tablet and smart phone for years. He often uses the tablet or checks email on his phone while watching TV. Christopher checks sports and news online. He uses Twitter for news, to connect with friends and set-up weekend activities. He also uses the web to research purchases like outdoor gear and electronics.

What Drives His Engagement >• Organization is trusted• Has events and gatherings where I can donate in person• Is an organization I would feel proud to talk about with others• Makes me feel I made a smart decision to donate• Helps me feel part of a broader community

Involved Do-Gooder

Prospect

Page 38: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Giving time has a different satisfaction. The connections, networking and seeing people you are more familiar with. You see what the organization is doing.”

Christopher is 32 years old and lives in San Diego. He enjoys being outdoors – surfing, hiking, biking, camping, you name it. Christopher wants to make his community the very best it can be – this is his home and one day, he hopes to raise his family here. He volunteers frequently around his community. He likes knowing his time and efforts are directly impacting the area where he lives and the people he regularly comes into contact.

Occasionally Christopher makes a donation to an organization. Typically it’s a small amount of money to charities prompted when friends and family ask. He likes to check out the charity before giving a donation, just to make sure they’ll use his money wisely.

“Tech WatchChristopher loves gadgets and technology. He has had a tablet and smart phone for years. He often uses the tablet or checks email on his phone while watching TV. Christopher checks sports and news online. He uses Twitter for news, to connect with friends and set-up weekend activities. He also uses the web to research purchases like outdoor gear and electronics.

What Drives His Engagement >• Organization is trusted• Has events and gatherings where I can donate in person• Is an organization I would feel proud to talk about with others• Makes me feel I made a smart decision to donate• Helps me feel part of a broader community

Involved Do-Gooder

Prospect

Page 39: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 40: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Sample Content Inventory

Downloadable Content Inventory Spreadsheet:http://maadmob.com.au/resources/content_inventory

Page 41: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 42: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 43: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

AllegraTim, Front end developer

Page 44: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

“No, Watson, this was not done by accident, but by design.

- Sherlock Holmes

Page 45: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 46: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 47: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 48: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 49: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 50: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

“Don’t make something unless it is both necessary and useful; but if it is both necessary and useful, don’t hesitate to make it beautiful.

- Shaker Philosophy

Page 51: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 52: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 53: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 54: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 55: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

GeorgeLynn, CEO

https://color.adobe.com/create/image/

Page 56: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Websitehttp://www.checkmycolours.com/

Page 57: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 58: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 59: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Working with imagesThe French General (aka “Frenchie”) Cara, Director of Services Delivery

Page 60: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Scale, don’t distort

Page 61: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Square

Horizontal(Landscape)

Vertical(Portrait)

Aspect ratio is your friend

Page 62: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

FB: Shared link/image• Recommended upload size of

1,200 x 627 pixels.

• Square Photo: Minimum 154 x 154px in feed.

• Square Photo: Minimum 116 x 116 on page.

• Rectangular Photo: Minimum 470 x 246 pixels in feed.

• Rectangular Photo: Minimum 484 x 252 on page.

• Facebook will scale photos under the minimum dimensions. For better results, increase image resolution at the same scale as the minimum size.

SOURCE: http://sproutsocial.com/insights/social-media-image-sizes-guide/

Page 63: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

SOURCE: http://www.socialmediaexaminer.com/optimize-images-across-social-networks/

One Size Fits All?

Page 64: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 65: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 66: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 67: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 68: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 69: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 70: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 71: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 72: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Websitehttps://www.myfonts.com/WhatTheFont/

Page 73: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 74: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Websitehttp://thenounproject.com/

Page 75: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 76: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 77: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 78: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 79: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Lucky (and Rocky)Darren, Data Analyst

Page 80: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

“The most valuable commodity I know of is information.- Gordon Gekko

Page 81: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 82: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Basic Google Analytics Dashboard

Page 83: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

https://analyticsacademy.withgoogle.com/explorer

Page 84: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

http://www.webanalyticsdemystified.com/ae/ae-business.asp

Page 85: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 86: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

http://www.crazyegg.com/

Page 87: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 88: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 89: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website htt

p:/

/ww

w.u

sert

est

ing.c

om

/

Page 90: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Websitehttps://www.surveymonkey.com/

Page 91: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 92: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 93: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Site Critique• Who are they?

• What do they do?

• What can you do here?

Think about:

• Navigation

• Layout

• Voice

• Imagery

• Contrast

• Color

• Typography

• Readability

• Call to action

Page 94: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 95: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your Website

Page 96: Make it Sparkle

Best Friends National Conference 2015 | Make it Sparkle – Upgrading & Polishing Your WebsiteBest Friends National Conference | Websites That Win Hearts, For Good