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.


Tekst cadeau

Mooi dat is geregeld


http://getbootstrap.com/

Handig maar…


Je online visitekaartje…

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


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…


Stijlkenmerken van een Startup

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


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


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

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

http://www.pinterest.com/

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

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)


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


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.


To do: tekst ontwarren en herschrijven

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

To do: maak een kleurpalet vanuit je klaskleur

Kleurpalet

Tool


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


http://www.google.com/fonts

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

To do: welke fotografie?

Fotografie


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


http://nl.moo.com/

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

Tool

Project 2 CMD P2013-2014 | NF


To do: pinterestbord met inspiratie en uitgangspunten maken

Wat maakt jouw Startup bijzonder?


http://nl.moo.com/

http://designedtomove.org/

http://nl.moo.com/

http://www.wearyoubelong.com/

http://nl.moo.com/

http://craftingtype.com/

http://nl.moo.com/

http://awbymary.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://startup.cmdproject.nl/

http://styletil.es/

To do: vastleggen van de visuele stijl van je Startup

http://styletil.es/

Tool


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


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!

Dontget bootstrapped hoorcollege-identiteit-cmd-p1314

Design

Transcript of Dontget bootstrapped hoorcollege-identiteit-cmd-p1314