Stageverslag Rowena de Bueger

I AM MYOWN FAN

Rowena de BuegerSTAGEVERSLAG 2012

I AM

MY

OW

N FA

N

I AM

MY

OW

N FA

N

Imagination is more important than knowledge

-ALBERT EINSTEIN.

VOORWOORDJOURNEYCONCEPTLEERDOELENPROJECTENEVALUATIEEXTRA

I AM

MY

OW

N FA

N

I AM

MY

OW

N FA

N

Vergeleken met mijn eerste stage ging ik nu met een heel ander idee mijn tweede stage in. Bij vandenbusken had ik het gevoel dat ik lekker veilig in mijn rol als stagiaire kon blijven. Ik had een wat meer terughoudende houding naar het bedrijf. Bij MediaFive99 wilde ik mij bewijzen. Ik had immers al een eerste half jaar stage erop zitten. Ik had ook het gevoel dat deze mensen meer van mij verwachtten, aangezien ik zelf bij ze heb gesolliciteerd.

Ik probeerde heel erg met een open mind naar de komende periode te kijken. Voorheen dacht ik dat mijn kracht vooral bij concept lag en dat ik niet te veel met de computer wilde en kon. Bij vandenbusken heb ik meer conceptuele opdrachten gedaan. Medi-aFive99 zou mij meer kennis voor grafisch en het web bieden. Ik was daarom vooral benieuwd hoe mijn opdrachten eruit zouden komen te zien. Wouter was heel enthousiast, dus ik had er zeker een goed gevoel over.

VOORWOORD

I AM

MY

OW

N FA

N

I AM

MY

OW

N FA

N

JOURNEY

I AM

MY

OW

N FA

N

I AM

MY

OW

N FA

N

Waarom ‘I am my own fan’?Zoals ik al in mijn voorwoord vertelde, was ik bij vandenbusken nog best onzeker over mijn werk en dit straalde ik ook uit. Ik durfde bijna niet te genieten als ik iets goeds had gedaan. Ik bleef voor mezelf continue bevestiging zoeken, terwijl ik deze allang had gekregen. Mijn gevoel ging met sneltrein vaart door en ik stond er niet bij stil dat het klaar was. Zo heb ik het altijd ervaren. Cas was hierin echt mijn eye-opener, hij heeft mij geleerd anders naar mezelf en de zaken om mij heen te kijken.

Nu is het tijd om die zelfverzekerdheid uit te stralen. Waarom jezelf continue vragen stellen? Je moet trots zijn op je prestaties en ervan genieten. Curacao wordt een leerproces voor mij als persoon op zoek naar meer zelfacceptatie. Ik haal het beste uit mezelf en word mijn eigen fan.

CONCEPT

I AM

MY

OW

N FA

NIk vind het voor deze stage belangrijk om mijn grafische ‘skillz’ op te krikken. Wat minder gezweef met concepten (wat ik overigens wel heel leuk vind). Ik ga op zoek naar mijn ambities in dit vak. Waar wil ik mij in gaan specialiseren na mijn studie? Dat zijn vragen waar ik bij MediaFive99 meer inzicht op hoop te krijgen. Ik wil onderzoek doen naar ontwikkelingen op het gebied van techniek en voor het web.

LEERDOELEN

I AM

MY

OW

N FA

N

Horeca night is een avond dat wordt georganiseerd door diverse horecabedrijven op het eiland. Het Is voor ieder wat het wil zijn, collega’s ontmoeten, business to busi-ness, goedkoop biertje drinken, platform voor leveranciers die zichzelf promoten banden aanhalen en ideeën opdoen. Iedere laatste maandag van de maand is de ‘Horeca night’ op een steeds wisselende locatie. Voor iedere ‘Horeca night’ wordt een nieuwsbrief ontwikkeld. Hier is een vast stramien voor, dus alleen de visuals en con-tent veranderd. Wouter gaf mij de opdracht om een redesign hiervoor te maken. Als oefening om te kijken hoe groot mijn kennis is wat betreft design en html tables.

HORECA NIGHT // PROJECTEN

I AM

MY

OW

N FA

N


Als eerst ben ik gaan kijken naar een logis-che indeling. De visuals moeten namelijk makkelijk te vervangen zijn elke maand, ook als er meerdere visuals worden aangeleverd. Ik vond dat de nieuwsbrief zakelijkheid moest uitstralen, maar ook iets speels. De vorm aan de rechterkant van de nieuwsbrief is afgeleid van een stropdas. Ik heb icons ontworpen om het idee van de ‘Horeca night’ herkenbaarheid te geven.

