Stageverslag Studio Vruchtvlees

36
STAGEVERSLAG 8/11 - 1/12 STUDIO VRUCHTVLEES LUCAS LOBKER 0835713 - CMD3D

description

Stageverslag van Lucas Lobker over de stageperiode bij Studio Vruchtvlees in Den Haag

Transcript of Stageverslag Studio Vruchtvlees

Page 1: Stageverslag Studio Vruchtvlees

STAGEVERSLAG8/11 - 1/12

STUDIO

VRUCHTVLEES

LUCAS LOBKER0835713 - CMD3D

Page 2: Stageverslag Studio Vruchtvlees

2

Page 3: Stageverslag Studio Vruchtvlees

3

Leuk dat je hebt gekozen om de eerste bladzijde om te

slaan van mijn stageverslag. Hierin staat een groot deel

omschreven van een stukje uit mijn leven. Namelijk,

mijn stageperiode bij Studio Vruchtvlees: Een leuk,

jong, energiek bureau die met veel plezier bedenkt en

ontwerpt. Tussen september 2011 en januari 2012 ben ik

hier aangeschoven om ook het bovenstaande te vervullen.

Ondanks de lange dagen (9 uur werken, 2 uur reizen), heb

ik het super naar mijn zin gehad, en had in het begin al

meteen het gevoel dat ik hier op mijn plek zat.

Als je het aandurft om nog een paar bladzijden om

te slaan, kom je iets meer te weten over mij, over

Vruchtvlees en natuurlijk wat ik daar allemaal heb

uitgespookt.

Veel leesplezier!

Page 4: Stageverslag Studio Vruchtvlees

4

Page 5: Stageverslag Studio Vruchtvlees

5

INHOUDSOPGAVE

OPDRACHTEN

Over Studio Vruchtvlees

Jacobshospice

Reflectie

Stichting AIGHT Flybird Corrida Urbana Brasil

Over mijzelf

Vruchtvlees website

Feedback

Boekhoudpakket voor destartende ondernemer

Jongerius BakkeriPad app

Mijn werkplek

Prius

CMYK poster

BLZ. 6 BLZ. 8 BLZ. 11

BLZ. 12 BLZ. 16 BLZ. 20

BLZ. 24

BLZ. 31

BLZ. 34 BLZ. 35

BLZ. 32 BLZ. 33BLZ. 30

BLZ. 28BLZ. 26

Page 6: Stageverslag Studio Vruchtvlees

6

LUCAS LOBKER

Opleiding:Communication Multimedia Design

School:Hogeschool Rotterdam

Stageperiode:September 2011 - januari 2012

Adres:Bergweg 365 A1

3038 AA Rotterdam

Telefoon:06 - 51168278

E-mailadres:[email protected]

Website:www.misterlucas.nl

Page 7: Stageverslag Studio Vruchtvlees

7

LUCAS LOBKER

Voor de huidige opleiding aan de Hogeschool Rotterdam, heb ik een vierjarige opleiding gevolgd aan het Grafisch

Lyceum in Rotterdam. Op deze opleiding heb ik twee stages gelopen.

De eeste stage was bij Studio11 in Maasdijk. Een redelijk klein bedrijf met 2 werkgevers, 1 vaste werknemer en 2

partimers. Zij richtten zich enkel tot het ontwikkelen van websites. De stage was vooral technisch en met name frond-

end development.

De tweede stage was bij ARA in Rotterdam. Een groot bedrijf met toendertijd tegen de 100 man waar ik op een

afdeling zat die met name de uitwerking deed. Deze afdeling had ongeveer 12 man en werd de studio genoemd. Op de

studio was ik vooral een flashdeveloper maar hier was de stage ook vrij technisch en uitvoerend.

Omdat ik erg blij was met de eerste stage dat daar weinig personeel was en dus een redelijk intieme samenwerking,

was ik voor deze stage ook opzoek naar een klein bedrijf die veel te bieden heeft. Ook was ik op zoek naar een stageplek

waar ik meer kon ontwerpen en meer kon doen aan conceptontwikkeling.

Roman Stikkelorum van Vruchtvlees is een oud collega van mij van het zaterdag baantje wat ik heb, in een

tekenvakhandel in Den Haag. Het is al een tijdje zo dat ik verschillende websites maak voor Vruchtvlees, maar verder

was ik nooit op een andere manier in contact gekomen met ze. Na Roman gesproken te hebben dat ik nog opzoek was

naar een stageplek bood hij aan dat ik bij hen kon stagelopen. De sollicitatie vond vervolgens plaats en het klikte van

beide kanten.

Op 13 september 2011 was mijn eerste stagedag en daarvoor heb ik de volgende stagedoelen vastgesteld:

- Ik wil graag een ontwerp maken voor een klant, het daarbij het klantencontact.

- Ik zou graag een magazine willen maken voor een iPad.

- Voor een website zou ik graag een betalingssysteem willen maken.

- Ik wil het volledige proces bijwonen met een klant, van concept tot uitwerking.

- Ik zou graag willen leren ontwerpen op de manier hoe Vruchtvlees dit doet, met de bijbehordende tools en tips.

Page 8: Stageverslag Studio Vruchtvlees

8

STUDIO VRUCHTVLEES

Stagebegeleider:Michael Danker

Bedrijf sinds:2007

Bedrijvigheid:Grafisch ontwerp

Adres:Binckhorstlaan 36 (unit M154)

2516 BE Den Hag

Telefoon:070 - 7851734

E-mailadres:[email protected]

Website:www.vruchtvlees.com

Page 9: Stageverslag Studio Vruchtvlees

9

STUDIO VRUCHTVLEES

Studio Vruchtvlees is een grafisch vormgeef bureau wat zich vooral richt op de culturele sector van Den Haag. De

oprichters Michael Danker, Rindor Golverdingen en Roman Stikkelorum zijn in 2007 tijdens hun studie aan de

kunstacademie begonnen met dit bedrijf. Hun eerste werzaamheden richtten zich vooral op het ontwerpen en maken

van t-shirts en daar de merchandising en verkoop van. Daarnaast behoorde het ontwerpen van drukwerk, huisstijlen

en websites ook hun werkzaamheden, wat ze tegenwoordig nog alleen maar doen.

