Screen Design Vodafone interface
Naam: Inge van Dam Studentnummer: 0880974 Herkansing Screen Design Datum: 7 april 2015
1
Inleiding Tijdens deze module wordt er een Intranet ontworpen voor het telecom bedrijf Vodafone. Er zijn verschillende design richtlijnen waar ik me aan moet houden tijdens het ontwerpen van het intranet. Het ontwerp proces begint bij het maken van een merk analyse,dan schetsen, het maken van stijlstudies en ten slotte de eindschermen pixel perfect maken in Photoshop.
2
Inhoudsopgave Voorpagina Inleiding Inhoudsopgave
1 2 3
Merkanalyse Schetsen
4 6
Stijlstudie Eindschermen - Inlogpagina - Dashboard pagina - Toestel sales overzicht - Detailpagina toestel - Bronnen
7 9 10 11 19 20 26
Bijlage - Iconen schetsen - Indeling schetsen - Scherm schetsen - Widget schetsen
28 29 30 31 43
3
Merkanalyse Ik ben begonnen met het maken van een merk analyse. Het merk waar deze module zich in verdiept is Vodafone. Ik had twee brand guidelines ter beschikken uit verschillende jaren. Ik heb ervoor gekozen om alleen de nieuwe versie te gebruiken uit 2013. Ik wil een intranet ontwerpen dat aansluit bij de nieuwste versie. Vodafone Group is een mobiele telefonie aanbieder en is onstaan in 1984 in het Verenigd koninkrijk, waar vandaag de dag het hoofdkantoor nog steeds gevestigd zit. Vodafone is uitgegroeid tot een van de grootste telecom bedrijven over de hele wereld en heeft mobiele netwerken in meer dan 42 landen. Vodafone is een afkorting voor Voice Data Fone. Vodafone, Power to you! De kleur rood is de hoofdkleur die bij iedereen op komt als men denkt aan Vodafone. Naast de kleur rood maakt het merk ook veel gebruik van wit en grijs tinten. De kleur rood valt daardoor erg op omdat de andere primaire kleuren van het merk minder opvallend zijn. Naast de drie primaire kleuren, heeft Vodafone ook nog 11 secondaire kleuren. Het zijn verschillende kleuren zoals geel, paars, blauw, groen en oranje. Ook zitten er nog twee grijs tinten bij. Het logo van vodafone bezit alleen de primaire kleuren van het merk. Het logo is altijd duidelijk in beeld bij Vodafone en het bevind zich vaak in een wel benoemde rhombus. De rhombus moet aan bepaalde afmetingen voldoen en mag nooit in het midden gecentreerd worden. Het valt me op dat interactieve tekst elementen er hetzelfde uitzien als de leestekst. Ik vind dat een moderne uitstraling geven, vaak kan de plaatsing van een element er al voor zorgen dat de gebruiker begrijpt dat het klikbaar is.
Vodafone Styleguide
Vodafone Power to you
Vodafone lettertype
y = x - 50% 45 º
x = 40px
45 º
InterFace DaMa Lt InterFace DaMa
InterFace DaMa Th Bold Images
Vodafone Primaire kleuren Red #E60000
Dominant
White
Grey
#FFFFFF
#4A4D4E
Ondergeschikt
Interactive
Accent
Interactive Active state
Rest state
Secundaire kleuren
Link Icons
Read more Read more
Rest state Active state
Red Violet
Aqua Blue
Spring Green
Fresh Orange
#9C2AA0
#00B0CA
#A8B400
#EB9700
Interactive
Mid Grey
#666666
Interactive
Rest state
Close Close
Active state
Dark Red
#64050A
Interactive
Rhombus never centered
Rest state
Rest state
Active state
Aubergine
Turquoise
#5E2750
#007C92
Interactive
Lemon Yellow
#FECB00
Light Grey
Black
#000000
#D9D9D9
Background
Active state
Merkanalyse 1: De basis vormgeving van vodafone Ik heb twee merkanalyses gemaakt, een voor de basis vormgeving en een voor de afbeeldingen. In merkanalyse 1 heb ik de kleuren die vodafone gebruikt verwerkt. Bij de kleuren heb ik de code’s geplaatst en de acties waarin deze kleuren worden gebruikt. Ik wil de secondaire kleuren meer gaan gebruiken bij mijn ontwerpen, ik vind dat ze vodafone unieker en enthousiaster maken. Het zijn vrolijke kleuren die passen bij het imago van vodafone. De lettertypes die vodafone gebruikt is Interface Dama in verschillende diktes en groottes. De merkanalyse spreekt eigenlijk voor zich. In merkanalyse 2 heb ik alleen maar afbeeldingen geplaatst om een beeld te geven van de sfeer van vodafone. Ik heb afbeeldingen toegevoegd van de winkel, 4
de applicatie, reclames, producten en buitenlandse producten. Ik heb zoveel mogelijk verschillende soorten afbeeldingen gezocht die het merk gevoel van Vodafone versterken. Het valt me op dat Vodafone zich veel richt op sport, tv en cultuur. Zo zie je Vodafone bijvoorbeeld bij The voice of Holland.
Merkanalyse 2: Screens
Vodafone Merkanalyse Screens
5
Schetsen Na onderzoek gedaan te hebben naar Vodafone en een merkanalyse gemaakt te hebben ben ik gaan schetsen. Ik begon met het schetsen van de iconen die in de pagina voor kunnen komen en met de indeling van de schermen. Na het kiezen van de iconen en de indeling die ik wil gaan gebruiken ben ik de verschillende pagina’s gaan schetsen. Na het schetsen van de pagina’s heb ik de verschillende widgets ook los geschetst. Ik vond het leuk om te experimenteren met de mogelijkheden van de widgets. Sommige widgets heb ik anders gemaakt dan aangegeven in het werkboek. De schetsen zitten in de Bijlage.
6
De Stijlstudie Na het maken van schetsen ben ik een stijlstudie gaan maken. Ik heb twee stijlstudies gemaakt. Een stijlstudie van elementen zoals het menu, de footer, de iconen en widget headers. In de twee stijlstudie heb ik de widgets in verschillende vormen uitgeprobeerd. Na het maken van de stijlstudie heb ik een keuze kunnen maken in de consistente vormgeving die ik wil gaan gebruiken voor mijn eindschermen. Ik wil de de kleur rood gebruiken in de header en de kopjes van de widgets. Rood is een erg belangrijke kleur voor vodafone en om de sfeer van Vodafone er in te houden wil ik de kleur rood als basis kleur behouden.
De basis van het ontwerp bestaat uit de primaire kleuren en in de widgets wil ik de secondaire kleuren gebruiken. Zo blijven de primaire kleuren de basis van het ontwerp en worden de secondaire kleuren wel goed gebruikt. De verschillende kleuren kunnen duidelijk onderscheid bieden tussen verschillende elementen in een infographic.
Stijlstudie 1: De basis elementen
7
Stijlstudie 2: De widgets In deze stijlstudie kun je zien dat ik verschillende widgets heb uitgewerkt. Ik heb geexperimenteerd met verschillende vormen en stijlen.
8
Eindschermen
9
De Inlogpagina Dit is de inlogpagina van het Vodafone intranet. 1. Als er al eens is ingelogd wordt de profielfoto van de laatst ingelogde gebruiker weergeven. De foto is groot en duidelijk waardoor de gebruiker direct kan zien of het zijn of haar account is. 2. Hier vult de gebruiker zijn gebruikersnaam in. 3. Hier vult de gebruiker zijn wachtwoord in. 4. Als de gebruiker zijn wachtwoord vergeten is kan hij op deze link klikken en wordt zo gelinkt naar het internet, waar hij zijn wachtwoord kan aanpassen. De link staat direct onder het veld waar het wachtwoord ingevuld moet worden. 5. Het wachtwoord kan opgeslagen worden zodat de gebruiker de volgende keer zijn wachtwoord niet opnieuw hoeft in te tikken. De gebruiker moet de checkbox aanvinken als hij zijn wachtwoord op wil slaan. 6. Als de invulvelden ingevuld zijn kan de gebruiker inloggen 7. Het logo van Vodafone wordt weergeven in de rhombus. 8. Als het intranet opgestart wordt draait de rhombus om de as van het logo. Hij draait een maal rechts om de as tot hij in deze positie eindigt. Het geeft een interactief en enthousiast effect. Het ronddraaien duurt niet lang waardoor het de gebruiker niet stoort.
10
Dashboard pagina Dit is het dashboard van het Vodafone intranet. Nadat de gebruiker ingelogd heeft kom hij hier terecht. 1. De Rhombus van Vodafone wordt links bovenin de header weergeven. 2. Het logo van Vodafone staat in de rhombus. Ik heb ervoor gekozen om de rhombus een vast element in de header te maken omdat het een belangrijk element is van Vodafone. 3. Deze balk is geïnspireerd op de menu balk van de huidige Vodafone website. In de balk staat weergeven dat de gebruiker zich bevindt in het Vodafone Intranet. 4. Dit is het begin van het kruimelpad. De gebruiker bevindt zich nu op de dashboard pagina en daarom staat er Dashboard. De achtergrond van de header is donker rood, een secondaire kleur. Ik heb deze kleur gebruikt om onderscheid te maken tussen de achtergrond en de rhombus en balk. 5. De foto van de ingelogde gebruiker wordt hier weergeven. Zijn naam staat rechts naast de foto. 6. De gebruiker kan hier uitloggen. 7. Dit icoon staat voor de inbox. Het gele cijfertje geeft aan hoeveel nieuwe berichten er binnen zijn. Als er op het icoon geklikt wordt verschijnen de meldingen. 8. De meldingen worden in een korte zin weergeven in combinatie met een icoon. Het icoon heeft aan wat voor soort melding het is. De envelop staat voor een nieuw bericht, de telefoon staat voor een melding over een toestel. 9. Naast het inbox icoon staan nog twee iconen. Een icoon voor de algemene instellingen en een icoon waar de instellingen van de gebruiker aangepast kunnen worden. 10. Dit is het hoofdmenu. De link naar de huidige pagina is wit in plaats van grijs zoals de andere items. Ook is de tekst in het rood. Hierdoor ziet de gebruiker in een overzicht waar hij zich bevindt. 11
11. De gebruiker wordt verwelkomt bij voornaam. 12. De widgets hebben een rode hoofdbalk. Links in de balk staat de naam van de widget. Alle widgets hebben dezelfde hoofdbalk vormgeving. De kleur rood is erg opvallend en zorgt ervoor dat de widgets duidelijk van elkaar zijn te onderscheiden. 13. In elke hoofdbalk van de widget zit een instellingen icoon. Als er op dit icoon geklikt wordt kan de gebruiker de instellingen van de widget aanpassen. Zo kn bijvoorbeeld de indeling van de infographic aangepast worden naar wens. Ook kan de gebruiker er voor kiezen om een widget niet meer te laten zien als hij deze niet nodig heeft. 14. In bij elke widget zit een link naar een andere pagina. De link heeft een consistente stijl zodat de gebruiker de link altijd direct ziet. De link is aubergine paars en staat altijd rechts onderin de widget. 15. De gebruiker kan ook nieuwe widgets toevoegen. Als de gebruiker op de plus of “widget toevoegen” klikt komt er een lijst van mogelijke widgets te voorschijn en kan hij ze gemakkelijk naar de pagina slepen. De pagina wordt vanzelf langer als er meer ruimte nodig is voor nieuwe widgets. Zo kan de gebruiker zijn dashboard inrichten zoals hij wil. Niet alle widgets zijn voor iedere gebruiker even bruikbaar. 16. De footer is donker grijs en dient alleen als afsluiting van de pagina. Ik heb er bewust voor gekozen om geen elementen in de footer te plaatsen omdat de gebruiker dan altijd naar beneden zou moeten scrollen om die opties te kunnen gebruiken. In de header staat het jaartal waarin het Vodafone Intranet voor het laatst is geupdate.
12
Widget: Jaaroverzicht De widget met het jaaroverzicht is een belangrijke widget van de dashboard pagina, deze widget komt daarom bovenaan te staan. In de widget kan de gebruiker snel zien wat de omzet is en in welke maanden de verkoop beter en slechter is gegaan. Als de gebruiker zijn muis op de grafiek houdt kan hij het precieze bedrag zien. Ik heb er bewust voor gekozen deze grafiek hetzelfde te maken als in het screen design werkboek. Het is een duidelijke en overzichtelijk grafiek. De drie verschillende lijnen heb ik verschillende kleuren gegeven. Zo is het verschil duidelijk te zien. Ik heb er wel een nieuw element aan toegevoegd. Rechts onderin kun je nu gemakkelijk door de jaren heen klikken. Zo kunnen de verschillende jaren vergeleken worden. Als de gebruiker op downloaden klikt, wordt er een spreadsheet gedownload.
13
Widget: Top sellers In deze widget kan de gebruiker zien welke toestellen op dit moment populair zijn. Ik er bewust voor gekozen om deze widget heel anders te maken dan de widget in het screen design werkboek. Ik heb foto’s van de telefoons toegevoegd zodat de gebruiker een beter beeld kan vormen. De meest populaire telefoon is het grootst weergeven. Boven de telefoon staat een icoon dat aangeeft of de telefoon gestegen, gedaald of gelijk gebleven is in rang. In dit geval is de plaats van de Iphone 6 gestegen in de ranglijst. Onder de telefoon staat de naam van het model en het merk. Ook staat er weergeven hoeveel stuks er verkocht zijn. Met de pijltjes kan de gebruiker gemakkelijk navigeren door de telefoons. Er worden vijf telefoons tegelijk weergeven zodat het overzichtelijk blijft. Als de gebruiker op de rechter pijl klikt verspringt de tweede telefoon naar voren en komt er de 6de in ranglijst in beeld aan de rechter kant. Zo kan de gebruiker door klikken. In de widget in het screen design werkboek werd er een top 10 weergeven. Ik heb de widget bewust toestel top genoemd omdat alle toestels bekeken kunnen worden.
14
Widget: Abonnementen Deze widget heb ik hetzelfde gemaakt als in het screen design werkboek. Ik heb andere stijlen en grafieken geprobeerd tijdens het schetsen en in de stijlstudie maar ik vindt dit de meest bruikbare vormgeving. Een cirkeldiagram is duidelijk en overzichtelijk. De gebruiker ziet de verschillen in een overzicht en kan met zijn muis bekijken welke percentages de stukken hebben in de cirkel.
15
Widget: E-commerce De E-commerce widget heb ik anders gemaakt dan in het screen design werkboek. Ik heb er een staafdiagram van gemaakt. Hierdoor kan de gebruiker gemakkelijker het verschil zien per dag omdat de staafdiagrammen verschillende kleuren hebben. De verkoop cijfers staan onder het diagram.
16
Widget: Web analytics In deze widget kan de gebruiker de statistieken rondom de website pagina’s bekijken. Ik heb deze widget anders gemaakt als in het screen design werkboek. In het werkboek is het een lijst die niet gemakkelijk te lezen is in een kleine widget. De pagina’s worden hier stuk voor stuk weergeven. Het begint bij de eerste pagina, sales. Er staat een screenshot van de pagina bij zodat de gebruiker direct een beter beeld geeft over welke pagina het gaat. De views, tijd en view% staan er naast weergeven. Met de pijlen kan de gebruiker snel door de verschillende pagina’s heen navigeren.
17
Widget: Sales Nieuws In deze widget wordt het laatste nieuws weergeven. Ik heb deze widget hetzelfde gemaakt als in het screen design werkboek. Het geeft een kort stukje weer van de drie meest recente berichten. De datum staat erbij zodat de gebruiker kan zien hoe recent het bericht is. Door op “lees verder” te klikken komt de gebruiker bij het bericht. De titels zijn opvallend zodat de gebruiker snel de kopjes kan lezen en kan beslissen of hij het bericht verder wil lezen.
18
Toestel sales overzicht Dit is de toestel sales overzicht pagina 1. De header is consistent op iedere pagina. 2. Dit is het kruimelpad. De pagina waar de gebruiker zich nu bevindt is het meest rechts en wit. De vorige pagina’s van het kruimelpad zijn grijs zodat er een onderscheid is tussen de vorige pagina’s en de huidige pagina. 3. De titel van de pagina. 4. De optie “Sales” is uitgeklapt en er is een optie uit het dropdown menu geselecteerd omdat de gebruiker zich op die pagina bevindt. De huidige pagina optie is rood zodat de gebruiker in een oog opzicht kan zien waar hij zich bevindt. 5. De merken van de toestellen zijn verdeeld over verschillende tabbladen. Ik heb er bewust voor gekozen om deze pagina anders in te delen dan aangegeven in het screen design werkboek. De horizontale tabbladen zorgen ervoor dat de pagina niet heel lang wordt en de informatie overzichtelijk blijft. De gebruiker kan zo gemakkelijk tussen de merken heen navigeren zonder elementen steeds in en uit te hoeven klappen. Het tabblad dat geopend staat is wit en de gesloten tabbladen zijn rood. De pagina start bij het populairste telefoon merk van dat moment zodat de kans groter is dat de gebruiker direct op het goede tabblad zit. Met betrekking tot het scenario van het screen design werkboek kan de gebruiker Peter hier op het tabblad Samsung klikken. 6. Het logo van het merk staat direct onder de naam van het merk. 7. De algemene informatie van het merk staat direct naast het logo weergeven. 8. Hier staan de modellen die het merk verkoopt met de naam van het toestel, start verkoop, verkoop totaal en de prijs. De modellen worden weergeven in een ranglijst. Rechts in de paarse balk kan de weergave aangepast worden. Als de gebruiker de optie “Ranglijst” uitklapt kan er ook gekozen worden voor een raster overzicht. 9. De modellen staan in een ranglijst onder elkaar. 10. De link naar de detailpagina van het geselecteerde model.
19
Detailpagina toestel Dit is de toestel sales overzicht pagina 1. De header is consistent op iedere pagina. De titel van de pagina is nu de naam van het toestel. 2. Het kruimelpad is weer aangepast op de huidige pagina. De verkorte naam van het toestel model wordt hier weergeven zodat het kruimelpad overzichtelijk blijft. In dit geval is de Samsung Galaxy S5 White verkort tot Samsung > Galaxy S5. 3. De toestelinfo kan gedownload of geprint worden. 4. De optie “Sales” is uitgeklapt en er is een optie uit het dropdown menu geselecteerd omdat de gebruiker zich op die pagina bevindt. De huidige pagina optie is rood zodat de gebruiker in een oog opzicht kan zien waar hij zich bevindt. 5. Op deze pagina kan de gebruiker net zoals bij het dashboard meerdere widgets toevoegen. Het kan zo zijn dat de gebruiker meer specifieke informatie van toestellen wil hebben en hier widgets van wil toevoegen. Ook kunnen widgets verwijderd worden om alleen de noodzakelijke info te weergeven.
20
Widget: Algemene toestel informatie & populariteit telefoon In deze widget heb ik twee widgets samengevoegd. De widget geeft een overzicht van de basis info van het toestel. Ik vind het niet nodig om een widget op zich te maken voor de populariteit dus heb ik het samengevoegd bij de algemene toestel informatie. De populariteit is ook een stukje van de algemene informatie van de telefoon. Ik heb drie verschillende afbeeldingen van de telefoon toegevoegd, een afbeelding van de voorkant, de achterkant en de zijkant. Als de gebruiker op de afbeelding klikt, verschijnt de afbeelding in het groot. Naast de afbeeldingen heb ik de basis informatie van het toestel geplaatst. Dit lijkt enigszins op het voorbeeld uit het screen design werkboek. Ik heb de beschikbare kleuren toegevoegd. Ik denk dat het voor de gebruiker ook een belangrijk gegeven is dat hij weet in welke kleuren het model beschikbaar is. Onder de info heb ik direct een link naar het toestel geplaatst. Naast de info staat een populariteit meter. De cold, safe & hot meter uit het screen design werkboek vond ik erg ouderwets klinken. Ik heb er een populariteit meter in percentages van gemaakt. Het vlak is een soort van maatbeker die gekleurd is tot het percentage populariteit. Dit toestel is erg populair met een percentage van 75%. In de maatbeker staat specifieke informatie over het aantal verkochte toestellen.
21
Widget: Periodieke verkoopcijfers De periodieke verkoopcijfers worden weergeven in een lijn grafiek. Ik heb dat net zo gedaan als in het screen design werkboek. Een lijn grafiek geeft een duidelijk beeld van de verschillende onderdelen. De verkoopcijfers kunnen gefilterd worden op land, provincie, regio en gemeente. In het screen design werkboek kun je kiezen uit die gegevens. “verkoop per gemeente” staat geselecteerd maar de gebruiker kan dan helemaal geen gemeente invullen of selecteren? De gebruiker weet dus helemaal niet over welke gemeente het gaat. Ik heb daar iets op verzonnen. Boven de grafiek staan vier knoppen waarbij de gebruiker kan kiezen tussen landelijk, per provincie, per regio of per gemeente. Als de gebruiker erop klikt komt er een drop down menu te voor schijn en kiest hij direct een land, provincie, regio of gemeente. In het voorbeeld is het land Nederland al geselecteerd. Zo kan de gebruiker nu bijvoorbeeld klikken op “verkoop provincie”, dan komt er een dropdown menu te voor schijn met alle provincies uit Nederland. Dan klikt de gebruiker bijvoorbeeld op Groningen en dan komen de periodieke verkoopcijfers van Groningen tevoorschijn. Met de Maand/Jaar switch kan de gebruiker daar nog tussen kiezen. Ook kan de gebruiker navigeren door de jaren en maanden heen. De grafiek staat nu ingesteld op Maart 2015, met de pijlen kan de gebruiker er doorheen navigeren. Onderin de widget staat een legende met de kleuren van de lijnen.
22
Widget: Abonnement aandeel Deze widget heb ik anders gemaakt dan het voorbeeld uit het screen design werkboek. In het werkboek wordt het abonnement aandeel weergeven in een cirkeldiagram. Ik vond het leuk om hier iets anders te proberen. Ik vind een cirkeldiagram ergs overzichtelijk en duidelijk maar ik wilde graag iets anders proberen omdat ik ookal een cirkeldiagram heb gebruikt op de dashboard pagina. Ik heb ervoor gekozen om het abonnement aandeel te weergeven in sim-kaartjes. Er zijn vier verschillende abonnementen en daarom heb ik vier sim-kaarten getekend. In de “chip” van de simkaart staat het type abonnement en op de rand staat het percentage abonnementen in dat type. Het is gemakkelijk en overzichtelijk voor de gebruiker.
23
Widget: Bezoekers Productpagina In deze widget kan de gebruiker zien hoeveel bezoekers de productpagina heeft gehad. In het screen design werkboek wordt deze widget weergeven als staaf diagram maar ik heb ervoor gekozen om er een grafiek van te maken zodat de cijfers beter af te lezen zijn. Het gele vlak geeft het aantal bezoekers aan dat daadwerkelijk de pagina heeft bekeken. Het blauwe vlak geeft het aantal bezoekers aan. Links bovenin staat het aantal bezoekers van de huidige dag.
24
Widget: Hardware specificaties In deze widget kan de gebruiker de hardware specificaties van het toestel bekijken. Ik heb er voor gekozen om deze widget hetzelfde te maken als in het screen design werkboek. Ik heb eerst zelf iets geprobeerd met sterren maar dat pastte naar mijn idee niet bij Vodafone. Rechts boven in staat soft, medium of strong, een algemene beschrijving van de telefoon. Deze telefoon is gemarkeerd als “strong”. De leeftijd van het toestel wordt weergeven in een lijn die is nu ongeveer tot 30% gekleurd. De prestaties, het beeldscherm, de camera en de OS worden ook beoordeeld in deze widget. Hoe meer de balk gekleurd is, hoe beter dat onderdeel scoort. Zo scoort dit model erg hoog met de prestaties en het beeldscherm.
25
Bronnen Merkanalyse: Wikipedia. (2015, 5 maart). Vodafone Group. Geraadpleegd op 4 april 2015 van, http://nl.wikipedia.org/wiki/Vodafone Vodafone Rhombus. (2014). Vodafone Ghana Gedownload op 13 januari 2015 van, https://discover.vodafone.com.gh/theme/mainCss/en/img/menu/ rhombus-wide.png Vodafone Afbeeldingen. (2014). Vodafone Nederland Gedownload op 13 Januari 2015 van, https://www.vodafone.nl/shop/mobiel/telefoon/abonnement/ samsung-galaxy-s5-4g-black.shtml?&abonnement=red-essential-d2jr Schiedam Centrum. (2014). Vodafone. Gedownload op 27 maart 2015 van, http://www.schiedamcentrum.nl/winkel/vodafone/ The actor Factory. (2014). Marketingacties. Gedownload op 27 maart 2015 van, http://www.acteurs.nl/marketingacties.html Dooh solutions & services. (2014). Artimpression vodafone winkel. Gedownload op 27 maart 2015 van, http://www.dooh.nl/project/artistimpression-vodafone-winkel/ All about phones. (2014, 6 februari). Vodafone komt met eigen betaaldienst in Nederland. Gedownload op 27 maart 2015 van, http://www.allaboutphones.nl/nieuws/24636/vodafone-komt-met-
eigen-betaaldienst-in-nederland.html Vodafone. (2015). Vodafone connect pen K4201. Gedownload op 27 maart 2015 van, https://loja.vodafone.pt/homephone/pack.htm?pid=108110&nome=Vodafone-Connect-Pen-K4201 Simony Badges. (2013). Tube Lanyards. Gedownload op 27 maart 2015 van, http://www.simoney.co.uk/tube-lanyards-1-colour-print.html Ebay. (2015). Decoder digitale terrestre full HD vodafone tv solution usb wifi PVR. Gedownload op 27 maart 2015 van, http://www.ebay.nl/itm/DECODER-DIGITALE-TERRESTRE-FULLHD-VODAFONE-TV-SOLUTION-USB-WIFI-PVR-/301065211326 Aliexpress. (2014). McLaren racing jack. Gedownload op 27 maart 2015 van, http://nl.aliexpress.com/popular/mclaren-racing-jacket.html Vodafone op Facebook. (2015). Vodafone Nederland. Gedownload op 27 maart 2015 van, https://www.facebook.com/VodafoneNL?fref=ts Overige bronnen: https://www.welcombij.nl/samsung-galaxy/alle-samsung-galaxysmartphone-modellen.html https://www.apple.com/nl/iphone-6/ http://www.gjamjanssen.nl/wp-content/uploads/2014/03/man-300x268. 26
jpg http://upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Apple_ logo_black.svg/834px-Apple_logo_black.svg.png
27