Chantal Aafjes - 0834273
Onderzoek ABN AMRO
Inhoudsopgave Analyse Merkanalyse ..................................................... pag. 4 Concurrentieanalyse .......................................... pag. 5 Merkanalyse (beeld) .......................................... pag. 6
Stijlstudie Schetsen .......................................................... pag. 8 Digitale schetsen .............................................. pag. 10
Verantwoording Verantwoording vormgeving ............................. pag. 15
Chantal Aafjes - 0834273
Analyse ABN AMRO
Opdracht 1 | Screen Design - Productpage ABN AMRO | Chantal Aafjes 0834273
4
De website is verdeeld in 2 kolommen, in de linkerzijde staat bij elke pagina die geopend kan worden een inlogveld, zo hoeft men niet naar een bepaalde pagina om te kunnen inloggen. Op de homepage zijn veelal de meest voorkomende aanvragen al aangegeven zoals het wijzigen van je adres, of het aanvragen van internetbankieren enz. Er word bovenin de pagina gebruik gemaakt van visuele communiatie d.m.v. een grote foto met betrekking op het product waarop geklikt is. Deze kunnen verschillende onderwerpen bevatten en als men meer over het product of dienst te weten wil komen moet men op de blauwe knop klikken. Deze blauwe knoppen worden over de gehele website gebruikt met hetzelfde doel. Als men op de blauwe knop heeft geklikt komt men op de informatiepagina terecht hier is allerlei informatie te vinden. Alle links binnen deze pagina zijn in ABN Amro groen. Onderaan elke pagina is een groene band te vinden met hulpmiddelen die ABN Amro biedt aan haar klanten maar is er ook verschillende informatie en actueel nieuws over ABN Amro te vinden.
Opdracht 1 | Screen Design - Productpage ABN AMRO | Chantal Aafjes 0834273
5
De website van ABN Amro heeft net een restyle doorgemaakt waardoor er al een hoop verbeterpunten te vinden zijn ten opzichte van de Nederlandse concurrentie. De ING heeft veel tekst staan alleen al op de homepage waardoor je het overzicht een beetje kwijt raakt door alle informatie die ineens op je afkomt. De ASN Bank heeft ook veel informatie staan op de homepage maar door te werken met grotere foto’s komt de informatie niet heel erg hard op je af waardoor je weg kwijt raakt. Ook door het werken met de kolommen en deze ook te kaderen weet je welke informatie bij welk onderdeel hoort. De Rabobanksite vind ik wel overzichtelijk, de site is verdeeld in 3 kolommen en is niet schreeuwerig. Bovenin de site onder de navigatie word goed gewerkt met korte informatie waar men op kan klikken, waarna eronder verschillende artikelen met producten en diensten van de Rabobank staan. De site van Threadless heb ik erbij gezet omdat deze pagina ook voorzien is van een hoop infrmatie maar door meer visueel te werken en door een ruimere indeling wordt de informatie rustiger en duidelijker weegegeven.
Opdracht 1 | Screen Design - Productpage ABN AMRO | Chantal Aafjes 0834273
6
Univers
Times New Roman Verdana
Chantal Aafjes - 0834273
Stijlstudie ABN AMRO
Opdracht 1 | Screen Design - Productpage ABN AMRO | Chantal Aafjes 0834273
8
Opdracht 1 | Screen Design - Productpage ABN AMRO | Chantal Aafjes 0834273
9
Opdracht 1 | Screen Design - Productpage ABN AMRO | Chantal Aafjes 0834273
ABN Amro versie 1
10
Opdracht 1 | Screen Design - Productpage ABN AMRO | Chantal Aafjes 0834273
ABN Amro versie 2
11
Opdracht 1 | Screen Design - Productpage ABN AMRO | Chantal Aafjes 0834273
ABN Amro versie 3
12
Opdracht 1 | Screen Design - Productpage ABN AMRO | Chantal Aafjes 0834273
ABN Amro versie 4
13
Chantal Aafjes - 0834273
Verantwoording ABN AMRO
Opdracht 1 | Screen Design - Productpage ABN AMRO | Chantal Aafjes 0834273
15
ABN Amro versie 1 In versie 1 heb ik een soort banner gemaakt die ik de vormgeving heb meegegeven van de oude website. Ik wilde iets anders proberen dan een website vandaar dit uitzonderlijke formaat. ABN Amro versie 2 In versie 2 heb ik gekeken naar de nieuwe vormgeving van de website en heb ik verschillende pagina’s na gekeken welke elementen belangrijk zijn en blijven terug komen op de verschillende pagina’s. Ik heb er dus voor gekozen om net als in alle andere pagina’s op de websites in het linkerkolom het inlogscherm weer tegeven. Ook de footer heb ik meegenomen in het totaalontwerp, Ik heb in versie 2 vooral gekeken hoe ABN Amro de pagina’s opmaakt en heb daarom veel tekst en weinig beeld gebruikt. De knoppen die in elke pagina gebruikt worden om door te verwijzen heb ik er ook inverwerkt.
ABN Amro versie 1 ABN Amro versie 2
ABN Amro versie 3 In versie 3 heb ik de tekst vervangen door beeld, dit oogt rustiger en maakt de pagina overzichtelijker. Onderaan de drie kolommen met beeld heb ik de lange tekst laten staan omdat dit ook een duidelijke informatiebron is voor de bezoeker van de site. ABN Amro versie 4 In versie 4 heb ik vooral gekeken naar de vormgeving van de website zelf en heb daarbij een aantal dingen aangepast, zo heb ik de titels onder het beeld in versie 3 verplaatst in de illustratie zelf in een wit kader, daarnaast heb ik de kleur van het “lees meer” veranderd in het donkergroene ABN Amro kleur. Daarnaast heb ik de buttons bij productinformatie vervangen door de buttons van de markets voor Apple, Android en BlackBerry. ABN Amro versie 3
ABN Amro versie 4