OIM Webdesign P1 Kevin Borghmans Klas: A5T
Get Inspired
Inhoudsopgave
1. Merk Document Kernwaarde voor ICT & Media Design
1. Merk document -Kernwaarde
-BBT Formule -Wat verkoopt de opleiding -Moodboard -Sitemap
2. Doelgroep analyse -Achre types: De jonge student
-Achre types: Middleage student -Achre types: Docent
3. Website analyse -Slechte website’s
BBT Formule
Wat moet er als belofte, bewijs en beeld weg gezet worden door de opleiding. Dat wordt hieronder verwoord door middel van een nette opsomming.
-Desinger website’s
Belofte: Als opleiding bij ICT & Media Design wordt het de bedoeling om in 4 jaar je opleiding te halen. Het wordt op een leuke creatieve / Flexibele manier gedaan. Als je met ambitie en doorzetting ’s vermogen binnen komt is het makkelijk haalbaar.
-Schoolsites
Bewijs: • Je kan makkelijk aan een baan komen • Je gaat veel te maken krijgen over innovatie • Je leert out of the box te denken • Open werksfeer • Persoonlijk gericht •
Docenten komen uit het vakgebied
Toonzetting: • Persoonlijk • Creatief • Warme kleuren voor een fijn positief gevoel
2
3
Wat verkoopt de opleiding
Moodboard
We willen ervoor zorgen dat de opleiding aantrekkelijk wordt gemaakt door de sfeer die het brengt. Die zeer persoonlijk en gezellig is. We gaan ervoor zorgen dat je een leuke tijd hebt in 4 jaar en dat je geen nummertje bent. Daarnaast ondersteunen we jou als persoon en willen we ervoor zorgen dat je erna makkelijk aan een baan kan komen.
4
5
Sitemap
2. Doelgroep Analyse De doelgroep van de opleidging zal zijn voor studenten. Maar ook moeten we docenten kunnen aanspreken zodat deze geïnteresseerd zijn om te komen werken bij ICT & Media design. hiervoor is er een grote range met verschillende archetypes. Daarin wordt duidelijker beschreven wie zich in de doelgroep bevinden. De leeftijd range dan de doelgroep zal vallen tussen 16 t/m 55 jaar. De leerlingen in de range zal vallen van 16 t/m 30 gemiddeld. Ze zijn vooral geïnteresseerd in het vak dat ze hier ook willen gaan studeren. Ze hebben een laag inkomen omdat ze studeren, Daarnaast kunnen ze niet veel werken. De meeste gaan op kamers in de stad waar de school bij in de buurt zijn. Vaak hebben de studenten ook al zelf veel te maken met media oa. Tablets, Laptops/Desktops en smartphones. De docenten wonen al vaak samen met hun geliefde of vrouw. Ze hebben een modiaal inkomen en zijn geïnteresseerd om het vak te geven aan de studenten. De leeftijdrange zal gemiddeld liggen tussen de 30 t/m 55. Deze mensen hebben ook al vakkennis.
Archetypes: De jonge student: De leeftijd van de gemiddelde student is 17 jaar oud. Ze hebben vaak al veel mee gekregen met media. Dat komt omdat ze opgegroeid zijn in het media tijdperk. Daardoor hebben ze ook veel kennis al met de op dit moment meest gebruikte tools en houden ze zich ook bezig met de ontwikkelingen van tools. Vaak denken ze na over hun status met hun spullen die ze hebben. Vaak willen ze al wat van media bij hebben om er bij te kunnen horen zoals een smartphone. Vaak De doorsnee student woont nog bij zijn ouders alleen als het niet kan gaan ze op kamers. Maar als ze moeten reizen houden ze rekening met hun kledingstijl en wat voor tassen ze kopen. Gewoon wat voor uitstraling dat ze willen laten zien. Ze hebben niet al te veel geld omdat ze graag hun geld uit willen geven om te kunnen tekenen. Vaak is het probleem ook dat ze alles zelf moeten betalen en bijna niet kunnen werken. Ze studeren fulltime en hebben daarom met geluk een baantje voor in de avond. Sociaal media speelt een grote rol in het leven van een student. Als creatieve uitlaat klep vaak voor de creatieve student. Hier wordt hij ook geprikkeld door veel verschillende inspiratie bronnen. Maar hieruit kunnen we eruit ophalen dat ze gemiddeld 1 minuut op een website zitten om deze te bekijken en informatie eraf te halen of het interessant genoeg is om er op rond te blijven kijken. De toegankelijkheid speelt een grote rol voor ze willen graag hun tijd aan andere dingen besteden oa gamen of met hun vrienden wat afspreken. Vaak zijn ze energiek in hun omgaan met alles en brengen een drukke sfeer met zichzelf mee. In de avond komen de studenten tot leven, Ze zijn vaak avond mensen. De studenten zijn moeilijk te motiveren om hun opdrachten op tijd af te hebben. Ze raken overigens gefrusteerd wanneer dingen niet lukken of ze worden heel de tijd afgekapt. Ze willen graag dat er ook naar hun geluisterd word. Ze worden namelijk volwassen en daardoor willen ze graag dat er een persoon naar ze luisterd. Ook hebben ze vaak energie te veel omdat de meeste heel de dag in klas hebben gezeten en dan kunnen ze hun energie niet kwijt. Daardoor raken ze gefrustreerd en kan alles er ineens uitknallen als een bom die barst.
6
7
Refelectie voor de website
De Docenten:
Voor de school is het mooi want ze kunnen een goede sfeer overbrengen ze houden van energie en gezelschap het moet simpel zijn maar ook interesse wekken zodat ze op de website blijven om meer informatie te zoeken Het moet simpel te navigeren zijn dat ze ook alles kunnen vinden anders vinden ze het zonde van hun tijd.
De gemiddelde docent heeft de leeftijd van 35+. Ze hebben vaak een modaal inkomen daar starten ze mee. De Docent heeft een compleet ander leven als een leerling. Ze hebben veel verantwoordelijk heden omdat de docenten vaak een familie gestart heeft, Op zichzelf woont. Hier komen heel veel onkosten bij kijken, daarnaast willen ze sparen.
De middle-age Student:
Het vervoer wat ze dagelijks gebruiken is Vaak hun Auto dat is ook veel anders dan voor het openbaar vervoer. Hierdoor kan je ook beter op de site zette dat er genoeg parkeerplaatsen zijn en dat deze goed bereikbaar zijn.
Deze student zit in de gemiddelde leeftijd van 22 jaar oud. Tussen de student van de gemiddelde leeftijd en de 17 jarige, hebben ze al veel verschillen in hun leefstijl,
De docenten gebruiken vaak linkedin om een kring op te bouwen van contacten. Daar kunnen ze later altijd gebruik van maken. Het zou handig zijn als er een link van staat op de website zodat ze ook via de school waar ze kunnen gaan werken contacten kunnen onderhouden. En de van de school ook kunnen gebruiken.
De student van 22 jaar oud woont al op zichzelf of hij heeft al de plannen om dat te gaan doen. Daar horen al andere financiën bij, hij moet al veel meer rekening houden met waar hij zijn geld aan uitgeeft. Hij moet daarom ook boodschappen doen de aldi om geld te besparen.
Naast hun auto hebben ze vaak ook een smartphone en een laptop en andere digitale spullen om hun werk uit te kunnen voeren. Daarvoor hebben ze ook veel te maken met het dagelijks nieuws en allerlei andere
De student heeft wel een goede energie en motivatie om ergens aan te beginnen dat komt door zijn ervaring die hij opdoet bij zijn werk. Ook heeft hij veel kennis op kunnen doen in zijn stage bij bedrijven waar hij van alles heeft geleerd in het bedrijfsleven. Hierdoor heeft hij een andere persoonlijke stijl.
De docent heeft ook veel te maken vaak met een hele hoop werk na dat die klaar is op school dat komt doordat hij vaak dingen thuis moet nakijken of alles goed gedaan is. Vandaar dat ze vaak een kantoor/ studie ruimte heeft.
Deze student heeft veel meegekregen van de media. Hij is er in opgegroeid. Daardoor heeft hij veel kennis van Social Media en invoer apparaten die gelinkt zijn met het internet. Ze zijn veel met andere mensen bezig en mede studenten. Hierdoor kunnen ze al vaker iets makkelijker samen kunnen werken. De student kan beter met zijn geld omgaan. Dit vertaald in het feit hij spaart en oplet waar hij het aan uitgeeft. Hij gaat nog wel vaak uit en is sociaal met zijn mede student
Refelectie voor de website Voor de school is het mooi want ze kunnen een goede sfeer overbrengen ze houden van energie en gezelschap het moet simpel zijn maar ook interesse wekken zodat ze op de website blijven om meer informatie te zoeken Het moet simpel te navigeren zijn dat ze ook alles kunnen vinden anders vinden ze het zonde van hun tijd.
In zijn vrije tijd spreekt hij graag af met zijn vrienden en speelt hij games. Voor de rest gaat hij ook wel eens met zijn vrienden een biertje drinken in de stad. Daar drinkt de student veel verschillende dranken en houd van dingen uitproberen. Met het uitproberen test hij vaak verdovende middelen. Ze leven nu in een stijl dat alles nu nog kan want als je oud bent gaat dat vaak niet meer. De student reis vaker met zijn eigen vervoer omdat hij het openbaar vervoer vervelend vindt. Ze hebben een rijbewijs en kunnen ook een aanschaf van een kleine gebruikte auto veroorloven. Dat vinden ze heel fijn want het openbaar vervoer is niet altijd meer een optie om mee te reizen. Als deze student voor iets gaat dan springt hij er met alle touwen in. Hij pakt de kansen die hij ziet en wilt het ontwikkelen. Wel als het gaat om de passie voor het vak of opleiding die ze gaan volgen. Ze willen ook vaak dat alles met de trend mee gaat helemaal als het gaat om ICT. Als de ICT opleiding ze niet voor kan bereiden op nieuwe de nieuwe aanbod in de markt slaan ze die vaak af. Naast het aanbod moet het er heel tof en aantrekkelijk uitzien. Alles hoeft er niet te zakelijk maar ook niet te speels uitzien. Het moet redelijk professioneel overkomen.
Refelectie voor de website De middle age student heeft veel dezelfde overeenkomsten met de jongere student. Daardoor kan er minder rekening gehouden worden met verschillende.het enige wat wel zeer handig is wat ik hier uit kan halen dat er mschn ook nog een contact systeem in wordt gebouwd of een link naar facebook en een twitter feed
8
9
Website analyse
Slechte websites: Website 1: http://www.reforms.net/
De website is heel overzichtelijk want het is minimalistisch. Maar het is te minimalistisch er is geen navigatie. Niks op de hele website vermeld iets over wat voor bedrijf het is of iets van een huisstijl. Hierdoor is er niks duidelijk wat voor bedrijf het is of wat ze doen. Ze kunnen beter de site iets uitbreiden zodat je kan zien wie ze zijn en wat ze doen . Grid: Refroms heeft 1 grid precies in het midden. Waar het plaatje en de site teksten precies in valt. Het plaatje en de tekst zijn er goed in uitgelijnt Witruimte: Het gebruik van de witruimte is goed gedaan de website is simpel en kaal Typografie: Van de typografie is weinig te zeggen er is weinig tekst. De letters die er staan zijn van een strak lettertype dus duidelijk en leesbaar Beeld: Het beeld van de site is zeer minimalistisch ze hebben alleen een afbeelding en als die naar de volgende foto switcht gebeurt dat door een animatie van 3d blokken die bewegen. Illustratie: Er zijn geen illustraties op de website.
10
11
Designer websites:
Website 2: http://cavs.mit.edu/
Website 1(Arsthanea): http://www.arsthanea.com/
Cavs.MIT.EDU is een afschuwelijke site. Het lijkt of ze een grid gemaakt hebben maar niet gebruiken. Alle items op de site staan er willekeurig op. Daarnaast is de navigatie heel raar er zijn niet echt iets van button’s alleen als je op go to_hoverd zie je een paar tekst button’s verschijnen. Het is alsof ze nergens geen rekening mee gehouden hebben. Er is geen huisstijl
Arsthanea is een website van een bedrijf in polen maar de website is gewoon in het Engels. Ze maken ontwerpen en sollutions voor allerlei grote internationale bedrijven. Het is zeer strak en aantrekkelijk, de site heeft de focus punt gelegd op de afbeelding.
Grid: Ze hebben een grid op de website staan meer ze maken er geen gebruik van.
Grid: Arsthanea maakt gebruik van een verticaal maar ook een horizontaal grid. Dat kan je zien hoe de website in elkaar zit
Witruimte: Alles staat heel vreemd bij elkaar op de site en ik krijg er geen goed gevoel bij het geeft geen rust.
Witruimte: De witruimtes zijn netjes in elkaar gezet het creëert rust op de site en maakt alles overzichtelijk.
Typografie: Met de typografie maken ze gebruik van verschillende type’s maten en en kleur.
Typografie: Ze hebben een heel strak lettertype op hun site en dat geeft een zakelijk gevoel.
Beeld: Alles in het beeld werkt niet het beweegt, stuitert of is op een andere manier zeer vervelend.
Beeld: Voor het grafisch beeld hebben ze netje alles er in staan de huisstijl klopt, Het logo staat op de site en de kleuren zijn verwerkt. Ze hebben voor zwart/antraciet gepakt zodat alle kleuren er goed uitspatten.
Illustratie: De illustraties slaan nergens op en ik zou niet weten wat ze te maken hebben met de website
13
14
Website 2(Digital Telepathy): http://www.dtelepathy.com/
Website 3(Friiio): http://frii.io/#0
Friiio is een Fresh design studio op de markt en dat zie je terug in hun ontwerp. Hun kleur gebruik voelt aan als een net strak bedrijf dat betrouwbaar is en nog jong op de markt. Hierdoor voelt het aan dat ze een frisse nieuwe blik kunnen hebben op de markt en deze kunnen toepassen.
Digital Telepathy is een website die opgemaakt is in de nieuwe fasion. Heel het scherm is gevuld met een rustig afspelend filmpje op de achtergrond. De rest is zo simpel en duidelijk te vinden je hebt een menu knop rechts in het scherm die opent een menubalk als je erop klikt. Het logo is duidelijke in de linker boven hoek
Grid: Ze hebben niet echt een grid gebruikt omdat het als een grootte foto in beeld staat en voor de rest is het best clean
Grid: Ze hebben gebruikt gemaakt van 1 grid die verticaal in de site staat. Het raster zal waarschijnlijk bestaan hebben uit 3 stiks
Witruimte: De site is een en al witruimte ze hebben er bijna niks opstaan en het is zeer fijn voor het oog. Je ziet gelijk wat opvalt en meer is niet nodig
Witruimte: Witruimte heeft de site niet nodig het is al zo leeg dat alles netjes en overzichtelijk erop staat.
Typografie: Typografie is strak en netjes zakelijk en strak.
Typografie: Typografie is strak en netjes zakelijk en strak.
Beeld: Friiio is heel sterk hun verhaal zakelijk te vertellen in hun plaatjes. De site zelf is ook heel strak en goed overzichtelijk.
Beeld: Het beeld dat de website laat zien is dat alles ook al is het strak dat het allemaal klopt en minimalistisch goed kan zijn. Er zijn veel aantrekkelijk aspecten die je kan trekken naar deze website.
15
16
Website 4(Dang&Blast): http://dangblast.com/
Website 5(AndersDrage): http://andersdrage.com/
Dang&Blast is een design bureau ze hebben ongeveer de zelfde opbouw als de Friiio site. Heel simpel en strak maar toch komt het net iets anders over dan hun ze hebben een ander kleurcontrast en willen een anderen boodschap overbrengen.
Andersdrage is een site van een ontwerper. Deze site is een keer anders dan andere site’s. deze site maakt puur gebruik van plaatjes van wat de designer heeft gemaakt op een witte achtergrond en de tekst die hij erop heeft staan is zwart.
Grid: Ze hebben niet echt een grid gebruikt omdat het als een grootte foto in beeld staat en voor de rest is het best clean
Grid: De site heeft gebruikt gemaakt van horizontale en verticale grid’s voor uitlijning Witruimte: De site is een en al witruimte ze hebben er bijna niks opstaan en het is zeer fijn voor het oog. Je ziet gelijk wat opvalt en meer is niet nodig
Witruimte: De site is een en al witruimte ze hebben er bijna niks opstaan en het is zeer fijn voor het oog. Je ziet gelijk wat opvalt en meer is niet nodig
Typografie: Typografie is strak en netjes zakelijk en strak.
Typografie: Typografie is strak en netjes zakelijk en strak.
Beeld: De sfeer van de site is heel zakelijk en het komt heel rustig over. Hij heeft een aparte huisstijl anders dan anderen. De site scrolled van links naar rechts ipv boven naar beneden. Alles is perfect uitgelijnt en een keer net anders wat er wel goed uitziet en pas voor deze type site
Beeld: Ze hebben op hun site een strak uiterlijk als een bedrijf die zich wilt focussen op digitale ervaringen van de gebruiker en bouwen daarom makkelijke UI’s die voor iedereen te gebruiken zijn. Dat zie je terug op hun site maar ook met hun werk.
17
18
.Website 3(HKU): http:// http://www.HKU.nl/
School websites Website 1(inholland): http:// http://www.inholland.nl/
De HKU heeft meer weg van een echte kunstopleiding met wat informatie die ze tonen maar ook met creaties waar studenten mee bezig zijn. Het geeft een fijn gevoel voor een kunstenaar het is misschien iets te zweverig maar met de goede combinatie kan er iets heel netjes uit komen. De HKU gebruikt van hele neutrale kleuren zodat de afbeeldingen heel sterk naar voren komen.
Inholland heeft een nette strakke website. Er staat heel veel informatie op de site en het is niet heel erg overzichtelijk in mijn mening: voor de rest met kleur en plaatjes gebruik ziet het er goed uit en je hebt alle verschillende soorten van contacten op de pagina om er mee in connectie te blijven.
Website 2(NHTV): http:// http://www.nhtv.nl/
NHTV heeft een strakke simpele website met een paar links en heel veel plaatjes ze hebben een tille oosrt van layout deze is simpel en overzichtelijk om te zien. De huisstijl heeft goede kleuren het komt menselijk en betrouwbaar over maar ook heel erg innovatief met goede foto’s die ze gebruiken op hun site.
19
20