Ik vond het lastig om de content op een juiste manier in te delen, omdat het één lap tekst is wat je aangeleverd krijgt. Ik ben gaan brainstormen naar een interessante manier om de typografie vorm te geven. Ik vond het leuk om de datum los te halen van de rest en het op een aparte manier neer te zetten. Zo is dit één van de eerste dingen die opvalt als je naar de nieuwsbrief kijkt, dit was ook mijn doel.

I AM

MY

OW

N FA

N


Wouter en Rombout waren gauw tevreden over het design. Vervolgens kreeg ik de opdracht om de nieuwsbrief te coderen. Dit moest gebeuren doormiddel van tabellen in HTML. Hier had ik nog niet zoveel kennis van (2 keer gedaan). Dus wouter heeft mij instructies gegeven over hoe ik deze nieu-wsbrief het beste op kan bouwen. Voor mijn gevoel pakte ik het snel op, omdat ik de basis van HTML redelijk goed begrijp.

Ik ben er wel achter gekomen dat ik het werken met tabellen echt niet leuk vind. Veel codes moet je dubbel schrijven, wat ik vooral in deze tijd met css erg onhandig vind. Het was een leuke uitdaging, maar daar blijft het ook wel bij.

Competenties A: 1.4 2.1 2.3 2.4 2.5 1.1 1.2 1.5 B: 1.1 2.3

I AM

MY

OW

N FA

N

Buggy Adventures organiseerd buggy en quad tours over het eiland. Het is een klein bedrijf dat beschikt over 6 buggy’s en quad’s en ze worden dagelijks geboekt door toer-isten om over het eiland te gaan crossen. Hiermee heb ik de doelgroep ook bekend gemaakt. Het gaat voornamelijk om Europese/Amerikaanse toeristen.

Ik kreeg van Wouter de opdracht om de web-site te gaan designen en coderen. Dit zou mijn ‘grote’ stage opdracht worden en het leek mij een hele leuke opdracht, omdat dit zou betekenen dat ik alles van het begin tot aan het eind mee zou krijgen. Wouter en Rombout hadden al een idee van de stijl die het zou gaan worden.

Ik ben op zoek gegaan naar websites in diez-elfde stijl, om inspiratie op te doen. Ik wilde dat de website avontuur, spanning en ontdek-king zou uitstralen. Dit wilde ik gaan doen met een hele vette ‘header’. Het onderste gedeelte in de website moest wat ‘cleaner’ blijven, zodat het niet too much zou worden.

BUGGY ADVENTURES // PROJECTEN

I AM

MY

OW

N FA

NIk heb van Wouter geleerd dat het belan-grijk is om in fases te werken, zo houd je een duidelijke structuur in je projecten.

/ Orientatie

/ IAD – functioneel ontwerp

/ Grafisch – schetsen/ontwerpen versturen en sparren met de klant tot er akkoord is

/ Front-end – HTML, CSS en javascript

/ Back-end – CMS

/ Oplevering/testen

In een interaction design laat je de globale indeling van de webpagina’s zien. Dit is fijn voor de klant om een beeld te krijgen van de website. Dit geldt ook voor de designer, want zo kunnen er achteraf geen misverstanden ontstaan over de indeling. De klant moet namelijk akkoord geven op het interaction design als het naar wens is.


Het interaction design is goedgekeurd en ik ben toen begonnen met het ontwerpen van de homepage. Ik heb tussendoor om feed-back gevraagd aan Wouter en Rombout. Ik heb gebruik gemaakt van dummy foto’s, omdat het plan was om een fotoshoot te houden tijdens een buggytour. Zodat ik de eigen buggy’s en quad’s kon gebruiken in het design. Deze fotoshoot heeft plaatsgevonden en ik heb de juiste beelden kunnen schieten voor het design. Vooraf heb ik een storyboard gemaakt, zodat ik goed wist welke beelden ik nodig had.

Tussendoor is de klant langs geweest om het design te bekijken en keurde het meteen goed. Ik ben daarom doorgegaan met de rest van de pagina’s, die ik vervolgens ook geco-deerd heb. Tijdens het coderen heeft Wouter mij begeleid, omdat ik zelf niet zeker was van mijn manier van code schrijven. Ik heb geleerd hoe je bepaalde dingen anders kunt doen en dit heeft mijn kennis voor HTML en CSS goed gedaan.

I AM

MY

OW

N FA

N

Vervolgens heeft Wouter er Wordpress achter gezet. Ik vond het fijn dat hij verder ging werken in mijn codes, zodat hij misschien met verbeteringen kon komen.