Een greep uit een aantal grote klanten zijn het Nederlands Dans Theater, Nirov, Heineken, Paard van Troje, Patronaat,

Blend Magazine, Freshcotton en Eigen huis & Interieur. Daarnaast zijn er ook verschillende kleinere dingen, zoals

flyers voor feesten en werkzaamheden voor mensen in de Bink.

Naast dat Studio Vruchtvlees ontwerpen maakt, hebben ze ook een bepaalde identiteit waarmee ze ook veel

naamsbekendheid genereren en een plek in de Haagse cultuur.

Zo zijn ze heel actief op Facebook, brengen ze om de paar maanden een mixtape uit met een bekende DJ, organiseren

ze zelf feesten en draaien ze regelmatig in verschillende uitgaansgelegenheden.

Om een goed beeld te krijgen naar wat ze allemaal doen:

www.vruchtvlees.com

Page 10: Stageverslag Studio Vruchtvlees

10

Page 11: Stageverslag Studio Vruchtvlees

11

Dit is het kerstpakket wat ik heb gekregen:

Een chocoladeletter, chinees bier,

cheesecake, snoepjes, een mok,

erwten, een kerstmannenbaard, een

poncho, nepsneeuw, knalvuurwerk,

kroepoek en een blad: Jommekes

Internetboek.

De hardware waarmee ik heb gewerkt:Ik begon de stage op een Mac laptop en na een week was

er voor mij een iMac aangeschaft.

Zelf heb ik altijd gewerkt op een Windows PC, dus dit was

ook heel goed om mee te leren werken.

Verder heb ik een aantal keer voorbeelden gemaakt

voor posters, dus ik heb ook moeten snijden, plakken en

knippen.

De software waarmee ik heb gewerkt:Ik heb met name gewerkt met Adobe Photoshop,

Illustrator, InDesign en Dreamweaver.

Daarnaast heb ik programma’s gebruikt als Suitcase

Fusion voor de lettertypes, XAMPP voor websites en

VMware Fusion voor het virtueel draaien van Windows.

WERKPLEK

Studio vruchtvlees bevind zich in de Bink36, twee gebouwen waar creatieve bedrijven zich hebben gevestigd om met

elkaar samen te werken. Dit bevind zich op de Binckhorstlaan in Den Haag. De studio bevind zich op de eeste etage

van het ‘magazijn’, het tweede gebouw. De ruimte waar we met zijn vieren hebben gezeten, is ongeveer 4 bij 7 meter. Ik

heb zelf aan een bureau gezeten naast het raam, waar ik heb gewerkt op een iMac die speciaal voor mij is aangeschaft.

Zo hebben we in een ruimte gezeten met z’n vieren, dus vier bureau’s, en een vergader / eettafel. Elke maandagochtend

werd er een lijst uitgeprint met alle klanten die ze hebben. Vervolgens werd elke klant even genoemd en besproken

we wat de status daar van was. Zo werd er voorkomen dat er een klant werd vergeten, kwam je op het idee om contact

op te neemen de klant om weer eens even je gezicht te laten zien, wist je waar je collega’s mee bezig waren en kon je

desnoods iets van iemand overnemen of diegene daar mee helpen.

De lunch deden we zogezegd aan de vergadertafel. Elke dag was er vers brood en waren er hele lekkere dingen om op

brood te doen. Ik hoefde dus niet mijn eigen brood mee te nemen: dit was dus ook super verzorgd.

Page 12: Stageverslag Studio Vruchtvlees

STICHTING AIGHT

AIGHT heeft in de regio Haaglanden een spilfunctie op het gebied van hiphop en de organisatie staat dan

ook bekend als het expertisecentrum. In 2003 werd de stichting opgericht om de positieve kanten van hiphop te laten zien aan een zo groot mogelijk publiek. Vanuit

de thuisbasis, het Haags HipHop Centrum (H3C) waar lessen en workshops in graffiti, rap en DJ’ing

worden gegeven, geeft AIGHT hieraan invulling. Met verschillende projecten & evenementen op locatie én in

het H3C toont AIGHT hoe krachtig hiphop is.

Page 13: Stageverslag Studio Vruchtvlees

13

STICHTING AIGHT

Opdrachtomschrijving:Voor stichting Aight was voor mij de opdracht om een poster / flyer te maken waarin de stichting duidelijk kan

maken welke activiteiten ze doen en een sfeer te creeren wat de stichting uitstraalt. De stichting organiseerd vooral

workshops, evenementen en heeft projecten om hiphop in een goed daglicht te zetten.

Proces:Eerst begon ik met schetsen, om te kijken in welke vorm ik dit het beste kan doen. Ik heb al een voorbeeld gekregen

waarbij een A3 naar een A6 wordt gevouwen waar aan de ene kant een poster staat en aan de andere kant in elk

vakje een stukje tekst. Dit leek mij een goed voorbeeld en heb ik dus toegepast op mijn flyer. Ik heb het wel net iets

anders gedaan, ik heb namelijk de A6’jes horizontaal gedaan, zodat de flyer ook makkelijk kan staan als de flyer is

opgevouwen.

Na feedback van Vruchtvlees heb ik de volgende ontwerpen gemaakt die vervolgens zijn voorgelegd aan de klant:

Stichting AIGHT brengt sinds 2003 de positive kant van hiphop naar Den Haag. Met een eigen Hiphop centrum (H3C) waar de vier

elementen van hiphop (DJ-ing, Breakdance, Graffiti en Rappen) onder begeleiding of zelfstandig getraint worden. Daarnaast

worden evenementen zoals ILOVEHIPHOP, Jamminí On Beat en Bomb The Planet

georganiserd. Het Haags Graffiti Platform en Kweekvijver zijn lang lopende projecten

waarbij professionalisatie centraal staan.

In het H3C kunnen leerlingen workshops volgen onder

begeleiding van professionele docenten. Daarnaast

bieden we ze vrijtrainingen waarbij ze zelfstandig een

eigen stijl kunnen onwikkelen. Ook verzorgt AIGHT

workshops op scholen en voor bedrijven. Ervaren

leerlingen worden ingezet op evenementen om zich

verder te ontwikkelen tot professional.

