42
Bootstrap 2.0: Million-dollar Agency Design on a (tiny!) Nonprofit Budget

Bootstrap 2.0 - social media tulsa 2013

Embed Size (px)

DESCRIPTION

2013 social media Tulsa Conference presentation by speaker, Carlos Moreno.

Citation preview

Page 1: Bootstrap 2.0  - social media tulsa 2013

Bootstrap 2.0: Million-dollar Agency Design on a (tiny!) Nonprofit Budget

Page 2: Bootstrap 2.0  - social media tulsa 2013

www.captulsa.org

about.me / cmoreno

http://www.facebook.com/chimchim237

@chimchim237

Page 3: Bootstrap 2.0  - social media tulsa 2013

living the dream

graphic designer: cap tulsa

board member: fab lab tulsa, tulsa now

auryn creative: a startup creative firm.

Page 4: Bootstrap 2.0  - social media tulsa 2013
Page 5: Bootstrap 2.0  - social media tulsa 2013

what is Bootstrapping?

Page 6: Bootstrap 2.0  - social media tulsa 2013

Starting a business with no outside (investor) funding …running a business on as little

money as possible.

Spending money wisely: ONLY on those things that will directly contribute to launching and selling

your product.

Guiding force – what is the least needed to launch a product and test it in the real world.

Page 7: Bootstrap 2.0  - social media tulsa 2013

Spending money wisely: attempt as much as possible to only spend money on those things that will directly

contribute to furthering your mission.

Guiding force – what is the least needed to run the organization in such a way that maximum resources are

being put toward accomplishing our mission.

Page 8: Bootstrap 2.0  - social media tulsa 2013

what is design?

Page 9: Bootstrap 2.0  - social media tulsa 2013

not just making things look pretty.

design / branding helps answer the question: “what is the experience

you want your clients to have?”

Page 10: Bootstrap 2.0  - social media tulsa 2013

what is branding?

Page 11: Bootstrap 2.0  - social media tulsa 2013

markets are conversations.

branding is the context of the conversation; everything you control and everything you don’t

control.

who are you?

what do you want your clients to tell you?

what do you want to tell them?

where are these conversations happening? not physically, “where” but where in your client’s life?

Page 12: Bootstrap 2.0  - social media tulsa 2013
Page 13: Bootstrap 2.0  - social media tulsa 2013
Page 14: Bootstrap 2.0  - social media tulsa 2013

a branding guide provides structure.

a branding guide (if you follow it…) provides consistency, simplicity, and clarity of communication.

a branding guide gives you some institutional knowledge (…what to do if your designer gets hit by a bus)

Page 15: Bootstrap 2.0  - social media tulsa 2013

CAP Tulsa re-branding

Page 16: Bootstrap 2.0  - social media tulsa 2013

step1: clean and standardize the logo

Page 17: Bootstrap 2.0  - social media tulsa 2013
Page 18: Bootstrap 2.0  - social media tulsa 2013
Page 19: Bootstrap 2.0  - social media tulsa 2013

step2: standardize use of fonts.

(no more comic sans or papyrus)

Page 20: Bootstrap 2.0  - social media tulsa 2013
Page 21: Bootstrap 2.0  - social media tulsa 2013
Page 22: Bootstrap 2.0  - social media tulsa 2013

step3: build a set of colors and photos we can use.

Page 23: Bootstrap 2.0  - social media tulsa 2013
Page 24: Bootstrap 2.0  - social media tulsa 2013

step4: get some GREAT professional photographs.

Page 25: Bootstrap 2.0  - social media tulsa 2013
Page 26: Bootstrap 2.0  - social media tulsa 2013
Page 27: Bootstrap 2.0  - social media tulsa 2013

step5: put it all together.

simple shapes.

colors, fonts, from our branding guide.

keep everything simple, easy, clean, and straightforward.

Page 28: Bootstrap 2.0  - social media tulsa 2013
Page 29: Bootstrap 2.0  - social media tulsa 2013
Page 30: Bootstrap 2.0  - social media tulsa 2013
Page 31: Bootstrap 2.0  - social media tulsa 2013
Page 32: Bootstrap 2.0  - social media tulsa 2013
Page 33: Bootstrap 2.0  - social media tulsa 2013
Page 34: Bootstrap 2.0  - social media tulsa 2013
Page 35: Bootstrap 2.0  - social media tulsa 2013
Page 36: Bootstrap 2.0  - social media tulsa 2013

resources

Page 37: Bootstrap 2.0  - social media tulsa 2013

visual /design:

colourlovers.com

pinterest.

how magazine

lynda.com

Page 38: Bootstrap 2.0  - social media tulsa 2013

presentations:

prezi.

youtube / vimeo.

Page 39: Bootstrap 2.0  - social media tulsa 2013

tech:

google apps ($50 / user / year).

google adsense ($10K worth of free ads for nonprofits)

techsoup.

wordpress.

wufoo.

mailchimp.

Page 40: Bootstrap 2.0  - social media tulsa 2013

collaboration:

google apps / calendar / drive.

basecamp. highrise.

dropbox.

Page 41: Bootstrap 2.0  - social media tulsa 2013

social media (of course!):

facebook.

youtube / vimeo.

…engage, connect emotionally, tell the story.

Page 42: Bootstrap 2.0  - social media tulsa 2013