Het logo van Baukje Velds

Professional, Personal, Perfect.

Mijn naam is Baukje Velds en dit is mijn website. Ik studeer Communication & Multimedia Design aan de Hogeschool van Arhem en Nijmegen, te Arnhem. Op deze website laat ik zien wat ik tijdens mijn opleiding leer. Alles wat ik leer kan ik niet alleen voor mijn studie maken, maar ook voor u! Als studente kan ik dit tegen een zacht prijsje voor u doen.

Portfolio

Als Experience Designer ben ik gespecialiseerd in het creëren van waardevolle ervaringen. Hiervoor gebruik ik zowel offline als online middelen, maar ook een combinatie is mogelijk. Ik houd van een uitdaging en out-of-the-box kunnen denken is voor mij vanzelfsprekend.

Wat ik leuk vind aan Experience Design is dat ik heel creatief bezig ben en ik mijn ontwerpen kan onderbouwen met een sterk onderzoek. Alles draait om de immersiveness, de beleving van de gebruiker. Op het vwo heb ik het profiel Natuur & Techniek gevolgd, dus ook de technische uitwerking van prototypes en het testen hiervan spreken mij heel erg aan.

Voor mijn werk gebruik ik voornamelijk de programma's Photoshop, Illustrator, Indesign, Animate, Audition en Premiere Pro van Adobe. Daarnaast werk ik met Unity en SketchUp en ben ik bekend met de basis van Blender en Sculptris. Ik spreek en schrijf vloeiend Nederlands en Engels en kan me ook redelijk goed redden in het Duits. Qua programmeertalen heb ik minimale kennis van C#, maar ik heb veel ervaring met het schrijven van code in HTML5, CSS3, Javascript en jQuery. Tevens heb ik tijdens een project in samenwerking met ICT-studenten veel ervaring opgedaan in de communicatie met een back-end server met behulp van jQuery.

Responsive website's HTML5/CSS3

> Responsive website's HTML5/CSS3

In het eerste jaar van mijn studie hebben ik geleerd om website's te maken met behulp HTLM5 en CSS3 in het programma Brackets. Tijdens dit project heb ik mezelf uitgedaagd door een stapje verder te gaan dan de opdracht. Ik wilde een website maken die ook volledig responsive zou zijn, dat wil zeggen dat de website geschikt is voor alle apparaten. Een website maken is namelijk een ding, maar er komt al veel meer bij kijken als de website zich moet aanpassen aan apparaten in alle soorten en maten.

Mijn doel heb ik ruim gehaald, ik heb een website gemaakt voor 'Fysio Peerdeman'. Deze website heb volledig zelf ontworpen en gerealiseerd. Ook het logo en de huisstijl zijn door mij ontworpen. De website van Fysio Peerdeman kunt u hier bekijken.

Javascript

> Javascript

Veel website's zijn rechttoe rechtaan: je klikt op iets in het menu en je krijgt een andere pagina voor je neus. Toch zie je steeds vaker dat website's meer kunnen en er effecten zijn toegevoegd. Dit kan worden gedaan met behulp van Javascript.

Javascript is een veelgebruikte scripttaal om webpagina's interactief te maken en webapplicaties te ontwikkelen. Zo heb ik bijvoorbeeld Javascript gebruikt bij het ontwikkelen van de voor Erfgoed Gelderland.

In dit voorbeeld heb ik een digitale 'glitter bottle' gemaakt. De gekleurde bolletjes zweven rustgevend door de ruimte. Door met de muis of vinger over de bolletjes heen te gaan, zullen ze groeien en ook weer krimpen tot hun oorspronkelijke formaat.

Magazine

> Magazine

De eerste opdracht van mijn opleiding Communication & Multimedia Design was het maken van een magazine over mijzelf: Bauk. Dit magazine vertelt veel over wie ik ben als persoon, maar ook wie ik ben als experience designer.

Gedurende dit project ben ik zeer ervaren geworden in het gebruiken van Adobe InDesign en heb ik veel geleerd over het ontwerpen van drukwerk. Daarnaast heb ik tijdens dit project voor het eerst kennis gemaakt met andere programma's van Adobe, zoals Adobe Illustrator waarin ik mijn logo heb gemaakt. U kunt hier een deel van het magazine Bauk bekijken.

Pitchwinnaar CMD Talentendag 2018

> Pitchwinnaar CMD Talentendag 2018

In maart 2018 organiseerde Dutch Digital Agencies samen met International Network Communication & Multimedia Design de 5e CMD talentendag. Uit alle 10 de Communication & Multimedia Design (CMD) opleidingen van Nederland worden de 60 beste studenten geselecteerd en uitgenodigd voor deze talentendag. Elke hogeschool mocht zes studenten meenemen en van de HAN was ik een van de zes.

In de ochtend heb ik masterclasses gevolgd van diverse gerenommeerde bureaus. 's Middags werden we ingedeeld in teams en kregen we een opdracht van Natuurmonumenten: een campange voor het redden van de bij. Ik vond het heel leuk en ook heel leerzaam om samen te mogen werken met studenten van andere hogescholen.