Het Haags Hiphop Centrum (H3C), Haags Graffiti

Platform(HGP) en de Kweekvijver zijn AIGHTS parade

paarden. Het H3C is het workshop centrum waar de

leerlingen de workshops afnemen. Het HGP is opgericht in

samenwerking met "meldpunt graffiti" van gemeente Den

Haag om graffiti terug te dringen met o.a. legale

oefenplekken. Met de Kweekvijver worden jonge talenten

opgeleid tot workshopdocenten of zelfstandig ondernemer.

Voor meer informatie:

www.aight.nuof kom eens langs op het H3C!

Het aanbod aan evenementen dat AIGHT organiseert

voor de jeugd is enorm, een greep uit de lijst: Jammin On

Beat waarbij spectaculaire moves de boventoon voeren is

een internationale breakdance competitie. Graffiti Jam

"Bomb The Planet" is een samenkomst van ervaren en

beginnende schrijvers die onder het genot van hiphop

DJ's live graffiti maken. Het I LOVE HIPHOP festival is de

grote finale waar alle evenementen bij elkaar komen.

- Evenementen -

- Projecten -

- Workshop -

Hiphop solutionshiphop - graffiti - breakdance

Stichting AIGHThiphop - graffiti - breakdance

Stichting AIGHThiphop - graffiti - breakdance

Ontwerpvoorstel 3: Fresh blueEen kleurrijke samenstelling van en kleurrijke

samenleving met afbeeldingen van de vele disciplines

waar Aight voor staat.

Ontwerpvoorstel 1Mijn eerste voorstel was een stoere,

donkere flyer, waarbij de graffiti met

de elementen de overhand hebben en

waarbij de foto’s ook goed naar voren

komen, door middel van de donkere

achtergrond en de witte rand om de

foto’s heen.

Ontwerpvoorstel 2Daarnaast heb ik een ontwerp gemaakt die draait om grote foto’s als achtergrond.

Hiervoor heb ik twee verschillende foto’s gebruikt die beiden een andere discipline

uitlichten. Ook heb ik in de vorm van een A verschillende elementen bij elkaar gezet.

Ontwerpvoorstel 4: Tough freedomEen stoer overzicht van alle disciplines met een grote foto

op de achterkant die niet alleen de laat zien wat Aight

doet, maar ook de samenhorigheid onderstreept.

Stichting AIGHT brengt sinds 2003 de positive kant van hiphop naar Den Haag. Met een eigen Hiphop centrum (H3C) waar de vier

elementen van hiphop (DJ-ing, Breakdance, Graffiti en Rappen) onder begeleiding of zelfstandig getraint worden. Daarnaast

worden evenementen zoals ILOVEHIPHOP, Jamminí On Beat en Bomb The Planet

georganiserd. Het Haags Graffiti Platform en Kweekvijver zijn lang lopende projecten

waarbij professionalisatie centraal staan.

In het H3C kunnen leerlingen workshops volgen onder

begeleiding van professionele docenten. Daarnaast

bieden we ze vrijtrainingen waarbij ze zelfstandig een

eigen stijl kunnen onwikkelen. Ook verzorgt AIGHT

workshops op scholen en voor bedrijven. Ervaren

leerlingen worden ingezet op evenementen om zich

verder te ontwikkelen tot professional.

Het Haags Hiphop Centrum (H3C), Haags Graffiti

Platform(HGP) en de Kweekvijver zijn AIGHTS parade

paarden. Het H3C is het workshop centrum waar de

leerlingen de workshops afnemen. Het HGP is opgericht in

samenwerking met "meldpunt graffiti" van gemeente Den

Haag om graffiti terug te dringen met o.a. legale

oefenplekken. Met de Kweekvijver worden jonge talenten

opgeleid tot workshopdocenten of zelfstandig ondernemer.

Voor meer informatie:

www.aight.nuof kom eens langs op het H3C!

Het aanbod aan evenementen dat AIGHT organiseert

voor de jeugd is enorm, een greep uit de lijst: Jammin On

Beat waarbij spectaculaire moves de boventoon voeren is

een internationale breakdance competitie. Graffiti Jam

"Bomb The Planet" is een samenkomst van ervaren en

beginnende schrijvers die onder het genot van hiphop

DJ's live graffiti maken. Het I LOVE HIPHOP festival is de

grote finale waar alle evenementen bij elkaar komen.

- Evenementen -

- Projecten -

- Workshop -

Hiphop solutionshiphop - graffiti - breakdance

Stichting AIG

HT brengt sinds 2003 de

positive kant van hiphop naar Den H

aag. Met

een eigen Hiphop centrum

(H3C) w

aar de vier elem

enten van hiphop (DJ-ing, B

reakdance, G

raffiti en Rappen) onder begeleiding of

zelfstandig getraint worden. D

aarnaast w

orden evenementen zoals ILOV

EH

IPHOP,

Jamm

iní On Beat en B

omb The Planet

georganiserd. Het H

aags Graffiti Platform

en K

weekvijver zijn lang lopende projecten

waarbij professionalisatie centraal staan.

In het H3C kunnen leerlingen w

orkshops volgen onder

begeleiding van professionele docenten. Daarnaast

bieden we ze vrijtrainingen w

aarbij ze zelfstandig een

eigen stijl kunnen onwikkelen. Ook verzorgt A

IGH

T

workshops op scholen en voor bedrijven. E

rvaren

leerlingen worden ingezet op evenem

enten om zich

verder te ontwikkelen tot professional.

Het H

aags Hiphop Centrum

(H3C), H

aags Graffiti

Platform(H

GP) en de K

weekvijver zijn A

IGH

TS parade

paarden. Het H

3C is het workshop centrum

waar de

leerlingen de workshops afnem

en. Het H

GP is opgericht in

samenw

erking met "m

eldpunt graffiti" van gemeente D

en

Haag om

graffiti terug te dringen met o.a. legale

oefenplekken. Met de K

weekvijver w

orden jonge talenten

opgeleid tot workshopdocenten of zelfstandig ondernem

er.

Voor meer inform

atie:

ww

w.aight.nu

of kom eens langs op het H

3C

!

Het aanbod aan evenem

enten dat AIG

HT organiseert

