bootstrap 2.0 - social media tulsa 2013
DESCRIPTION
TRANSCRIPT
![Page 1: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/1.jpg)
Bootstrap 2.0: Million-dollar Agency Design on a (tiny!) Nonprofit Budget
![Page 2: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/2.jpg)
www.captulsa.org
about.me / cmoreno
http://www.facebook.com/chimchim237
@chimchim237
![Page 3: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/3.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/4.jpg)
![Page 5: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/5.jpg)
what is Bootstrapping?
![Page 6: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/6.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/7.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/8.jpg)
what is design?
![Page 9: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/9.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/10.jpg)
what is branding?
![Page 11: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/11.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/12.jpg)
![Page 13: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/13.jpg)
![Page 14: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/14.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/15.jpg)
CAP Tulsa re-branding
![Page 16: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/16.jpg)
step1: clean and standardize the logo
![Page 17: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/17.jpg)
![Page 18: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/18.jpg)
![Page 19: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/19.jpg)
step2: standardize use of fonts.
(no more comic sans or papyrus)
![Page 20: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/20.jpg)
![Page 21: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/21.jpg)
![Page 22: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/22.jpg)
step3: build a set of colors and photos we can use.
![Page 23: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/23.jpg)
![Page 24: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/24.jpg)
step4: get some GREAT professional photographs.
![Page 25: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/25.jpg)
![Page 26: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/26.jpg)
![Page 27: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/27.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/28.jpg)
![Page 29: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/29.jpg)
![Page 30: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/30.jpg)
![Page 31: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/31.jpg)
![Page 32: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/32.jpg)
![Page 33: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/33.jpg)
![Page 34: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/34.jpg)
![Page 35: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/35.jpg)
![Page 36: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/36.jpg)
resources
![Page 37: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/37.jpg)
visual /design:
colourlovers.com
pinterest.
how magazine
lynda.com
![Page 38: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/38.jpg)
presentations:
prezi.
youtube / vimeo.
![Page 39: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/39.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/40.jpg)
collaboration:
google apps / calendar / drive.
basecamp. highrise.
dropbox.
![Page 41: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/41.jpg)
social media (of course!):
facebook.
youtube / vimeo.
…engage, connect emotionally, tell the story.
![Page 42: Bootstrap 2.0 - social media tulsa 2013](https://reader031.vdocuments.mx/reader031/viewer/2022020306/547d8ff2b4af9ff0098b4736/html5/thumbnails/42.jpg)