Dontget bootstrapped hoorcollege-identiteit-cmd-p1314

Post on 19-Nov-2014

296 views 1 download

description

Don't get bootstrapped. Over identiteitsontwikkeling en systemen. Branding & Design.

Transcript of Dontget bootstrapped hoorcollege-identiteit-cmd-p1314

Don’t get bootstrapped

Project 2 CMD P2013-2014 | Nicole Frank

Boot-zelfstandig naamwoord: laars, bagageruimte, hoge schoen, boot, wellingtons, bagagebak

Boot-werkwoord: trappen, laarzen aantrekken, step, kick, pedal, tread, boot

Strap-werkwoord: vastbinden, tie, tie down, fasten, rope, rope up, strap Bron: http://translate.google.nl

Opdracht

Startup, (online) visitekaartje, systeem, get bootstrap, snel, makkelijk, ziet er goed uit, keuze, responsive layout, van nu, de mensen van twitter zitten erachter, tof, sleeeeeeeekkkkk….

Project 2 CMD P2013-2014

Ik heb zitten nadenken over de website. Ik wil in ieder geval onze skills duidelijk voor het voetlicht brengen, waar we goed in zijn: interactie, code, design, End user first. Het moet duidelijk worden dat we digitale oplossingen ontwikkelen. Dat we slimme ideeën bedenken, en toepassingen maken die ertoe doen. Dat we high end producten opleveren. Maar ook gewoon dat we coole dingen maken omdat we internet snappen: liefde voor het web, kennis van het digitale, nerdy stuff etcetera. We zoeken natuurlijk investeerders die net als wij risico’s durven/willen nemen. Een goed idee is alles. We doen natuurlijk alles met een gebruiker in het achterhoofd (of op het netvlies, of op het tekenbord, you catch my drift). Misschien kunnen we iets schrijven over de voordelen van werken met een klein team (niet vastgeroest, geen overhead, directe betrokkenheid, snel inspringen op veranderingen). Buzzwords: Lean&mean. Agile ux & development. Freedom. Timeboxing. Shippable products. Prototyping method. Iets over onze werkwijze, visie, waar we voor staan, waarin we ons onderscheiden van grote bedrijven, maar juist ook van andere startups. Ik wil benadrukken dat we de inhoudelijke kwaliteit van onze producten voortdurend toetsen. User testing is belangrijk, hiermee kunnen we ons onderscheiden. Het feit dat we korte iteraties doorlopen. Veel kleine releases doen (continu en tijdig bijsturen). Een opdrachtgever komt nooit voor verrassingen te staan, we willen dat hij voortdurend nauw betrokken is en altijd op de hoogte (transparant proces). Maar eigenlijk gaat het er vooral ook om dat die website uitstraalt hoe tof we zijn. In één oogopslag moet duidelijk zijn dat we van mooie dingen houden: mooie code, mooie ideeën, mooie oplossingen. Geruisloze interactie. Potentiële investeerders moeten zien dat we leven voor het web, denken in web, web drinken. Omdat we nog geen portfolio hebben, zullen we het sowieso vooral moeten hebben van de kwaliteit van die website zelf – van de mentaliteit, energie, attitude, bravoure en lef die eruit spreken. Presentatie van het team lijkt me essentieel (misschien elk teamlid afzonderlijk?) Het kan trouwens ook heel goed werken om juist niets te zeggen, ik kwam gisteren een site tegen waarop niets stond, die site is één en al sfeer en identiteit, weinig tekst (awbymary.com). Het feit dat we klein zijn betekent niet dat we geen heldere taakverdeling hebben of niet professioneel werken, maar misschien moet dit soort informatie niet op de site. Snelheid en flexibel werken lijken me een unique selling point (energiek, niet al te formeel, gedrevenheid, wil om te leren). In ieder geval zullen we goed na moeten denken over tone-of-voice. Ik heb op ander sites rondgekeken. Je komt er vanalles tegen: who we are, wat we doen, wat we niet doen, hoe we werken, drive, passie, meet the team, The Team (met hoofdletters), core values, skills, portfolio, selected work, projects, proces, methode, aanpak, friends, likes, heroes, partners, visie, careers, manifesto…we kunnen een tagline verzinnen, die fungeert als een soort branding slogan, iets wat je niet uit je hoofd krijgt als je het eenmaal leest.

Project 2 CMD P2013-2014

Tekst cadeau

Mooi dat is geregeld

Project 2 CMD P2013-2014

http://getbootstrap.com/

Handig maar…

Project 2 CMD P2013-2014