voor de jeugd is enorm, een greep uit de lijst: Jam

min On

Beat w

aarbij spectaculaire moves de boventoon voeren is

een internationale breakdance competitie. G

raffiti Jam

"Bom

b The Planet" is een samenkom

st van ervaren en

beginnende schrijvers die onder het genot van hiphop

DJ's live graffiti m

aken. Het I LOV

E H

IPHOP festival is de

grote finale waar alle evenem

enten bij elkaar komen.

- Evenementen -

- Projecten -

- Workshop -

Hip

hop

solu

tion

shi

phop

- gr

affi

ti -

brea

kdan

ce

Page 14: Stageverslag Studio Vruchtvlees

14

De klant was erg te spreken over de A die uit al die elementen bestaat en dat wil hij er graag inhouden. De blauw van

ontwerpvoorstel 3 vindt hij te ‘baby’ blauw en moet dus anders worden. Daarnaast had ik de verschillende disciplines

een andere kleur gegeven, maar de opdrachtgever wenste dit om dit niet te doen, maar dit wat meer naturel te doen.

Van Vruchtvlees kreeg ik de feedback om de flyers op te gaan maken in Illustrator en InDesign in plaats van Photoshop

waar ik gewend ben om in te werken, omdat je het dan meteen drukklaar kan maken, de bestanden niet te groot zijn en

de bestanden makkelijk zijn aan te passen.

Ik kreeg ook de mogelijkheid om een PMS kleur toe te voegen aan de poster. Dit is een vijfde drukgang (naast CMYK)

wat een fluor of metallic kleur zou kunnen zijn. Ik heb besloten om een zilver te gebruiken voor de A en de losse

elementen op de pagina’s, omdat ik zilver goed vind passen bij een zachte kleur blauw en het een stoere uitstraling

heeft.

Ontwerpvoorstel 5:Vervolgens heb ik dus de kleur

aangepast aan de kleur van de

afbeelding op de achterkant. Ook

heb ik een voorbeeld gemaakt hoe de

zilver er ongeveer uit zal gaan zien

door er een verloopkleur in te zetten.

De kleuren zijn nu ook een stuk

neutraler, wat er voor zorgt dat de

afbeeldingen beter naar voor komen

en de inhoud, overzichtelijker zal

worden.

Feedback van Vruchtvlees:dat komt hier...

Feedback van de klant:De klant is erg tevreden over het eindresultaat. Met name ook de fexibiliteit waarmee een samenwerking wordt

gevoerd en het gewoon kunnen binnen lopen met feedback en zelf voor een praatje.

Page 15: Stageverslag Studio Vruchtvlees

15

Drukklaar maken:De flyer moest natuurlijk uiteindelijk naar de drukker. Omdat Vruchtvlees veel ervaring heeft met drukwerk en ik zo

goed als niets, hebben ze mij geleerd hoe ik een overlaprand kan instellen, hoe ik een PMS kleur kan kiezen, hoe de

afbeeldingen moeten worden opgeslagen voor de beste kwaliteit, welke hulplijnen er nodig zijn en hoe het bestand

geexporteerd en aangeleverd dient te worden.

Ontwerpvoorstel 6:Na nog een paar kleine aanpassingen, waaronder het optimaliseren van de elementen die meer

naar de zelfde stijl zijn getrokken, is dit het eindresultaat geworden.

Eindresultaat:Uiteindelijk vind ik het een mooie poster geworden, die de hiphopcutuur goed weerspiegeld en daarbij de juiste toon

aanslaat. Omdat dit mijn eerste opdracht was waarmee ik de stage begon is het ontwerp van de poster misschien niet

in de stijl van Vruchtvlees, maar neemt het feit net weg dat ik hier veel van heb geleerd. Zowel de professionaliteit van

een opdracht met de ontwerpvoorstellen, feedbackrondes en de druktechnieken, als het omgaan met de klant, de klant

adviseren, het krijgen van kritiek en je verplaatsen in een bepaalde doelgroep.

Page 16: Stageverslag Studio Vruchtvlees

FLYBIRD

Flybird specialiseerd zich in creatieve accesoires in de vorm van handgemaakte

leren tassen. Elk ontwerp is exclusief voor de collecite gemaakt en geproduceerd door Franky Boateng en zijn team in Den Haag.De collectie gaat van casual tot eigentijds

ontwerp en van handgemaakte kunst tot een tas op maat en smaak gemaakt.

Page 17: Stageverslag Studio Vruchtvlees

17

FLYBIRD DESIGN

Opdrachtomschrijving:Flybird had een website die veel beperkingen had en op veel vlakken de plank mis sloeg. Ook wel te noemen als een

website die niet op de toekomst was gericht. Er was een apparte website waar de producten werken gepresenteerd die

uit 1 pagina bestond, en daarnaast was er een wordpress blog met een standaard template waar de lifestyle op werd

gepresenteerd. De opdracht voor mij, was om van de website het blog, 1 website te maken, en dat de tassen die op de

website stonden, aangepast konden worden.

Proces:Na de briefing ben ik begonnen met ontwerp wat er was afgesproken: De website met het blog samenvoegen. Daarbij

heb ik de website qua vormgeving iets verbeterd. Daarnaasat leek het mij wel goed om ook een ander voorstel te

maken voor een nieuw, verbeterd ontwerp wat veel meer van deze tijd is en echt een stijl kan uitstralen.

Voormalige websiteEen pagina, niet dynamisch, een langzame slider, veel

dingen niet in verhouding en weinig uitlijning.

+

Voormalige blogEen standaard Wordpress template en is dus niet in de

zelfde stijl als de website.

Ontwerpvoorstel 1Bij dit ontwerp heb ik me strikt gehouden aan de

opdracht. De website moest ten eerste een menu krijgen

om het blog in kwijt te kunnen en de pagina’s die er nog

meer op de blog stonden moeten hier uiteraard ook in

komen.

Het globale ontwerp heb ik zo gelaten, alleen qua

verhoudingen en uitlijningen is dit iets geoptimaliseerd,

waaronder het formaat van de pijlen, de ruimte tussen

bijvoorbeeld het logo en de collectietekst, etc. Ook heb

ik het stikselrandje van het logo laten terugkomen in de

