Project het Parool, Ontwerpdocument 1

Media, Informatie en Communicatie

Project het Parool

Ontwerpdocument

Britt van Dijk, Nina van Ens, Amanda Gomes Lobo, Astrid Malschaert, Odile Horn, Louelle

Smans

P123B

Tutor : Caroline Nieuwzwaag

Propedeuse 30-03-2013

Project het Parool, Ontwerpdocument 2

Project het Parool, Ontwerpdocument 3

1 Inleiding

Naast de onderdelen uit het adviesrapport, is er een ontwerpdocument opgesteld met daarin

de verantwoordingen en motivaties bij alle onderdelen van het vak Beeld. Dat

ontwerpdocument is dit document. Er zijn voor de website en de apps een aantal visuals

gemaakt aan de hand van moodboards die tijdens brainstormsessies zijn gemaakt. De

visuals voor de website hebben ieder een korte toelichting, hetzelfde geldt voor de visuals

van de apps. Ook is aangegeven van welk van de twee moodboards het meest gebruik is

gemaakt. Daarnaast is er een inspiratieverslag geschreven met daarin een korte uitleg van

de ideeëen achter het concept.

Project het Parool, Ontwerpdocument 4

2 Inspiratieverslag Inspiratie vinden voor de website en de twee apps was niet moeilijk. Van de deelnemers van

de groepsdiscussie hebben we veel tips gekregen voor de drie producten. Zo is er

bijvoorbeeld gezegd dat het lettertype op de website van “het Parool”, niet aansluit bij de

krant zelf. Dit hebben we meegenomen in het design van de website, en de bijbehorende

app. Ook hebben ze ons veel ideëen gegeven om het amsterdamse gevoel te versterken.

De respondenten hebben ons hun associatie met Amsterdam verteld, en uit die verhalen

hebben we vooral veel tips voor de inhoud van de website en de app gehaald. We hebben

geluisterd naar waar zij (de echte amsterdammers) mee bezig zijn en wat zij interessant

vinden. Op basis daarvan hebben we keuzes gemaakt voor de inhoud van de website. Het

design komt voornamelijk uit Amsterdam zelf, de kruisjes van de amsterdammertjes-

paaltjes, de voorbijgaande trams etcetera.

In de tweede app komt de inspiratie voornamelijk uit de bestaande facebookpagina

“Hartstocht in de trein”. Onze doelgroep brengt veel tijd door op het internet en dan vooral

veel op social media. En de nieuwe hype op facebook is het vinden van die ene leuke

jongen of dat ene leuke meisje via facebook. Er zijn nu al verschillende pagina’s gericht op

bepaalde steden of vestigingen. Maar ook pagina’s zoals “Hartstocht in de trein” of

“Hartstocht in het ov” zijn erg populair. Toen leek het ons een leuk idee om een app te

maken, zoals “Hartstocht in de trein” waarmee gebruikers live met hun droomjongen/meisje

kunnen chatten, zonder de ongemakkelijke stiltes.

Project het Parool, Ontwerpdocument 5

3 Moodboards met toelichting

Op dit getekende moodboard is te zien hoe wij Amsterdam en het Parool in onze website

gaan verwerken. Uit het desk- en fieldresearch is gebleken dat voor de 20 tot 35-jarige

Amsterdammers, vooral de binnenstad centraal staat. Op het moodboard is dan ook de

binnenstad een hoofdonderdeel. Dit is te zien aan de tram, het amsterdammertje in de

rechteronderhoek en ‘Boom Chicago’.

Op de website willen we ons vooral op de doelgroep richten, we willen de website jong en

fris houden. Ook willen we het amsterdamse gevoel versterken door bijvoorbeeld iedere dag

een quote van een echte amsterdammer op de website te plaatsen. Maar ook door iedere

week een column van een bekende Amsterdammer te plaatsen. Dit om de bezoekers van

de website, naast het standaard nieuws, ook iets anders te geven om elke dag naar uit te

kijken. Er is ontdekt dat dit moodboard het beste ons idee weergeeft. Dus daarom gaan we

ook vanuit dit moodboard verder werken.

Project het Parool, Ontwerpdocument 6

Dit moodboard is een verbeelding van de eerste app. De achtergrond bestaat uit een foto

van Amsterdam met daaroverheen een paar foto’s die verschillende onderdelen van de app