Je online visitekaartje…

wil iets vertellen, communiceren, beroeren, enthousiasmeren, iets overbrengen, kortom, wil praten en gezien worden…..

Project 2 CMD P2013-2014

http://lukeburrage.com/temp/20120220%20bootstrapping.jpg

Helder, consistent en eigen

De identiteit van een Startup

Wat is dat, wat verwachten potentiële opdrachtgevers, investeerders en al je overige stakeholders, wie zijn dat, wanneer worden deze mensen getriggerd, wat zijn de verwachtingen rond je online/offline presentatie… daar zijn al heel veel mooie voorbeelden van… Een start up is jong (als bedrijf), fris, heeft geen historie, overhead…

Project 2 CMD P2013-2014

Stijlkenmerken van een Startup

Up to date, cutting edge, fris, eigentijds, helder, duidelijk, enthousiasmeert, plezier, energie, zegt niet teveel en niet te weinig

Project 2 CMD P2013-2014

Naam, logo, layout, kleur, typografie, beeld en woord

Project 2 CMD P2013-2014

https://www.airbnb.com/press/resources

https://www.airbnb.com/press/resources

https://www.airbnb.com/press/resources

https://www.airbnb.com/press/resources

https://www.airbnb.com/press/resources

https://www.airbnb.com/press/resources

https://www.airbnb.com/press/resources

http://business.pinterest.com/brand-guidelines/

http://www.pinterest.com/

http://www.pinterest.com/

http://www.pinterest.com/

http://business.pinterest.com/brand-guidelines/

http://business.pinterest.com/brand-guidelines/

http://www.pinterest.com/

http://www.pinterest.com/

http://www.pinterest.com/

http://www.pinterest.com/

http://business.pinterest.com/brand-guidelines/

http://blogs.skype.com/?attachment_id=56273

http://issuu.com/bondo/docs/skype_brand_book_-_look

http://issuu.com/bondo/docs/skype_brand_book_-_look

http://issuu.com/bondo/docs/skype_brand_book_-_look

http://issuu.com/bondo/docs/skype_brand_book_-_look

http://issuu.com/bondo/docs/skype_brand_book_-_look

http://issuu.com/bondo/docs/skype_brand_book_-_look

http://download.skype.com/share/blogskin/press/skype_brandbook.pdf

Helder en consistent in woord (tone of voice) en

beeld (look & feel)

Project 2 CMD P2013-2014

Mind Map Maarten Buwalda P2012-2013

Mind Map

To do: associëren en de opdracht verhelderen  

Startup

Zwart, Grijs, Wit, Ivoor, Oker, Geel, Oranje, Rood, Groen, Turquoise, Blauw, Cyaan, Paars, Lila, Roze, Magenta

Project 2 CMD P2013-2014

Naam cadeau

http://getbootstrap.com/

Layout en interactie cadeau

To do: bootstrap layout kiezen  

Ik heb zitten nadenken over de website. Ik wil in ieder geval onze skills duidelijk voor het voetlicht brengen, waar we goed in zijn: interactie, code, design, End user first. Het moet duidelijk worden dat we digitale oplossingen ontwikkelen. Dat we slimme ideeën bedenken, en toepassingen maken die ertoe doen. Dat we high end producten opleveren. Maar ook