pagina voor een bepaalde speelsheid.

Page 18: Stageverslag Studio Vruchtvlees

18

Feedback van de klant:Na het zien van het tweede ontwerp, koos de klant vrijwel meteen voor dat ontwerp. Hij was het met mij eens, dat dit

ontwerp veel meer is gericht op de toekomst, dat de schermindeling een betere hiërarchie heeft en dat de website meer

persoonlijkheid heeft. Hij vond wel dat de zwarte rand om de foto’s te aanwezig was en dat het wel subtieler mocht en

daarnaast vond de klant het menu nog een beetje zweven.

Feedback van Vruchtvlees:Bij het contact met de klant spreek je namens een bedrijf, dus spreek je in de wij-vorm, zodat je kan laten zien dat we

met meerdere mensen aan een opdracht werken.

Content Management System:Naast dat de website er goed uit moest zien, was het ook de bedoeling dat de klant zelf de inhoud van de website kon

bijhouden. Ik heb ervoor gekozen om voor deze klant het CMS custom te maken. Zo zullen er geen onnodige functies

zitten in het CMS en heeft de vormgeving de zelfde stijl als de website en is daarom goed te gebruiken.

Ontwerpvoorstel 2Bij dit ontwerp ben ik meer gaan kijken naar hoe de

website er in zijn ideale vorm uit zou moeten komen zien:

- De tassen groot op de website

- Een homepagine met alle inhoud verzameld en een

menu waar meer informatie gevonden kan worden

- Een bestelpagina met een formulier waarbij de tassen

gemakkelijk te selecteren zijn

- Een Google Maps kaartje

- Mogelijkheid om met PayPal te betalen

Page 19: Stageverslag Studio Vruchtvlees

19

Ontwerpvoorstel 3Uiteindelijk is dit het ontwerp

geworden. De layout heeft een

duidelijke menubalk gekregen in

de zelfde lijn met de vormgeving.

Ook heb ik voor de aankleding

nog verschillende banieren er in

gezet, is er ook bordeaux rood

gebruikt om de website meer

warmte te geven en is de slider

iets vereenvoudigd, zodat de

tassen beter naar voren komen.

PatroonDit patroon wat op de achterkant

staat heb ik gemaakt voor op de

website, achter het blok waar de

tassen staan. De klant vond dit

zo’n mooi patroon, dat hij heeft

gevraagd of ik dit patroon kon

uitwerken in een vectorbestand,

zodat hij het kan gebruiken als

voering voor tassen!

Kijk op de website:

www.flybird.nl

Bestelformulier:De oude website had een formulier

waar je zelf je gegevens in diende te

vullen en welke producten je wilde

hebben. Omdat dit snel verkeerd kan

gaan zullen er niet veel mensen dit

vertrouwen.

Bij het nieuwe formulier zullen de

stappen veel problemen uit handen

nemen en is het vrijwel meteen

duidelijk wat de bedoeling is.

Selecteer de producten en de prijs

wordt automatisch uitgerekend.

Vervolgens kan er eenvoudig gekozen

tussen het betalen met PayPal of een

handmatige overboeking.

Mochten mensen hebben gekozen

voor PayPal maar dit blijkt toch nog

lastig te zijn, dan blijft het formulier

op de achtergrond staan, zodat er

altijd nog de handmatige overboeking

gedaan kan worden.

Eindresultaat:De klant is zeer tevreden over de

website en heeft nu het gevoel dat

zijn bedrijf naar een nieuw niveau

kan gaan. Hij had nog wel moeite met

het werken met de editor in het CMS,

maar daar heb ik een handleiding

voor geschreven zodat hij hier ook

mee kan werken. Verder vond ik het

fijn dat er persoonlijk contact was

met de klant en dat ik hem ook heb

kunnen adviseren.

Page 20: Stageverslag Studio Vruchtvlees

CORRIDA URBANA BRASIL

Letterlijk vertaald is het Straatrace Brazilië en dit is een organisatie dat net als straatraces in Rotterdam en Moskou een race gaat organiseren in Rio de Janeiro. Het startende

bedrijf gaat zich richten op bedrijven in Brazilie, om sponsors te werven voor de race.

Page 21: Stageverslag Studio Vruchtvlees

21

CORRIDA URBANA BRASIL

Opdrachtomschrijving:Omdat ik al in mijn ‘Over mijzelf’ (blz. 6) had aangegeven dat ik graag nog wat verschillende ontwerpklussen wilde

doen, was ik erg blij dat ik met deze opdracht mee mocht werken. Het is voor een organisatie dat een logo / huisstijl en

een website nodig heeft wat bedrijven moet vragen om sponsor te worden voor een race-event in Brazilie.

De enige eis is, dat het bedrijf een uitstraling moet geven dat het een gevestigde organisatie is en het dient de zakelijke

kant van het race-event te zijn.

Schetsen:Ik ben begonnen met het schetsen van verschillende logo’s in verschillende stijlen. Het eerste idee wat ik in mijn hoofd

had, was richting een uitstraling van een oude racingteam of vliegteam. Hier een aantal schetsen met toelichting:

Uitwerkingen:

Op de volgende pagina staan verschillende uitingen van logo’s, naambeelden, etc. Omdat er qua ontwerp bijna geen

richtlijnen zijn, heb ik verschillende logo’s gemaakt. Je krijgt dus veel verschillen te zien in detail, font-gebruik, kleur,

zakelijkheid, speelsheid, etc.

Schetsen 1Deze schetsen zijn in de stijl van de

oude racingwereld wat hier wordt

uitgelicht.

Schetsen 2Hier is meer gekeken vanuit de vorm,

en ook naar hoe de afkoring CUB

toegepast kan worden.

Schetsen 3Hier komt het letterlijke aspect meer

naar voren, dat je meteen ziet waar

het over gaat.

Page 22: Stageverslag Studio Vruchtvlees

22

CUBCORRIDAURBANABRASIL

CUB

CUB

CUB

CUB

CUB

CUB

CUB

CUB

CUB

CUB CorridaUrbanaBrasil

CCorridaUrbanaBrasil

C Bcorrida urban abrasil

BRASIL

CORRIDA URBANA

CORRIDA URBANAB R A S I L

