Lean content: An effective web writing workflow

124
LEAN CONTENT

Transcript of Lean content: An effective web writing workflow

Page 1: Lean content: An effective web writing workflow

@portentint

LEAN CONTENT

Page 2: Lean content: An effective web writing workflow

@portentint

I’m Ian. CEO of Portent.

Page 3: Lean content: An effective web writing workflow

@portentint

@portentint

Page 4: Lean content: An effective web writing workflow

@portentint

Once, I raced bicycles(I sucked)

Page 5: Lean content: An effective web writing workflow

@portentint

Lean = Maintaining Velocity

Page 6: Lean content: An effective web writing workflow

@portentint

Lean = Occasional Road Rash

Page 7: Lean content: An effective web writing workflow

@portentint

Lean = Looking Where You’re Going

Page 8: Lean content: An effective web writing workflow

@portentint

You have to practice

Page 9: Lean content: An effective web writing workflow

@portentint

2x effort now means .5x effort forever

Page 10: Lean content: An effective web writing workflow

@portentint

.5x effort = better technique

Page 11: Lean content: An effective web writing workflow

@portentint

HOW I CREATE A BLOG POST

Page 12: Lean content: An effective web writing workflow

@portentint

I find my ideas

Page 13: Lean content: An effective web writing workflow

@portentint

Answerthepublic.com

Page 14: Lean content: An effective web writing workflow

@portentint

Page 15: Lean content: An effective web writing workflow

@portentint

Page 16: Lean content: An effective web writing workflow

@portentint@portentint

My own twisted psyche

Deodorant in space?

Page 17: Lean content: An effective web writing workflow

@portentint

Google Suggest

Page 18: Lean content: An effective web writing workflow

@portentint

Page 19: Lean content: An effective web writing workflow

@portentint

Page 20: Lean content: An effective web writing workflow

@portentint

I set up my project

Page 21: Lean content: An effective web writing workflow

@portentint@portentint

Do not skip this

Page 22: Lean content: An effective web writing workflow

@portentint

I use plain text

Page 23: Lean content: An effective web writing workflow

@portentint

Sublime Text 2

Page 24: Lean content: An effective web writing workflow

@portentint

Why plain text? Hmmm. Let’s see…

Page 25: Lean content: An effective web writing workflow

@portentint

It doesn’t crash

Page 26: Lean content: An effective web writing workflow

@portentint

Small

Page 27: Lean content: An effective web writing workflow

@portentint

Portable

Page 28: Lean content: An effective web writing workflow

@portentint

HTML, from Word

Page 29: Lean content: An effective web writing workflow

@portentint

Future proof

the aliens have invaded!

Page 30: Lean content: An effective web writing workflow

@portentint

Future proof

at least they can read my text files

Page 31: Lean content: An effective web writing workflow

@portentint

Add Markdown

Page 32: Lean content: An effective web writing workflow

@portentint

http://bit.ly/1RscAUc

Install guide

Page 33: Lean content: An effective web writing workflow

@portentint

Page 34: Lean content: An effective web writing workflow

@portentint

Page 35: Lean content: An effective web writing workflow

@portentint

Page 36: Lean content: An effective web writing workflow

@portentinthttps://daringfireball.net/projects/markdown/syntax

Page 37: Lean content: An effective web writing workflow

@portentint

Preview in Marked

Marked2app.com

Page 38: Lean content: An effective web writing workflow

@portentint

On Windows:

http://markdownpad.com/

Page 39: Lean content: An effective web writing workflow

@portentint

Use images (that matter)

Page 40: Lean content: An effective web writing workflow

@portentint@portentint

AVOID CRAPPY STOCK PHOTOS

Page 41: Lean content: An effective web writing workflow

@portentint@portentint

AVOID CRAPPY STOCK PHOTOS

Page 42: Lean content: An effective web writing workflow

@portentint@portentint

AVOID CRAPPY STOCK PHOTOS

Page 43: Lean content: An effective web writing workflow

@portentint@portentint

AVOID CRAPPY STOCK PHOTOS