Het enige wat er nog moest gebeuren was dat de klant langs zou komen voor de instruc-ties van Wordpress. Zodat hij zelf de content kon invoeren op de website.

De klant bleek helemaal niet tevreden te zijn, hij wilde allemaal verschillende kleuren en gekke lettertypes. Volgens hem straalde het niet genoeg avontuur uit. Zo had hij nog meer opmerkingen, waar Wouter en ik het niet mee eens waren. We zijn veel in discussie gegaan, omdat de smaak van deze meneer echt ‘antiliaans’ was. Oftewel veel verschillende kleurtjes, wat het ontwerp niet ten goede zou doen. De klant bleek allerlei nieuwe wensen te hebben. Deze konden wij wel doorvoeren, maar hiervoor moest betaald gaan worden.

Ik heb in dit project geleerd dat hierom de structuur erg belangrijk is, om ergens op terug te kunnen vallen bij klanten die ineens iets anders willen. Ik vond het in het begin een erg leuke opdracht om te doen, maar later werd het steeds vervelender om iets hiervoor te doen. De klant had het design achteruit ge-holpen en ik stond er niet meer achter. Soms moet je doen wat de klant wilt, want met deze meneer was haast niet te praten.

De website is live te zien ophttp://www.curacaobuggyadventures.nl

Competenties A: 1.4 2.1 2.3 2.4 2.5 1.1 1.2 1.5


I AM

MY

OW

N FA

N

Online winkelraam is een bedrijf die het voor winkeliers makkelijker maakt om een web-shop te beginnen naast hun eigen zaak. Met online winkelraam ‘show’ jij je producten op een eigen website, dit is nog geen webshop. Zo kunnen zij klanten nieuwsgierig maken naar hun winkel. Dit is dus geen gedoe met boekhouding, facturen en voorraadsystemen, want er wordt niks verkocht.

Wouter en Rombout waren al begonnen met het design. De meeste pagina’s waren al vormgegeven, maar er moesten nog een aan-tal aanpassingen gedaan worden. Ook moe-sten er nog wat pagina’s ontworpen worden. Ik vond het in het begin gek om in andermans design dingen aan te passen en in dezelfde stijl verder te werken.

ONLINE WINKELRAAM // PROJECTEN

I AM

MY

OW

N FA

NUiteindelijk heb ik de aanpassingen gedaan en na het heen en weer sturen van verschil-lende designs was de klant helemaal tevre-den. De klant had zelf mensen in China die de website gingen coderen, dus dit hoefden wij niet te doen.

Ook moest er een logo ontworpen worden. Hier heb ik verschillende voorstellen voor ge-maakt, waarvan één is gekozen!

Ik vond het een leuke opdracht, omdat ik het logo mocht ontwerpen. Ik vind logo’s maken wat lastiger, dus dit was een goede oefening. Ook heb ik tijdens dit project veel geleerd over de communicatie met een klant. Zij mailden mij schermen met daarin correcties, deze waren erg duidelijk. Ik mailde vervolgens de aangepaste designs en kreeg hierop een reactie waardoor ik weer verder kon werken.

Competenties A: 2.3 2.5 1.1 1.2 1.5

ONLINE WINKELRAAM // PROJECTEN

I AM

MY

OW

N FA

N

Start een winkel is een bedrijf dat gehele webshop ‘paketten’ verkoopt. Winkeliers kun-nen gemakkelijk een eigen webshop starten en Start een winkel biedt zelfs de mogelijk-heid om een aangepast design te maken in de stijl van jouw winkel. Online winkelraam is een onderdeel van Start een winkel.

Start een winkel gaf ons de opdracht om een redesign te maken voor de website. Wouter was hier al aan begonnen, maar ik heb het project verder opgepakt. Er moesten nog een aantal pagina’s ontworpen worden en er moesten aanpassingen gedaan worden.

START EEN WINKEL // PROJECTEN

I AM

MY

OW

N FA

NIk vond het leuk om zelf contact te hebben met de klant en d.m.v. de briefing het de-sign te maken. In de briefing werd niet altijd duidelijk wat zij precies wilden, dus gaf Wout-er mij de offerte erbij. Dit werkte als een soort debriefing, hierin stond namelijk goed om-schreven wat er moest gebeuren en hoeveel tijd daarvoor stond.

Voor Start een winkel kon ik niet veel met mijn eigen creativiteit doen, maar over de communicatie met een klant heb ik wel veel geleerd.

De website is live te zien op http://www.starteenwinkel.nl

Competenties A: 2.3 2.5 1.1 1.2 1.5