CORRID AURBANABRASIL

B R A S I L

CORRIDA URBANA

CORRIDAURBANABRASI L

Corrida Urbana Brasi l

CORRIDA URBANABRASIL

CORRI DAURBANABRAS IL

CORRI DAURBANABRAS IL

CORRI DA

BRAS ILURBANA

C O R R I D AU R B A N A

B R A S I L

CORRIDA URBANAB R A

CORRIDA

Page 23: Stageverslag Studio Vruchtvlees

23

DAANA

Gebruikte fonts:Myriad Pro, Rockwell, Eurostile, Impact, Baskerville Old Face, Helvetica, Antique Olive LT Nord Italic, Anna SC ITC

TT, AvantGarde CE, BlackTulipITC TT, Crillee Italic Plain, Glypha LT

Feedback van Vruchtvlees:Ik begon al meteen met ontwerpen in Photoshop, omdat ik daar veel liever in werk. Ook omdat ik in Illustrator niet

alle toetsen weet en in Photoshop ik altijd wel kan maken wat ik in mijn hoofd heb. De feedback die ik kreeg was al

snel dat ik een logo moet gaan maken, zonder meteen naar de kleur te kijken. Het gaat meer om de vorm en de kleuren

kunnen altijd nog een toevoeging vormen aan een zwart-wit logo.

Als er gewerkt wordt in Illustrator kan je veel meer proces laten zien, en als je dan je werk laat zien aan je collega’s

kunnen zij ook al heel snel zien of je een stapje te ver bent gegaan of dat er andere combinaties gemaakt kunnen

worden, in plaats van dat je met een af product komt. Ook moet er minder worden gewerkt vanuit beelden, maar meer

vanuit vormen, typografie of een patroon.

Verder vond Vruchtvlees het logo goed met de rode strepen, en ook de klant waar daar zeer tevreden over. Hier een

aantal ontwerpvariaties en toepassingen op een visitekaartje:

adres s

phonemobile

e-mailadres swebsite

Straatnaam 1232931 AA Den Haag+31 70 - 123 456 7+31 6 - 1234 5678

[email protected] mwww.adress.com

A. B. C. Achternaamfunctie

adress

phonemobile

e-mailadresswebsite

Straatnaam 1232931 AA Den Haag+31 70 - 123 456 7+31 6 - 1234 5678

[email protected]

A. B. C. A chternaamfunctie

Page 24: Stageverslag Studio Vruchtvlees

24

Page 25: Stageverslag Studio Vruchtvlees

25

VRUCHTVLEES WEBSITE

Opdrachtomschrijving:Vruchtvlees heeft me gevraagd om de website voor ze te maken. Zij zouden dan het ontwerp maken

en ik zou mijn bezig gaan houden met de User Experience, het bouwen van de website en de gebruikers testen. Wat hier voor mij ook een uitdaging in was, is de frontend Content Management

System die ik hiervoor heb gebouwd.

Proces:De eerste ontwerpen waren uiteraard niet zoals de website nu is. Na verschillende testen en

feedback van gebruikers en collegabedrijven, is de website uiteindelijk geworden zoals hiernaast te zien is. Zo zitten er meerdere dingen in de website, die je niet op een andere website zal tegen komen. Kijk bijvoorbeeld maar naar de Moodgallery. Dit is een popup die op de breedte van het

scherm aanneemt en altijd op dezelfde hoogte blijft staan. Als je bijvoorbeeld kijkt bij nieuws, dan zie je een popup die met de pagina meescrolled.

Het CMS heb ik zo gemaakt, dat het heel gemakkelijk is om in te werken. Na het inloggen verschijnen er een aantal elementen op de website bij en wordt de website heel liquid:

Verschillende elementen kunnen versleept worden over de website, waardoor de volgorde gemakkelijk te bepalen is. Daarnaast is ook alles grafisch in de zelfde lijn gemaakt, zodat de

herkenning en de werking gemakkelijk zal verlopen.

Hier een voorbeeld van een onderdeel van het CMS:

Eindresultaat:Studio Vruchtvlees is heel blij met het resultaat. Vooral de gemakkelijkheid van iets toevoegen aan de website heeft de drempel verlaagd om de website goed up to date te houden. Ook de bezoekers

aantallen zijn live te bekijken, zodat er zelfs nog een stukje aftercare aan te pas zou kunnen komen.

Page 26: Stageverslag Studio Vruchtvlees

26

Page 27: Stageverslag Studio Vruchtvlees

27

JACOBSHOSPICE

Opdrachtomschrijving:Het Jacobshospice is een hospice in Den Haag dat er voor zorgt dat terminale mensen, een laatste fijne tijd hebben. Voor deze stichting heeft Studio Vruchtvlees een ontwerp gemaakt die ik moest

omzetten in een werkende website, die een vloeiende werking heeft en laagdrempelig in gebruik is.

Proces:Omdat de doelgroep van deze website waarschijnlijk iets minder ervaring met websites heeft dan de gemiddelde persoon, is de website zo gemaakt dat er geen onnodige informatie op staat, en het niet lastig is om de gewenste informatie te vinden. Ik heb de website opgebouwd uit 1 pagina, waar er tussen de inhoud kan worden geswitched door op de knoppen te drukken. De inhoud van de site zal weg schuiven en de nieuwe inhoud binnenschuiven. Zo heeft de website geen laadtijd en is de

overzicht goed te bewaren, omdat de content op een natuurlijke manier verschijnd.

Om dit te ervaren, kan je naar:www.steunhetjacobshospice.nl

Daarnaast kan je via de website een donatie doen, wat door middel van iDeal werkte. Dit is ook een van mijn stagedoelen. Op de website voer je het bedrag in wat je wilt doneren en automatisch

zal je worden doorverwezen naar de iDeal-pagina en wat vervolgens weer verder gaat naar de vertrouwde pagina van je eigen bank.

Daarnaast heb ik ook een zelfgemaakt CMS er aan toegevoegd, zodat de klant gemakkelijk de website kan bijhouden.

Eindresultaat:De klant is heel tevreden met de werking van de website, en dat alles goed kan worden bijgehouden

in het CMS. Ook Vruchtvlees is blij dat de website in een vrij korte tijd kon worden gerealiseerd.

