M I K E R U B I O E X A M E N 2 0 1 4 K E R N T A A K 1 1
Inhoudsopgave Verslag Briefing & Advies...03 Plan van Aanpak...04 Onderzoekverslag...06 Onderbouwd Concept...09 Fonts/Lettertype...10 Logo s...11 Webpagina indeling...13 Applicatie indeling...18 2
Debriefing Mike Rubio NMVGA01A Projectbeschrijving Betreft : Briefing voor het ontwikkelen van de website voor Uitgeverij Veldhoen Voor : Paul Geurts Geachte heer Geurts, Zoals besproken tijdens ons overleg, moet ik voor het examen een website maken. Voor dit project voer ik de werkzaamheden zowel op school uit als in mijn eigen tijd. Het examen bestaat uit de volgende onderdelen: - het ontwikkelen van een website en - een demo van Ipad applicatie. Voordat ik begin met het ontwerp van de website maak ik een uitgebreid onderzoeksverslag. Hierin moet een doelgroep gekozen worden en marktonderzoek gemaakt worden. De doelgroep is voor jonge mensen tussen de 12-18 jaar, het is de bedoeling om voor hun het lezen aantrekkelijk te maken. Ook maak ik een moodboard voor de sfeer en typografie die ik kan gebruiken als inspiratiebron. Aan de hand van mijn onderzoek begin ik met brainstormen en schetsen. Na het creëren van het concept zal ik dit presenteren aan de docenten, hierbij zal ik uitleggen hoe mijn ideeën tot stand zijn gekomen. Na goedkeuring van de docenten zal ik beginnen met ontwerpen. Eerste stap is het begin pagina van de website, dat is de Promotionele pagina voor het boek en vervolgens ga ik aan de slag met de download pagina met uitleg over de applicatie. Nadat ik de eerste twee pagina s heb afgerond, begin ik met het maken van het luisterboek sample. Een pagina voor het audio sample moet ook gemaakt worden en tenslotte een forum, waar mensen hun mening over het boek kunnen delen. Gedurende het project zal ik ervoor zorgen dat ik mijn eigen materiaal goed archiveer op mijn usb/harde schijf. Tevens maak ik gebruik van een backup protocol, Google Drive (voor text documenten) en OneDrive. Ook zal ik proberen hem zo overzichtelijk mogelijk en goed up to date te houden (elke dag refreshen). Hierbij let ik ook op de benaming van de bestanden (Interactive_examen). Tijdens het hele project probeer ik ook om mijzelf zo goed mogelijk te houden aan het plan van aanpak en houd ik rekening met de deadlines. Advies Als advies zou ik de website simple willen houden, maar wel met een moderne uitstraling. Tegenwoordig spreekt beeld meer dan woorden, dus zo min mogelijk text. De sfeer en de kleuren zouden moeten passen met het verhaal. De website wordt gemaakt in een CMS, Wordpress. Dat maakt het wat makkelijker om te bewerken. Graag ontvang ik van u zo een bevestiging hiervan, zodat ik zo spoedig mogelijk met het project kan beginnen. Met vriendelijke groet, Mike Rubio 3
Plan van Aanpak De opdracht dat ik moet maken voor Uitgeverij Veldhoen houdt in dat ik een concept maak, een ontwerp ontwikkel, een webpagina codeer en een Ipad applicatie bouw. Dit wordt allemaal geprodoceerd binnen 5 weken. Voor deze productie heb ik een schema gemaakt, dit toont aan wat ik ga maken binnen deze weken. Initiatie fase/kertaak 1 In deze fase maak ik een plan van aanpak en ik doe onderzoek naar de markt van mijn klant. Van de informatie van mijn onderzoek kan ik op zoek gaan naar inspiratie en voorbeelden om aan het concept van de website te werken. Ik ga een sitemap en een wireframe maken voor de website en applicatie. Het zal ongeveer een week tot anderhalve week duren om deze af te ronden. Aan het einde van deze fase, presenteer ik mijn concept aan de klant Veldhoen. De ontwikkeling fase In deze fase ga ik aan het ontwerp van de website en applicatie werken. Het ontwerp van de website gaat wat langer duren dan van de applicatie. Het ontwerp van de website ga ik maken in een CMS (Wordpress) of Adobe Muse. Het ontwerp van de applicatie ga ik maken in invision. Ik wil mij ook graag bezig houden met: - logboek van backups - inventarislijst - beschrijvingen van de opdrachten Opleveren In deze fase moet ik bijde ontwerpen presenteren. Voordat ik deze doe, ga ik de website testen en controleren of alles werkt. Ik neem ook de tijd om met de docent te praten en feedback te vragen. Zodra dit allemaal in orde is begin ik aan mijn presentatie 4
5
Onderzoeksverslag Ongeveer 90 jaar geleden bestond geen televisie of mobiele telefoon. De manier dat mensen aan nieuws kwamen was via de radio of een krant te lezen. Meestal waren er meer nieuws te lezen in een krant dan op de radio. Lezen was dus belangrijk in die tijd, maar ook al eeuwenlang. Boeken bestaan al eeuwen, zoals de bijbel en nog veel meer. En nu zijn er zelf boeken die je online kunt lezen. Lezen is belangrijk in het leven. Het is ook een manier om te communiceren. Ouders lezen verhalen uit boeken voor hun kinderen, op school lees je uit boeken, sommigen lezen boeken als hobby; en zo zijn er nog veel redenen om boeken te lezen. Een boek kan leuk, spannend, droevig, saai, romanties of verslavend zijn om te lezen. Vaak ligt het ook aan de doelgroep. Kinderen van 3 t/m 8 vinden spannende sprookjes best wel leuk. Tieners misschien wat ze zelf meemaken in het leven of juist fantasierijke boeken met een tiener karakter. Volwassenen houden wat meer van romantische, spannende boeken of boeken over documentaires, filosofie, religie en nog veel meer. Veel boeken worden uitgebracht voor het doelgroep jongeren tussen 12 en de 18 jaar oud. Zoals deze bekende boeken; Twilight-saga van Stephenie Meyer en The Hunger Games van Suzanne Collins. 6
Deze boeken worden in enorme oplages verkocht en gelezen. Schrijvers met een miljoenenpubliek kiezen natuurlijk voor de grote, bekende uitgevers. Meestal zijn deze boeken romantisch, fantasierijk en met tiener helden in de hoofdrol. De uitgeverijen promoten hun boeken via veel media uiting, op een manier dat ze hun doelgroepen makkelijk kunnen bereiken. Uitgeverij Veldhoen heeft al ruim tien jaar succes boeken voor volwassen uitgegeven. De boeken waren niet echt best sellers, maar ze erden verkocht zodat de uitgeverij kon blijven bestaan. Met de technologie van nu, lezen meeste lezers alleen nog van een beeldscherm en hierdoor is de laaste jaren de verkoop van boeken hard achteruit gegaan. Jongeren van 12 tot 18 jaar vormen een groep die moeilijk te bereiken is. Veldhoen wil zich ook in de komende jaren meer gaan richten op deze doelgroep. Uitgeverij Veldoen wil graag met een website en een ipod applicatie de aandacht van deze doelgroep trekken. Daardoor heb ik een deze vraag gesteld; Wat trekt deze doelgroep om een boek te lezen? Om deze vraag te kunnen beantwoorden, heb ik naar de website van the hunger games en the Twillight saga gekeken. Ze hadden niet echt een officiele website gebruikt om hun boeken te promoten, maar via diverse boekenwinkels, warenhuizen en hun filmen. Op hun website hebben ze wat simpele plaatjes van hun boek geplaatst, op youtube video s en informatie over hun boek en de Auteurs (schrijvers). De website is niet interactive, je kan niet veel doen. Het is een website dat mensen alleen bezoeken om informatie over de boeken te krijgen, dus meer een informatieve website. Uitgeverij Veldhoen wil dat hun website meer interactief word dan anderen, om de leesbelevenis te stimuleren door afwisselend verschillende zintuigen aan te spreken. En dat is wat de andere uitgeverij niet goed kan doen. Door de website meer interactief te maken, heeft de bezoeker meer informatie, meer mogelijkheden om het verhaal van de boeken te beleven. Het trekken van de aandacht en interesse van de bezoeker. Niet alleen dat, het is ook een manier om beter te communiceren met je klant en je boeken te promoten. Veel mensen gebruiken tablet om news te lezen en zelfs ook boeken. Met een ipad applicatie maakt je de belevenis nog interessanter. 7
Bron vermelding http://nl.wikipedia.org/wiki/boek_(document) http://www.nd.nl/artikelen/2006/februari/08/opvoeding-bepaalt-leesgedrag-van-jongeren http://www.leesmonitor.nu/wie-lezen-er http://www.thehungergames.co.uk/ http://www.thetwilightsaga.com/ 8
Onderbouwd Concept Moodboard HOya Met een moodboard creer ik de sfeer van de website. Hier krijg je ook te zien wat voor kleuren ik ga gebruiken. 9
Lettertype/Fonts A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9! & a b c d e f g h i j k l m n o p q r s t u v w x y z Helvetica Neue LT STD 33 Thin Exteded: Voor platte text A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9! & a b c d e f g h i j k l m n o p q r s t u v w x y z Helvetica Neue LT STD 63 Medium Exteded: Voor koppen en subkoppen Voor het font gebruik ik de Helvetica Neue LT STD fonts. Het is heel strak en fijn om te lezen. 10
Logo s De opdracht dat ik moet maken voor Uitgeverij Veldhoen houdt in dat ik een concept, ontwerp en het coderen van een webpagina en een Ipad applicatie, binnen 5 weken moet maken. Hiervoor heb ik een schema gemaakt met de planning van wat ik allemaal ga doen gedurende deze weken. HOya Dit is het logo van het boek Het Laaste Woord. In dit logo zie je veel elementen van het verhaal voor komen. Het is ook een manier om het verhaal in beeld te vertellen. Ik heb dit logo gemaakt, om een beeld te hebben om het boek te promoten. Normaal levert de klant de informatie over het boek en als het goed is ook beelden. 11
Dit logo is om de Uitgeverij te promoten. Het komt op het boek te staan, in de website en ook in de ipad applicatie. 12
Globale webpagina-indeling Sitemap 1 Promotie 2 3 4 Download Luisterboek Forum 1. Promotie pagina Het begin pagina van de website. Hier wordt het boek en de schrijver gepromoot. 2. Applicatie pagina - Hier kan je de applicatie van het boek downloaden - Informatie over de applicatie 3. Luisterboek pagina Hier krijg je een audio Sitemap-app demo van het boek 4. Forum Hier kunnen bezoekers hun mening delen en discussiëren Menu; 1 Het menu staat boven op één regel, horizontaal van links naar rechts. Er zijn pagina s in het menu: - Home/Promotie Intro - Applicatie, - Luisterboek - Forum De logo van het boek is midden in het menu. Het is ook 2 klikbaar. Als je er op klikt ga je naar de Home/Promotie pagina. Middenstuk; In het middenstuk komen texten en beelden te staan. Informatie Footer; 3 4 Bij de Footer komt Het Veldhoen Uitgevers logo te staan met social icons. Demo-boek Luisterboek 13
Web Frame Home Home Applicatie Luisterboek Forum Logo Logo Home De home pagina is de eerste pagina dat de bezoeker ziet. Hier krijgen ze de eerste impressie van de website en wat de website te bieden heeft. Het is dus het belangrijkste onderdeel van de website. Het boek word hier gepromoot. Mensen krijgen een beeld, informatie en de auteur van het boek te zien. Van hieruit kunnen ze naar de andere pagina s navigeren. De logo van Veldhoen zullen op alle pagina s tegen komen, om Veldhoen te promoten. 14
Web Frame Applicatie Home Applicatie Luisterboek Forum Logo Logo Applicatie In de applicatie webpagina, kunnen bezoekers de applicatie van het boek downloaden. Ze krijgen hier informatie over de applicatie, een beeld van hoe de applicatie eruit ziet en de link om de applicatie te downloaden. 15
Web Frame Luisterboek Home Applicatie Luisterboek Forum Logo Logo Luisterboek Bij de luisterboek pagina komt een media player te staan met een demo audio versie van het boek van 30 seconde. Bezoekers kunnen dit afspelen, pauzeren, terug en vooruit spoelen. Er word ook een ander voorbeeld van het boek en informatie over het luisterboek getoond. 16
Web Frame Forum Home Applicatie Luisterboek Forum Logo Logo Forum De forum is een manier om de bezoekers of liefhebbers van het boek met elkaar te laten communieser en hun ervaringen of mening met elkaar te laten delen. Hier kunnen ze ook het boek beoordelen, door tussen 1 t/m 5 sterren te kunnen geven. Door hun naam en commentaar in te vullen en op het knop plaatsen te klikken, komt hun commentaar op het Forum te staan. Ze krijgen ook informatie van hoe ze de forum moeten gebruiken. 17
Globale Applicatie-indeling Sitemap-app 1 Intro 2 Informatie 3 4 Demo-boek Luisterboek Het gebruikersinterface van de applicatie word simpel, strak en makkelijk om te gebruiken. In de applicatie kan de gebruiker een demo van het boek lezen, een audioboek van 30 seconden luisteren zoals op de website en ze kunnen ook op een link klikken waar ze de volledige digitale versie van het boek kunnen kopen. 1. Intro Het begin pagina van de applicatie. Hier krijg je de logo van het boek, de titel van de boek en de logo van de uitgever te zien. Vanaf hier kunnen de gebruiker verder gaan met de applicatie. 2. Informatie Hier krijg je informatie over de applicatie, hoe je de applicatie moet gebuiken. 3. Demo-boek Hier lees je de demo versie van het digitale boek 4. Luisterboek Hier kunnen de gebruikers de demo versie van het luisterboek afspelen 18
App Frame Intro Titel Logo Intro Bij de Intro van de applicatie word de gebruiker geintroduceert met de titel van het boek en de uitgeverij. Hier kunnen ze verder klikken om naar de volgende pagina te gaan en dit is de informatie pagina. 19
App Frame Informatie Titel Logo Informatie Hier krijgt de gebruikers informatie over de applicatie, hoe ze de applicatie moeten gebruiken, een link om de volledige digitale versie van het boek te kopen. Ook kunnen ze op het beeld van het boek klikken om het digitale demo van het boek te lezen. Ze kunnen ook van hieruit op het audio icon klikken om naar het luisterboek pagina te gaan. 20
App Frame Demo-boek Demo-boek Hier kunnen de gebruikers het demo boek lezen. Ze hebben de keuze om de lettertype van het digitale boek groter of kleiner te maken. Van uit deze pagina kunnen ze terug gaan naar de informatie pagina en naar het luisterboek pagina. Hier is er ook de link om de volledige digitale versie van het boek te kopen. Hier is er ook de link om de volledige digitale versie van het boek te kopen. 21
App Frame Luisterboek Titel Luisterboek Bij het luisterboek pagina komt een media player te staan met een demo audio versie van het boek van 30 seconde. Bezoekers kunnen dit afspelen, pauzeren, terug en voor uit spoelen. Er word ook een ander voorbeeld van het boek getoond en informatie over het luisterboek. 22
23