Onder begeleiding van digitale professionals heb ik samen mijn groepsgenoten hard gewerkt aan ons concept en onze pitch. En dit harde werk was niet voor niets: van de 10 groepen hebben wij de pitch gewonnen! Op de Facebook-pagina van Dutch Digital Agencies zijn de foto's van deze dag terug te zien.

Gamedesign

> Gamedesign

Begin 2018 heb ik samen met negen andere studenten gewerkt aan een Serious Games project voor Terragon Engage, de Tuinen van West en de gemeente Amsterdam. Gedurende dit project had ik een leidinggevende functie over ons team. De opdracht was om een herhaalbare Alternate Reality Game (ARG) met het element van Collaborative Gaming te ontwerpen voor jongeren uit de wijk Amsterdam Nieuw-West. De gemeente Amsterdam wil dit spel inzetten als een nieuwe manier om de jongeren te bereiken. Het spel zou zich grotendeels afspelen in en rondom de Tuinen van West, wat door de jongeren momenteel regelmatig als hangplek wordt gebruikt.

In de ARG krijgen de jongeren opdrachten van GAIA, een artificial intelligence die zich bezig houdt met natuurbehoud en natuurbeleving. GAIA heeft moeite met communiceren en probeert de jongeren daarom op een hele cryptische en mysterieuze manier te bereiken. Door opdrachten van GAIA uit te voeren krijgen ze een hint naar de volgende opdracht en ontgrendelen ze een nieuw deel van deze verhaallijn. Het spel zal elk jaar worden uitgevoerd in Amsterdam en kan elke keer een andere (leerzame) verhaallijn hebben, afhankelijk van waar de gemeente op dat moment mee bezig is.

Om de herhaalbaarheid van dit spel te ondersteunen, hebben wij een blauwdruk met opdrachtenkaartjes ontworpen. Deze blauwdruk is opgedeeld in verschillende fases van het spel. De jongeren zullen pas de complete verhaallijn ontgrendelen als ze al deze fases hebben doorlopen. Aan het eind van het spel zullen de meest enthousiaste en ambitieuze jongeren worden gevraagd om te helpen bij het realiseren van het volgende spel. Op elk opdrachtkaartje staat informatie over een puzzel, raadsel of andere opdracht en hoe je deze in het spel kunt toepassen. Door steeds andere combinaties van kaartjes te gebruiken, kan er elk jaar gemakkelijk een nieuw spel gecreëerd worden.

In de video is ons prototype van de GAIA ARG te zien. Als prototype hebben we een verkorte versie van het spel (1 week) uitgevoerd met leerlingen van het Dorenweerd College uit de gemeente Renkum.

Video-editing

> Video-editing

Video-editing is, voor de richting die ik heb gekozen (experience design), een relatief klein onderdeel van mijn opleiding. Toch komt het regelmatig voor dat ik voor mijn projecten een video maak, bijvoorbeeld voor een presentatie of als promotiemateriaal. Hiervoor gebruik ik meestal het programma Premiere Pro van Adobe. Voor het maken van animaties gebruik ik het programma Adobe Animate, zoals ik bij mijn heb gedaan.

Deze video heb ik gemaakt om een sfeer neer te zetten bij een pitch. Deze pitch heeft uiteindelijk geleid tot een geweldig project waarin ik heb gewerkt aan een Alternate Reality Game voor o.a. de gemeente Amsterdam. Bij het onderdeel vertel ik hier meer over.

Front-end development & jQuery

> Front-end development & jQuery

Voor een Immersive Media Design project in opdracht van Erfgoed Gelderland heb ik met vier CMD-klasgenoten en vijf ICT studenten een (web)applicatie gemaakt. Erfgoed Gelderland is een overkoepelende organisatie van diverse musea en kastelen in de provincie Gelderland. Elk van deze musea en kastelen heeft diens eigen topstukken uit verschillende periodes van de geschiedenis van Gelderland. Om het publiek een compleet beeld te geven van deze geschiedenis, heeft Erfgoed Gelderland ons gevraagd om deze topstukken op één plek te verzamelen en om op een aantrekkelijke manier deze geschiedenis te vertellen.

Als oplossing hebben wij in dit acht weken durende project een applicatie ontworpen en grotendeels gerealiseert. In deze applicatie duik je in het verleden en komen de topstukken tot leven. Door een account aan te maken, krijg je je eigen digitale museum dat je met je verzamelde met topstukken kunt vullen. In deze video verteld Erfgoed Gelderland over dit project. De promotievideo die wij zelf hebben gemaakt kunt u hier bekijken.

Door naar de boekenkast in je museum te gaan, kun je per geschiedenisperiode door alle Gelderse topstukken bladeren. Bij elk topstuk kun je foto's bekijken, meer lezen over de geschiedenis en opzoeken in welk museum het topstuk te vinden is. Bij sommige topstukken kan je ook een reis door de tijd maken. Met behulp van een interactieve video neemt ons karakter Casper je mee naar het verleden zodat jij op een speelse manier kennis kan maken met deze topstukken. Hij verteld meer over het topstuk, laat je zien hoe het werd gebruikt en laat je opdrachten uitvoeren waarbij je het topstuk kunt gebruiken.

