Dontget bootstrapped hoorcollege-identiteit-cmd-p1314
-
Upload
nicole-frank -
Category
Design
-
view
303 -
download
1
description
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!