voorstellen. Zoals bijvoorbeeld de mogelijkheid om je locatiegegevens te delen en op die

manier te zien wat voor lunchzaakjes er in de buurt zijn met een goede beoordeling van ons

panel. Of de foto van een boek met een koptelefoon, wat het audioboeksysteem moet

voorstellen. Met dat systeem kan je naar het nieuws luisteren zonder onderbrekingen en

ingedeeld per onderwerp. Hoewel we weinig van dit moodboard gebruik hebben gemaakt,

past het wel bij de app.

Project het Parool, Ontwerpdocument 7

4 Website: visuals

Visual 1: homepage website

Deze eerste visual geeft de homepage weer. De header bovenaan de pagina is een

bewerking op de header van de huidige paroolsite. Dit om de herkenbaarheid vast te

houden en om duidelijk te maken dat deze website een onderdeel van Het Parool is. Deze

header is ook boven elk artikel te zien. Daaronder is een banner van een tram te zien met

daarin een quote, die quote is ingezonden door een websitebezoeker en wisselt dus per

dag. Onder de banner zijn verschillende vakken te zien met links naar de verschillende

artikelen. De kleur van de vakken is dezelfde als die van de header. De verschillende

lettertypes op de website is om de verschillende onderdelen van de website goed aan te

geven.

Project het Parool, Ontwerpdocument 8

Visual 2: Hutspot

Zoals uitgelegd in het concept in het adviesrapport, zijn er verschillende artikelen te vinden

op de website afgestemd op de doelgroep. Dit is een visual van het onderdeel Hutspot. Een

korte recensie met info over een wekelijks wisselend evenement/gebouw of anders.

Project het Parool, Ontwerpdocument 9

Visual 3: Column “Gebeurtenis van de week”

Deze visual geeft een van de twee wisselende columns te zien. Er is gekozen voor

verschillende opmaak tussen artikelen om elk artikel zijn eigen identiteit te geven. Wel staan

overal foto’s bij.

Project het Parool, Ontwerpdocument 10

Visual 4: “Culi-Ja/Culi-Nee”

Op deze pagina zijn de recensies van de verschillende lunchzaken/restaurantjes te vinden.

Het verschil in kleurgebruik geeft aan welke vestigingen “Culi-Ja” en welke “Culi-Nee” zijn.

Project het Parool, Ontwerpdocument 11

Visual 5: Éen pot nat

Op de laatste visual van de website is een vergelijking te zien tussen verschillende

Amsterdammers. De vakken met omschrijving van de personen is kort en overzichtelijk.

Hierdoor benadrukken we het feit dat ze alle drie verschillend maar toch Amsterdammers

zijn.

Project het Parool, Ontwerpdocument 12

5 Apps: visuals

Visual 6: App 1 “Duidelijk Amsterdams”

Deze visual laat drie verschillende schermen van de eerste app zien. Elk scherm is

compleet anders dan het vorige. Dit is gedaan om de diversiteit van de app extra te

benadrukken. Op het eerste scherm is het onderdeel AudioNieuws te zien. Hiermee kunnen

gebruikers naar het nieuws luisteren zonder onderbrekingen die je wel op de radio zou

horen. Het tweede scherm is een verkleining van de website. Hierop kunnen de gebruikers

alles lezen wat ook op de website staat. Er is ook een link naar het laatste onderdeel,

namelijk het delen van locatiegegevens en daamee ook het aangeven van evenementen of

interessante gebouwen die in de buurt zijn. Ook kan je je vrienden ermee vinden.

Project het Parool, Ontwerpdocument 13

Visual 7: App 2 “Rail2U”

Deze drie schermen geven de verschillende schermen van de app “Rail2U” weer. Op het

eerste scherm kan je registreren of inloggen. Op het tweede scherm kan je zien wie er bij je

in de trein zitten en je voorkeuren aangeven. Op het derde scherm is een voorbeeld van een

chatgesprek tussen twee reizigers te zien. Hoewel het een app is die bedoeld is voor

gebruik in de trein, is er niet gekozen voor traditionele NS-kleuren. Dit om een eigen

identiteit te creëeren. Wel bestaan de buttons uit grote letters en is er naast de app en de

advertentie geen andere informatie. Dit om de focus puur op de app te houden.