In het overzicht van de applicatie kun je de topstukken sorteren en filteren. Daarnaast kun je de topstukken kopen met munten, zodat je je musuem naar eigen smaak kunt inrichten. Deze munten verdien je door het uitvoeren van quests uit je questlog, bijvoorbeeld het bezoeken van een museum of het bekijken van een topstuk in de boekenkast.

Naast de webapplicatie hebben wij ook een mobiele app ontwikkeld. Met deze app kun je in het museum een QR-code scannen om quests te voltooien en een overzicht te krijgen van de topstukken uit dat museum. Zo heb je ook onderweg alle informatie bij de hand. Om het gebruik van de applicatie op de lange termijn te ondersteunen hebben we voor Erfgoed Gelderland een beheerdersapplicatie gemaakt, waarmee zij de topstukken kunnen bewerken en toekomstige topstukken kunnen toevoegen.

Interactieve applicaties

> Interactieve applicaties

Een interactieve applicatie wil zeggen dat de app reageert op de acties van de gebruiker. Het is meer een gereedschap dan alleen een bron van informatie. Interactieve applicaties kunnen sterk uiteenlopende doeleinden hebben en kunnen zowel webapplicaties als een mobiele applicatie zijn.

Bij mijn opleiding heb ik meerdere keren meegewerkt aan het realiseren van een mobiele app, zoals de app Saampjes. Hierbij heb ik als CMD-er een ontwerp en prototype gemaakt, dat vervolgens door mijn ICT collega's kon worden uitgewerkt. Ook ben ik met behulp van Javascript en jQuery bezig geweest om websites interactiever te maken en zelfs een webapplicatie te creëren, zoals de voor Erfgoed Gelderland.

Een andere manier om een webapplicatie te maken is met Adobe Animate (voorheen Flash). Zo heb ik in mijn eerste jaar de applicatie Bauk's Paardenwereld gemaakt. In deze app kom je in mijn schoenen te staan en kun je mijn beleving van mijn omgang met paarden ervaren. Door op verschillende objecten in de omgeving te klikken, zullen deze objecten gaan bewegen en zal het paard hierop reageren. Hiermee laat ik zien dat ook paarden emoties hebben en soms net als mensen reageren.

De beleving wordt compleet gemaakt met een aantal niet-klikbare animaties en diverse geluidsfragmenten. Deze animaties, afbeeldingen en de meeste geluidsfragmenten heb ik zelf gemaakt. In totaal zijn er zes interacties. U kunt hier klikken om Bauk's paardenwereld zelf te beleven. Let op: Adobe Flash Player is vereist, hierdoor is deze applicatie niet geschikt voor mobiele apparaten.

Paper prototyping

> Paper prototyping

Voor mijn opleiding ben ik veel bezig met het digitaal uitwerken van concepten en prototypes. Soms is het echter goed om eerst gewoon op papier te beginnen, schetsen te maken en een papieren proefversie uit te werken. Met een paper prototype kun je gemakkelijk en snel je concept of ontwerp testen, voordat je hier veel geld en tijd in investeert.

In het voorbeeld op deze afbeelding is een paper prototype te zien van een 2d platform game. Dit spel heb ik samen met een aantal klasgenoten ontworpen voor het vak Game Design Theory. Het doel van deze opdracht was om een spel te creëren die de lessen zou kunnen vervangen of aanvullen.

In dit spel speel je een karakter met verschillende vaardigheden, zoals bukken, zwemmen of het detecteren van onzichtbare objecten. Om de levels in het spel te voltooien, moet je continue wisselen tussen deze vaardigheden. Op het moment dat je wisselt, zullen er ook andere elementen uit het spel veranderen. Elke vaardigheid hebben wij namelijk gekoppeld aan diverse gametypes en game-elementen. Door dit spel te spelen zul je meer leren welke game-elementen bij welk gametype horen en wat de verschillen tussen deze gametypes zijn.

Ik vind het zelf erg prettig om eerst te testen met een paper prototype zoals in dit voorbeeld. Op deze manier kan ik niet alleen bewijzen of mijn concept werkt, maar ik word ook gewezen op de verbeterpunten. Door gedurende een project regelmatig (bepaalde onderdelen) te testen en mijn concept bij te schaven, kan ik met zekerheid zeggen dat ik een optimaal eindresultaat creëer.

Contact

Een foto van Baukje Velds en haar verzorgpaard

Wilt u weten wat ik voor u of uw bedrijf kan ontwerpen en realiseren?

Stuur mij een e-mail om te informeren naar de mogelijkheden en ik zal u binnen twee werkdagen terugmailen. Ook voor het inplannen van afspraken kunt u contact opnemen per e-mail.


E-mail: contact@baukv.nl


Woont u in de omgeving van Arnhem? Dan kan ik misschien deze week nog bij u langskomen.