Page 44: Lean content: An effective web writing workflow

@portentint

Use images for a reason

Page 45: Lean content: An effective web writing workflow

@portentint

“Break up the page” is not a reason

Page 46: Lean content: An effective web writing workflow

@portentint

Sourcing images

Page 47: Lean content: An effective web writing workflow

@portentint@portentint

Bespoke

Page 48: Lean content: An effective web writing workflow

@portentint@portentintA Dwarf by BrokenMachine86 (brokenmachine86.deviantart.com). Colored pencils and ink on brown paper.

Wikimedia

Page 49: Lean content: An effective web writing workflow

@portentint@portentint

Pexels

Unsplash

Page 50: Lean content: An effective web writing workflow

@portentint

Google filter by usage rights

Page 51: Lean content: An effective web writing workflow

@portentint

Snagit for screen caps

Page 52: Lean content: An effective web writing workflow

@portentint

Quick Snagit tip: Save sharper screen caps

Page 53: Lean content: An effective web writing workflow

@portentint@portentint

Skitch

Mac: CMD + CTRL + 4

Windows: CTRL + PrtScn

Android: Sleep/wake + volume down

iOS: Sleep/wake + Home

Page 54: Lean content: An effective web writing workflow

@portentintQuestions? Tweet @portentint

Page 55: Lean content: An effective web writing workflow

@portentint@portentint

Alfred lacks purpose

Page 56: Lean content: An effective web writing workflow

@portentint@portentint

Alfred has purpose

Page 57: Lean content: An effective web writing workflow

@portentint

Prep the images

Page 58: Lean content: An effective web writing workflow

@portentint

Preview on Mac

Paint on Windows

Page 59: Lean content: An effective web writing workflow

@portentint

Compress!!!See http://portent.co/speedy-sites

Page 60: Lean content: An effective web writing workflow

@portentint

Put ‘em where they belong

Page 61: Lean content: An effective web writing workflow

@portentint

Save. The. Original.

Page 62: Lean content: An effective web writing workflow

@portentint

Want a preview?

Page 63: Lean content: An effective web writing workflow

@portentintNo formatting yet, but see size/shape

Page 64: Lean content: An effective web writing workflow

@portentint

Edit

Page 65: Lean content: An effective web writing workflow

@portentint

HemingwayApp

Page 66: Lean content: An effective web writing workflow

@portentint

Proofread

Page 67: Lean content: An effective web writing workflow

@portentintCREDIT: ZEKE MILLER, TIME REPORTER

Page 68: Lean content: An effective web writing workflow

@portentint

Grammarly

Page 69: Lean content: An effective web writing workflow

@portentint

I CONVERT

Page 70: Lean content: An effective web writing workflow

@portentint

Page 71: Lean content: An effective web writing workflow

@portentint

Huzzah!!!

Page 72: Lean content: An effective web writing workflow

@portentint

Automatic

Page 73: Lean content: An effective web writing workflow

@portentint

Automatic!!

Page 74: Lean content: An effective web writing workflow

@portentint

Automatic!!!

Page 75: Lean content: An effective web writing workflow

@portentint

Automatic!!!!

Page 76: Lean content: An effective web writing workflow

@portentint

Automatic!!!!!!!!!!!

Page 77: Lean content: An effective web writing workflow

@portentint

Publish

Page 78: Lean content: An effective web writing workflow

@portentint

Use “Text” not “Visual”

Page 79: Lean content: An effective web writing workflow

@portentint

Upload images

Page 80: Lean content: An effective web writing workflow

@portentint

Preview!!!!!!!!!

Page 81: Lean content: An effective web writing workflow

@portentint

Page 82: Lean content: An effective web writing workflow

@portentint

HOW I SQUEEZE OUT EVERY DROP OF VALUE FROM THAT CONTENT

Page 83: Lean content: An effective web writing workflow

@portentint

Re-use

Page 84: Lean content: An effective web writing workflow

@portentint@portentint

Page 85: Lean content: An effective web writing workflow

@portentint@portentint

Page 86: Lean content: An effective web writing workflow

