51
JESS3 ONA

ONA08 - Jesse Thomas

Embed Size (px)

DESCRIPTION

web2.0 crash course

Citation preview

Page 1: ONA08 - Jesse Thomas

JESS3

ONA

Page 2: ONA08 - Jesse Thomas

JESS3

Page 3: ONA08 - Jesse Thomas

JESS3

Page 4: ONA08 - Jesse Thomas

JESS3

Page 5: ONA08 - Jesse Thomas

JESS3

Page 6: ONA08 - Jesse Thomas

JESS3

Page 7: ONA08 - Jesse Thomas

JESS3

Page 8: ONA08 - Jesse Thomas

JESS3

Page 9: ONA08 - Jesse Thomas

JESS3

Page 10: ONA08 - Jesse Thomas

JESS3

Page 11: ONA08 - Jesse Thomas

JESS3

Page 12: ONA08 - Jesse Thomas

JESS3

Page 13: ONA08 - Jesse Thomas

JESS3

Page 14: ONA08 - Jesse Thomas

JESS3

Page 15: ONA08 - Jesse Thomas

JESS3

Blogs are freeBut, Websites cost money

Page 16: ONA08 - Jesse Thomas

JESS3

Blog Design process

• Project Management• Content evaluation• UI Wireframes• Color Design• CSS Coding• Wordpress/CMS Integration• Testing / Hand holding

Page 17: ONA08 - Jesse Thomas

JESS3

Psd2html.com

• $217– Each secondary page is discounted by 50%

CMS integration one time fee• Wordpress+$195• Movable Type+$295• Drupal+$295• Joomla+$295• Blogger+$135• Shopify+$295• CubeCart+$320

Page 18: ONA08 - Jesse Thomas

JESS3

sIFR (Scalable Inman Flash Replacement)

• makes it possible to use non-web fonts in a page by replacing standard HTML elements with Flash. sIFR is useful when applied to headings or short text fragments and is important for search engine optimization. Please include all necessary font files.

Page 19: ONA08 - Jesse Thomas

JESS3

Photo Slideshows

• Flash– SlideshowPro

• Ajax– Jons Smooth Slideshow

Page 20: ONA08 - Jesse Thomas

JESS3

slideshowpro

Page 21: ONA08 - Jesse Thomas

JESS3

Jons smooth slideshow

Page 22: ONA08 - Jesse Thomas

JESS3

seo

• Run this test http://www.websitegrader.com/

• Fix the things they point out

Page 23: ONA08 - Jesse Thomas

JESS3

Delicious

• Save links– Archive of bookmarks– use the linkroll on your site/blog

Page 24: ONA08 - Jesse Thomas

JESS3

Look up a URL

• See what people are saying about your web pages– JESS3.com, People have saved this 231 times, and 53

wrote notes. It was first bookmarked on 23 Feb 06, by tiffani.

• 07 MAY 08 lots of cool collage-y type stuff. designed unsung designers site

• 02 MAY 08 did busboys website• 16 APR 08 cool digital media designer• 08 APR 08 Web design, braninding and social media PR. Link from

Kevinrose.com• 28 MAR 08 crazy good designer• 23 MAR 08 incredibly cool design firm• 17 MAR 08 töff portfolio, fullt af sniðugum síðum / collages... - via

kevinrose.com

Page 25: ONA08 - Jesse Thomas

JESS3

Social bookmarking outreach strategy (Digg, Delicious, Magnolia, Stumbleupon)

• Create an account “jess3blog”– http://delicious.com/jess3blog

• Add all of your most popular blog posts and press hits– Add notes and tags

• Make sure your information is relative to the tag

• Target people that are using similar tags– Send them a link and it will show up in their delicious

inbox and they might look at it.• When you are on delicious, you are ready to look at links

Page 26: ONA08 - Jesse Thomas

JESS3

Page 27: ONA08 - Jesse Thomas

JESS3

Twitter

140 characters per update

Page 28: ONA08 - Jesse Thomas

JESS3

Twitter Outreach Strategy

• Create your account with a smart name– My frst one was jessesaves, I just got jessethomas

• Fill in the profile– Make it funny

• Start posting tweets– Make it funny– Post more and more

• Target people in your industry– Find someone that knows what they are doing and do what they do

• Add 2000 people in one go– In 2 weeks you will have a 25% return. (500 friends)

• Answer your replies– Use the @message– Use #hashtags

• Post more tweets

Page 29: ONA08 - Jesse Thomas

JESS3

Page 30: ONA08 - Jesse Thomas

JESS3

Customer Conversations

• Comcast Cares– specific troubleshooting

– a human voice, apologizing for snafus, even admitting "I do not know" and hopefully going to find out

Page 31: ONA08 - Jesse Thomas

JESS3

Page 32: ONA08 - Jesse Thomas

JESS3

If someone has a Comcast problem and is talking about it online, he contacts that person and offers help. Since April 2008

Customer says:"My Internet goes out every day at 3:30. Why would that be?”

Frank says:"That should not be. We should have that looked at. Send an e-mail with account info to [email protected]."

Frank Eliason

Page 33: ONA08 - Jesse Thomas

JESS3

Design Shortcuts

• Media– Istockphoto– Flickr– Archive.org– Veer– youworkforthem

• Icons– intermash.com/3000images

• Widgets– Clearspring

• Color– Colorlovers– Kuler by adobe

• Background Patterns– K10k.net

• Typography– Dafont– Whatthefont.com

Page 34: ONA08 - Jesse Thomas

JESS3

iStockphoto

Page 35: ONA08 - Jesse Thomas

JESS3

flickr creative commons

Page 36: ONA08 - Jesse Thomas

JESS3

Archive.org moving images

Page 37: ONA08 - Jesse Thomas

JESS3

veer

Page 38: ONA08 - Jesse Thomas

JESS3

youworkforthem

Page 39: ONA08 - Jesse Thomas

JESS3

icons

• http://www.intersmash.com/300images/

Page 40: ONA08 - Jesse Thomas

JESS3

clearspring

Page 41: ONA08 - Jesse Thomas

JESS3

Page 42: ONA08 - Jesse Thomas

JESS3

colourlovers

Page 43: ONA08 - Jesse Thomas

JESS3

Kuler by adobe

Page 44: ONA08 - Jesse Thomas

JESS3

K10k • http://k10k.net/pixelpatterns/

Page 45: ONA08 - Jesse Thomas

JESS3

Dafont • http://dafont.com

Page 46: ONA08 - Jesse Thomas

JESS3

What the font http://www.myfonts.com/WhatTheFont/

Page 47: ONA08 - Jesse Thomas

JESS3

Mobile Blogging

• Flickr– You can create a tag on the fly

• Facebook– Gets added to your mobile uploads

You have other options as well

Page 48: ONA08 - Jesse Thomas

JESS3

Uploading by email

• Create flickr account• http://www.flickr.com/tools/• Upload by email

– Email a photo or video directly to your photostream using a special upload by email address. (You can add tags and set privacy as you email as well. Handy!)

Page 49: ONA08 - Jesse Thomas

JESS3

How can I add tags when I upload via email or my phone?

• Just type "tags:" in the subject line or body of the email followed by the list of tags you want added to the photo(s). (The rest of the subject line in is converted to the photo's title and the body of the email becomes the photo's description.)Here's an example of adding tags in action.

Page 50: ONA08 - Jesse Thomas

JESS3

Facebook fan page

• Create a fan page– Add your friends– Message them no more than

once a month– Buy facebook social ads

• 5$ a day

Page 51: ONA08 - Jesse Thomas

JESS3