Page 28: Stageverslag Studio Vruchtvlees

28

CMYK POSTER

Opdrachtomschrijving:Voor drukwerk wordt er meestal gewerkt met een ofzetdruk. Hier gaan vier lagen kleur in, wat samen alle kleuren kunnen maken: cyaan, magenta, geel en zwart, oftewel CMYK. Nu zijn er

verschillende kleurenstalen voor drukwerk (pantone, hexadecimal) en digitaal (RGB), maar voor CMYK is er eigenlijk niets, terwijl het toch handig is om te weten hoe de kleuren eruit komen te

zien als het gedrukt is.Vruchtvlees leek het handig om een poster te hebben met alle kleuren erop en dat ze ook zo’n

poster zouden kunnen weggeven aan klanten, collegabedrijven, drukkers, etc. Hiermee kunnen ze laten zien wat ze in huis hebben en mensen vinden het altijd leuk om een presentje te krijgen.

Aan mij was de opdracht te geven om dit te maken. Het enige wat ik wist, was dat het op een A0 poster kon worden geprint.

Proces:Allereerst ben ik gaan berekenen hoeveel kleuren er zijn. 100 x 100 x 100 x 100 = 100 miljoen.

Dat is iets te veel om op een poster te zetten. Dan maar in sprongetjes van 10, dan krijg je 10.000 kleuren. Dat is al beter vorm te geven. In het begin keek ik of er misschien een bepaalde code zou

zijn om de kleuren hiervoor te berekenen. Dit bleek toch niet zo makkelijk, maar ik had al een andere oplossing gevonden in illustrator. Als ik de prongen om de tien procent doe, krijg je 11

blokjes naast elkaar. Van 0 t/m 100.

Page 29: Stageverslag Studio Vruchtvlees

29

Vervolgens gaan de lagen over elkaar heen, en zet ik de lagen op Multiply. Dit zorgt ervoor dat de lagen doorschijnend zijn, zonder kleur verlies. De kleur er onder wordt als het ware er mee

gemengd.

Dan als laatste stap zet je dit bovenstaande voorbeeld 11 keer onder en naast elkaar (in het voorbeeld heb ik er 5 gedaan, voor het overzicht):

Uiteindelijk, als je echt alle kleuren bij elkaar hebt, zal er er volgende uitkomen. Dit is dan ook op de A0 poster gezet, zodat de kleine vakjes, waarvan er 10.000 zijn, bijna 1 cm in het vierkant is.

De poster wordt op dit moment nog drukklaar gemaakt, vandaar dat ik

het definitieve voorbeeld er helaas niet bij kan voegen.

Page 30: Stageverslag Studio Vruchtvlees

30

PRIUS

Opdrachtomschrijving:PARK is een nieuw magazine voor de beter opgeleide Nederlander. Voor dit magazine moest er een advertentie worden ontworpen voor de Toyota Prius. Het leuke was echter, dat de opdracht

niet zelf kwam van de prius, maar het blad die over de Prius ging schrijven. Dit betekende dat we helemaal los mochten gaan op het ontwerp. Dat betekend dat we dus de auto ook een beetje voor

gek mogen zetten. Een advertentie dus, met een knipoog.

Proces:Allereerst heb ik onderzoek gedaan naar de Prius. Wat verbruikt die? Wat maakt hem zo

bijzonder? Zijn er bekende mensen die in deze auto rijden?Zo heb ik gevonden dat die als een hele lelijke auto bekend staat: bij Topgear hebben ze deze auto letterlijk afgeschoten. Daarnaast is die super zuinig en is de auto hybride. Dit betekend dat die 2

verschillende motoren heeft: een benzinemotor en een electrische motor. Ook zijn er verschillende beroemdheden die in deze auto rijden, waaronder Leonardo Di Caprio. Waarschijnlijk voor het

imago van de ‘groene’ rijder.

Vervolgens heb ik een aantal ontwerpen gemaakt en een kleine presentatie gegeven aan de heren van Vruchtvlees over mijn onderzoek en heb ik een aantal ontwerpen voorgelegd. Onderander een

foto van de onderkant van de auto met de slogan: ‘De mooiste kant van de auto’ en een foto van een Prius cabrio met de tekst: ‘Wil jij net als Leonardo die cabrio?’.

De ontwerpen vonden mijn collega’s nog iets te braaf, dus hebben we de bovenstaande advertentie bedacht: vrouwen met hun mond aan een uitlaat, omdat de lucht die er uit komt, in te ademen valt.

Eindresultaat:Het ontwerp is opgestuurd naar PARK, maar ze vonden het ontwerp nog iets te brutaal voor het

eerste nummer. Waarschijnlijk zal deze in een verder nummer wel verschijnen.

Page 31: Stageverslag Studio Vruchtvlees

31

BOEKHOUDPAKKET VOOR DE STARTENDE ONDERNEMER

Opdrachtomschrijving:Een nieuwe klant, die tevens ook een vriend is van de heren van Vruchtvlees, heeft een

boekhoudpakket ontwikkeld voor de startende ondernemer. Nu had hij al een vrij simpele site waar hij deze pakketen verkocht voor een paar tientjes. Hij vroeg aan Vruchtvlees of zij misschien

een voorstel konden doen voor een nieuwe website met een strakke vormgeving, wat eigenlijk maar één pagina hoeft te hebben maar wel een goed beeld geeft van het pakket.

Terwijl Vruchtvlees de offerte opmaakte, begon ik vast aan een brainstorm met wat er allemaal op de website kon komen en het ontwerpen ervan.

Proces:Eerst heb ik een lijst gemaakt met wat er allemaal op de website zou kunnen komen te staan.

Vervolgens ben ik aan de slag gegaan met het uitwerken van een aantal ontwerpschetsen.

Eindresultaat:Uiteindelijk bleek het budget van de eigenaar bij lange na niet in de buurt te komen van de

offerte die er was gemaakt, wat dus resulteerde in een website die niet gemaakt ging worden. Desalniettemin ben ik toch blij met mijn gemaakte ontwerpen.

Page 32: Stageverslag Studio Vruchtvlees

32

IPAD APP