START EEN WINKEL // PROJECTEN

I AM

MY

OW

N FA

N

Meetingselect is gespecialiseerd in het ver-zorgen van ‘meetings’. Zij zorgen voor de juiste locatie waarbij zij zich richten op tijds-besparingen, kostbesparingen en innovaties.

Wij kregen de opdracht van meetingselect om een actiesite te maken voor de Vergader-week. Het interaction design was al gemaakt en de pagina’s hoefden alleen nog ontworpen te worden. Dit was mijn taak voor de komende tijd.

In deze opdracht kon ik al wat meer mijn creativiteit kwijt. Ik had voor deze stage nog nooit met een interaction design gewerkt en ik ben erachter gekomen dat dit een hele fijne manier van werken is. Ik ga dit zeker toe-passen in mijn eigen projecten.

MEETINGSELECT // PROJECTEN

I AM

MY

OW

N FA

NBij meetingselect waren ze snel tevreden over de stijl die ik had gekozen. Als je voor de homepage akkoord hebt gekregen, kan je doorgaan met de rest van de pagina’s. Dan weet je dat je op de goede weg zit. Na veel heen en weer mailen van designs heb ik dit project volledig afgerond en zijn mijn designs naar de developers gegaan.

Competenties A: 1.4 2.1 2.3 2.4 2.5 1.1 1.2 1.5

MEETINGSELECT // PROJECTEN

I AM

MY

OW

N FA

N

Voor de Kaasboot moest een flyer ontworpen worden. De kaasboot heeft bootjes varen op Het Spaans Water en zijn in de vorm van een kaas, vandaar deze naam.

Er werd van te voren gezegd dat er niet teveel tijd in de flyer zou gaan zitten, dus ik moest in een korte tijd iets simpels verzinnen. De klant wilde een afknip randje, dus dat was het enige waar ik rekening mee moest houden.

De klant had foto’s aangeleverd, maar dit waren foto’s met een slechte resolutie en niet echt bruikbaar. Toch moet je hier dan iets van maken, maar het liefst had ik zelf de foto’s geschoten.

DE KAASBOOT // PROJECTEN

I AM

MY

OW

N FA

NWe hebben een aantal keer een afspraak gehad met de klant, hij wilde kijken hoe het ervoor stond. Zelf had hij de wens om de achterkant ook vol te gooien met foto’s. Dit vond ik geen goed idee, dus ben ik de discus-sie aangegaan. Uiteindelijk heb ik de klant kunnen overtuigen en is de flyer precies ge-worden zoals ik wilde.

Ik vond deze opdracht leuk om te doen, omdat dit weer even iets anders was dan web. Ik was even vergeten hoe het voelde om iets ‘vast te pakken’ wat je hebt gemaakt, aangezien web alleen op je beeldscherm te zien is.

Competenties A: 1.4 2.1 2.3 2.4 2.5 1.1 1.2 1.5

DE KAASBOOT // PROJECTEN

I AM

MY

OW

N FA

N

Do or dare is een bedrijf dat dagveilingen gaat verzorgen op hun website. Voor elke veil-ing kun je een seat inzetten en moet je bieden op het desbetreffende product. Zo maak je de kans dat je het product voor goedkoper dan de winkelwaarde in handen krijgt.

Wouter was voor dit project al begonnen met het interaction design. Hij heeft het project verder aan mij uit handen gegeven. Ik heb d.m.v. het interaction design de homepage ontworpen.

DO OR DARE // PROJECTEN

I AM

MY

OW

N FA

NDe klant was tevreden over de stijl van de pagina, maar er waren nog wel een aantal aanpassingen. Dit waren ook aanpassingen die mij slecht uitkwamen, maar ik heb het toch doorgevoerd en gezocht naar passende oplossingen. De klant stuurde in de mail me-estal een inspiratie voorstel mee, dit vond ik erg fijn! Hij liet goed weten wat hij wel en niet mooi vond, dus geen onduidelijkheden. De rest van de pagina’s heb ik verder ontworpen en tussendoor is er veel contact geweest met de klant.

Wouter zou het front-end development verzorgen. Ik vond het leuk om samen met Wouter een project te doen. Hij moest met mijn design de website coderen, dus ik heb veel om feedback gevraagd wat het handig-ste is (bijv. lagen volgorde in photoshop) voor een developer om te designen. Zo kan ik in het vervolg al op een aantal punten letten in de designfase.

Competenties A: 1.4 2.1 2.3 2.4 2.5 1.1 1.2 1.5

DO OR DARE // PROJECTEN

I AM

MY