gewoon dat we coole dingen maken omdat we internet snappen: liefde voor het web, kennis van het digitale, nerdy stuff etcetera. We zoeken natuurlijk investeerders die net als wij risico’s durven/willen nemen. Een goed idee is alles. We doen natuurlijk alles met een gebruiker in het achterhoofd (of op het netvlies, of op het tekenbord, you catch my drift). Misschien kunnen we iets schrijven over de voordelen van werken met een klein team (niet vastgeroest, geen overhead, directe betrokkenheid, snel inspringen op veranderingen). Buzzwords: Lean&mean. Agile ux & development. Freedom. Timeboxing. Shippable products. Prototyping method. Iets over onze werkwijze, visie, waar we voor staan, waarin we ons onderscheiden van grote bedrijven, maar juist ook van andere startups. Ik wil benadrukken dat we de inhoudelijke kwaliteit van onze producten voortdurend toetsen. User testing is belangrijk, hiermee kunnen we ons onderscheiden. Het feit dat we korte iteraties doorlopen. Veel kleine releases doen (continu en tijdig bijsturen). Een opdrachtgever komt nooit voor verrassingen te staan, we willen dat hij voortdurend nauw betrokken is en altijd op de hoogte (transparant proces). Maar eigenlijk gaat het er vooral ook om dat die website uitstraalt hoe tof we zijn. In één oogopslag moet duidelijk zijn dat we van mooie dingen houden: mooie code, mooie ideeën, mooie oplossingen. Geruisloze interactie. Potentiële investeerders moeten zien dat we leven voor het web, denken in web, web drinken. Omdat we nog geen portfolio hebben, zullen we het sowieso vooral moeten hebben van de kwaliteit van die website zelf – van de mentaliteit, energie, attitude, bravoure en lef die eruit spreken. Presentatie van het team lijkt me essentieel (misschien elk teamlid afzonderlijk?) Het kan trouwens ook heel goed werken om juist niets te zeggen, ik kwam gisteren een site tegen waarop niets stond, die site is één en al sfeer en identiteit, weinig tekst (awbymary.com). Het feit dat we klein zijn betekent niet dat we geen heldere taakverdeling hebben of niet professioneel werken, maar misschien moet dit soort informatie niet op de site. Snelheid en flexibel werken lijken me een unique selling point (energiek, niet al te formeel, gedrevenheid, wil om te leren). In ieder geval zullen we goed na moeten denken over tone-of-voice. Ik heb op ander sites rondgekeken. Je komt er vanalles tegen: who we are, wat we doen, wat we niet doen, hoe we werken, drive, passie, meet the team, The Team (met hoofdletters), core values, skills, portfolio, selected work, projects, proces, methode, aanpak, friends, likes, heroes, partners, visie, careers, manifesto…we kunnen een tagline verzinnen, die fungeert als een soort branding slogan, iets wat je niet uit je hoofd krijgt als je het eenmaal leest.

Project 2 CMD P2013-2014

To do: tekst ontwarren en herschrijven  

https://kuler.adobe.com/create/color-wheel/

To do: maak een kleurpalet vanuit je klaskleur  

Kleurpalet

Tool

Project 2 CMD P2013-2014

https://kuler.adobe.com/create/color-wheel/

http://colorschemedesigner.com/

http://www.webdesignermagazine.nl/inspiratie/de-99-beste-webfonts/6653/

To do: welke lettertype en welke typografie kies je?  

Typografie

Tool

Project 2 CMD P2013-2014

http://www.google.com/fonts

https://www.airbnb.com/press/resources

To do: welke fotografie?  

Fotografie

http://www.pinterest.com/

Fotografie

To do: hoe pas je je foto’s toe?  

Tool

Project 2 CMD P2013-2014 | NF

http://www.adobe.com/nl/products/photoshop.html

Eigen

Project 2 CMD P2013-2014

http://nl.moo.com/

To do: hoe voeg je alles samen, welke visuele grafische stijl?  

Tool

Project 2 CMD P2013-2014 | NF

http://www.pinterest.com/

To do: pinterestbord met inspiratie en uitgangspunten maken  

Wat maakt jouw Startup bijzonder?

Project 2 CMD P2013-2014

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://designedtomove.org/

http://nl.moo.com/

http://nl.moo.com/

http://www.wearyoubelong.com/

http://nl.moo.com/

http://nl.moo.com/

http://craftingtype.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://awbymary.com/

http://nl.moo.com/

http://nl.moo.com/

http://postagramapp.com/

http://nl.moo.com/

http://www.riseragency.com/

http://nl.moo.com/

http://designedtomove.org/

http://nl.moo.com/

http://nl.moo.com/

http://nl.moo.com/

http://startup.cmdproject.nl/

http://styletil.es/

To do: vastleggen van de visuele stijl van je Startup  

http://styletil.es/

Tool

Project 2 CMD P2013-2014

http://www.adobe.com/nl/products/photoshop.html

http://startupsthisishowdesignworks.com/

State of Mind

To do: lezen/bekijken van artikel Startups, this is how design works  

Project 2 CMD P2013-2014

To do: Mind Map, associëren en de opdracht verhelderen To do: bootstrap layout kiezen To do: tekst ontwarren en herschrijven To do: maak een kleurpalet vanuit je klaskleur To do: welke lettertype en welke typografie kies je? To do: welke fotografie? To do: hoe pas je je foto’s toe? To do: hoe voeg je alles samen, welke visuele grafische stijl? To do: pinterestbord met inspiratie en uitgangspunten maken To do: Style Tile, vastleggen van de visuele stijl van je Startup To do: lezen/bekijken van artikel Startups, this is how design works

Project 2 CMD P2013-2014 | Nicole Frank

Don’t get bootstrapped!