Opdrachtomschrijving:In mijn stagedoelen heb ik gezegd dat ik graag een iPad app zou willen maken. Dit omdat ik zelf

een iPad heb en ik denk dat dit de toekomst is. Zelf heb ik thuis ook geen iMac dus was ik blij dat Vruchtvlees mij de kans bood om dit te doen bij hen.

Proces:Ik kwam er al vrij snel achter dat dit veel te moeilijk is om zo te leren, omdat er veel code aan te

pas komt waar in je met C werkt. Na meerdere tutorials geprobeerd te hebben, kwam ik niet verder dan enkel een beginscherm van mijn app.

Ik ben toen verder gaan zoeken naar een alternatief, en toen kwam ik uit op Sencha Touch: Een toolkit waarbij je een online app kan maken door middel van HTML (5), CSS, XML en Javascript.Dit bleek inderdaad een stuk gemakkelijker te zijn, maar het was helaas toch niet helemaal zonder

slag of stoot, omdat ik een bestaande template probeerde aan te passen, maar het al snel niet werkte bij het geringste wat ik weghaalde.

Eindresultaat:Weten wat ik heb gemaakt? Ga dan op de iPad in de browser naar:

www.misterlucas.nl/ipadapp

Het duurt even voordat de XML geladen is, dus ook voordat er inhoud wordt weergegeven.

Page 33: Stageverslag Studio Vruchtvlees

33

JONGERIUS BAKKER

Opdrachtomschrijving:Voor Jongerius Bakker wordt er elk jaar een actie gedaan met sinterklaas-, kerst- en oud-en-

nieuwproducten. Elk jaar wordt er ook een photoshoot gedaan en dit jaar kon ik erbij assisteren.Naast dat het leuk en lekker was om te doen, heb ik ook veel geleerd over het maken van de foto’s,

belichting, etc. Hier een aantal foto’s.

Page 34: Stageverslag Studio Vruchtvlees

34

FEEDBACK

Feedback van Michael Danker, Studio Vruchtvlees:

“Lucas heeft zich snel aan zijn werkomgeving aan weten te passen. Niet alleen in zijn ontwerp werk, maar ook in zijn humor en muziek. Hij heeft de feedback van het vorige gesprek serieus genomen. Hij heeft een sterke

pro-actievere houding aangenomen en vraagt zodra hij iets wilt weten.

We zijn erg te spreken over de periode dat Lucas bij ons heeft gewerkt. Hij is leergierig, nieuwsgierig, werkt goed zelfstandig, kan flink

doorwerken, houdt zich altijd aan zijn afspraken, pikt te dingen snel op en werkt erg gedisciplineerd.

Lucas bedacht voor ons scherpe concepten, maakte goede grappen, ontwierp sterk grafisch werk, zette lekkere koffie en ontwikkelde perfect

werkende websites voor tal van onze beste klanten.

Naast de dingen die wij hem vroegen te doen, was het erg fijn om te zien dat hij met veel enthousiasme eigen initiatief nam voor nieuwe projecten

of kwam met toffe creatieve ideeën.

We probeerden Lucas zo vrij mogelijk te laten tijdens zijn stage en zelf zijn sterke kanten te laten ontdekken. We hopen dat hij naast zijn

geformuleerde doelen, nog veel meer heeft geleerd door volledig mee te draaien bij het bedrijf.

Het is jammer dat de stageperiode weer voorbij is. Maar mochten we Lucas weer nodig hebben, dan zullen wij zeker aan zijn bel trekken. Want

het is, zonder liegen, de beste stagair die we hebben gehad.“

Page 35: Stageverslag Studio Vruchtvlees

35

REFLECTIE

Ik vond het een hele leuke stageperiode bij Studio Vruchtvlees. Zeker, omdat ik van mening ben, dat je veel meer leert dan enkel de dingen die je in een stageverslag schrijft. Met name, het contact met je collega’s, de structuur die in zo’n bedrijf zit, contact met de klanten en een bepaalde

uitstraling van het bedrijf. Vooral dit laatste, omdat Vruchtvlees zich richt op de culturele sector en er zoveel meer bij komt kijken, dan enkel

de opdrachten maken. Er kwamen regematig mensen binnengelopen voor een praatje en een kopje koffie. Vruchtvlees heeft natuurlijk

meerdere activiteiten dan enkel grafisch vormgeven, en dat maakt het juist zo leuk en leerzaam.

Natuurlijk ging niet alles van een leie dakje, zoals dat waarschijnlijk bij elk bedrijf wel zo gaat. We hebben tenslotte niet voor niets de

problemen besproken tijdens de terugkomdagen. Ik had bijvoorbeeld, dat ik de werktijden echt te veel vond. Ik werkte 9 uur op een dag en had daarnaast ook nog 2 uur reistijd. Daarnaast zijn de jongens van Vruchtvlees natuurlijk eigen baas en willen zo veel mogelijk aan hun

bedrijf werken. Even poolen, tafelvoetbal of darten zat er hier dus niet in, wat neer komt op een hele dag achter een beeldscherm.

Gelukkig heb ik de lange dagen bespreekbaar kunnen maken, en heb ik na een aantal maanden gelukkig 4 dagen in de week mogen werken. Hiervoor had ik de woensdag gekozen, omdat dit de week

brak, dus maximaal 2 dagen achter elkaar bij Vruchtvlees moest zitten wat resulteerde in een fijnere werksfeer en wat mij betreft een betere

productiviteit.

Iets meer ontspanning tijdens het werken bleef toch nog wel lastig. Volgens de RSI regels (volgens Stichting RSI Nederland) is het verstandig

om 5 á 10 minuten van de computer af per uur. Omdat niemand anders dit deed, de 3 compagnons, was het voor mij lastig om dit wel te gaan

doen. Dit is ook zeker iets wat ik wil meegeven aan Vruchtvlees, mochten ze in de toekomst personeel of meerdere stagaires aannemen.

Al met al was de stage super leuk, heb ik veel geleerd, veel gelachen en ben ik blij dat ik met regelmaat nog contact met Vruchtvlees bewaar.

Page 36: Stageverslag Studio Vruchtvlees

Stageverslag

Lucas Löbkerbij

Studio Vruchtvlees

Hogeschool RotterdamCommunication & Multimedia Design