OW

N FA

N

Met Reach in de Mode kun je als retailer op één centrale plek de profielgegevens van uw winkel, eenvoudig, gratis en veilig beheren.Ze hebben al een website, maar ze zijn er-achter gekomen dat hun klanten niet duidelijk geinformeerd worden over het feit dat ze direct ingeschreven worden bij andere di-enstverleners zoals bijvoorbeeld Start een winkel.

Voor deze website was al een wireframe voorstel gemaakt door de klant. Aan de hand hiervan ben ik begonnen met het design van de homepage. Wouter gaf aan dat hij al een idee had over een duidelijk stappenplan in de vormgeving. Dit heb ik ook doorgevoerd in het design.

Bij stap 1 zie je de winkel, stap 2 de dienstver-leners met enige uitleg en bij stap 3 zie je de consument die de winkeliers uiteindelijk willen bereiken via Reach in de Mode.

REACH IN DE MODE // PROJECTEN

I AM

MY

OW

N FA

NIk heb gekozen voor een slider in de dienstverleners om het overzichtelijk te houden. Door middel van de pijlen kun je door de lijst met dienstverleners gaan. Van te voren had Reach in de Mode bekend gemaakt dat het zou gaan om niet meer dan 6 dien-stverleners.

Ik heb de ontwerpen gemaakt en deze zijn doorgestuurd naar de klant. Er volgde een positief bericht vanuit Reach in de Mode, maar er waren nog wel een aantal onduidelijkheden. Het coderen van de website werd namelijk niet door ons gedaan, maar door een andere partij. Deze partij had een aantal vragen wat betreft het ontwerp.

Deze vragen heb ik beantwoord en er vol-gde nog een aantal schermvoorstellen. Hoe het ontwerp er bijvoorbeeld uit zou zien als er maar 2 dienstverleners zouden zijn etc. Ik vond het leuk om dit deel van het proces ook goed mee te krijgen.

REACH IN DE MODE // PROJECTEN

De klant liet vervolgens weten dat zij het design ook door wilden voeren in de andere pagina’s van Reach, namelijk: Reach in sport, schoenen en wonen.

Competenties A: 1.4 2.1 2.3 2.4 2.5 1.1 1.2 1.5

I AM

MY

OW

N FA

N

PATTERN TEE’S

Dat ik ‘my own fan’ ben wil ik niet alleen uitstralen in mijn persoonlijkheid en houding, maar ik wil het ook kunnen dragen.

Patronen.. omdat ik daar gek op ben..Waarom? Geen idee!

Misschien omdat een patroon juist lijkt op datgene wat ik niet ben. Een sterk verlangen naar discipline, pricisie en constante structuur.

PATTERN TEE’S // EXTRA

Back to basic.


Mental blue.


Simple red


I AM

MY

OW

N FA

N

Evaluatie Tijdens mijn stageperiode bij MediaFive99 heb ik voornamelijk veel trucjes geleerd op het gebied van techniek. Door deze kennis zijn mijn grafische skillz verbeterd en kan ik al wat sneller en overzichtelijker werken met programma’s zoals Photoshop en Illustra-tor. Ik heb nog steeds veel om te leren, maar ik ben hard op weg. Door deze kennis voel ik me minder beperkt tijdens het ontwerp-proces.

Voor ik begon bij MediaFive99 was ik voor mijn gevoel te lang bezig met kleine op-drachtjes. Dit was het gevolg van een beetje onzekerheid en het gevoel dat ik iets te bewijzen had. Nu heb ik daar veel minder last van.

Ik ben tijdens deze stage erachter gekomen dat mijn interesses op het gebied van web ligt. Wat ik nogal verassend vond, aangezien ik die interesse verloren was tijdens mijn stage bij vandenbusken.

Wouter deed zoveel leuke projecten en bedacht concepten voor eigen projecten.

Hierdoor begon het bij mij te kriebelen, dat ‘ene’ gevoel dat ideeen je te binnen schieten en je voor je gevoel te weinig tijd hebt om alles op te schrijven. MediaFive99 bood mij genoeg uitdagingen om mij te verdiepen in wat ik zo leuk vond.

Zweven met gevoelens en bedenken van concepten vind ik nog steeds erg leuk en ik denk dat dit erg goed te combineren is met het web, Vooral in deze tijd met een sneltrein vaart in ontwikkelingen. Steeds meer mensen willen méér, van applicaties tot een eigen content managing system.

Ik wil hier zeker in door groeien.

Stageverslag Rowena de Bueger

Documents

Transcript of Stageverslag Rowena de Bueger