@portentint@portentint

Page 87: Lean content: An effective web writing workflow

@portentint

time to retweet…

Page 88: Lean content: An effective web writing workflow

@portentint@portentint

Page 89: Lean content: An effective web writing workflow

@portentint

The rollup(from @seo-theory)

Page 90: Lean content: An effective web writing workflow

@portentint

Page 91: Lean content: An effective web writing workflow

@portentint

Page 92: Lean content: An effective web writing workflow

@portentint

WHERE TO PUBLISH

Page 93: Lean content: An effective web writing workflow

@portentint

SLIDESHAREVINEINSTAGRAMSCRIBDKINDLEAUDIO

Page 94: Lean content: An effective web writing workflow

@portentint

MEDIUMLINKEDIN PULSEQUORAREDDIT

Page 95: Lean content: An effective web writing workflow

@portentint@portentint

Why publish elsewhere?

Page 96: Lean content: An effective web writing workflow

@portentint

BONUS ROUND

Page 97: Lean content: An effective web writing workflow

@portentint

BONUS ROUND!

Smart quotes

“ “” ”‘ ‘’ ’

Page 98: Lean content: An effective web writing workflow

@portentint

BONUS ROUND!

Others

—–…©™

Page 99: Lean content: An effective web writing workflow

@portentint

Remember, if you use Markdown, you don’t need to learn these

Page 100: Lean content: An effective web writing workflow

@portentint

Plague words

Page 101: Lean content: An effective web writing workflow

@portentint

3E6699

END RESULT RESULTUNDER NO CIRCUMSTANCES NEVERINDEED OMITREGARDLESS OMITSIMPLY PUT OMITOBVIOUSLY OMITBEYOND A SHADOW OF A DOUBT DEFINITELY

HTTP://PORTENT.CO/PLAGUE-WORDZ

Page 102: Lean content: An effective web writing workflow

@portentint

Formatting

Page 103: Lean content: An effective web writing workflow

@portentint

BASIC LAYOUT

Page 104: Lean content: An effective web writing workflow

@portentint

BASIC LAYOUT3-6 lines/paragraph

Page 105: Lean content: An effective web writing workflow

@portentint

BASIC LAYOUT

1-3 paragraphs per heading

Page 106: Lean content: An effective web writing workflow

@portentint

Just guidelines

Page 107: Lean content: An effective web writing workflow

@portentint

TOOLS TO GET FAST

Page 108: Lean content: An effective web writing workflow

@portentint

TextExpander: Type less

Page 109: Lean content: An effective web writing workflow

@portentint

Page 110: Lean content: An effective web writing workflow

@portentint

Shortcat: Mouseless menus

SHIFT + CMD + SPACE

Page 111: Lean content: An effective web writing workflow

@portentint

Hit ENTER

Page 112: Lean content: An effective web writing workflow

@portentint

THE ADVANCED CLASS

Page 113: Lean content: An effective web writing workflow

@portentint

Github

Page 114: Lean content: An effective web writing workflow

@portentint

Github: Collaboration & versioning

Page 115: Lean content: An effective web writing workflow

@portentint

Plus Markdown previewing

Page 116: Lean content: An effective web writing workflow

@portentint

PandocConvert to Word, Kindle, PDF, HTML…

Page 117: Lean content: An effective web writing workflow

@portentint@portentint

Page 118: Lean content: An effective web writing workflow

@portentint

THE WRAPUP

Page 119: Lean content: An effective web writing workflow

@portentint

POOT

Page 120: Lean content: An effective web writing workflow

@portentint

This is a process

Page 121: Lean content: An effective web writing workflow

@portentint

2x effort now means .5x effort forever

Page 122: Lean content: An effective web writing workflow

@portentint

.5x effort = better technique

Page 123: Lean content: An effective web writing workflow

@portentint

Get in touch! I want to help!!!

Page 124: Lean content: An effective web writing workflow

@portentint

SMALL, UNMARKED BILLS ONLY

portent.com/blog@portentint

facebook.com/ian.lurie

THE LINKS: http://portent.co/lean-content