Portfolio. van Maarten Zilverberg

Transcriptie

1 Portfolio van Maarten Zilverberg

2

3 Spoorzoeker, welk dier was hier? In opdracht van Staatsbosbeheer is in 2014 een app voor ios en Android ontwikkeld waarmee een jonge doelgroep wordt aangespoord om naar buiten te gaan. Met de app kun je stapsgewijs uitvinden van welk dier je een spoor - bijvoorbeeld een pootafdruk, etensresten of een slaapplek - hebt gevonden. Een andere feature van de Spoorzoeker-app is een quiz van 10 vragen, waarbij je het juiste dier aan een spoor moet matchen. Tenslotte bevat de app ook een dierenoverzicht en enkele handige tools, zoals een loep en lineaal. Handig voor het vinden en opmeten van dierensporen! Werkzaamheden Als visual designer ben ik verantwoordelijk geweest voor de vertaling van wireframes naar de algehele look and feel van de applicatie. In het designproces heb ik onder meer schetsen en moodboards gemaakt om te kunnen bepalen welke stijl de app het beste zou passen. Door de uitwerking die is gekozen, voelt de app aan als een notitieblokje dat een boswachter altijd bij zich heeft - en waarin hij notities en krabbels maakt als hem iets is opgevallen. Dit gevoel wordt extra kracht meegegeven door enkele designdetails, zoals een opgeplakte veer en schetsen van dieren.

4

5 Multisite platform voor NCOI Opleidingsgroep Evident is verantwoordelijk voor de realisatie van websites voor de NCOI Opleidingsgroep. Sinds de eerste site door Evident in beheer is genomen, is het project uitgegroeid tot een platform met meerdere labels. Het doel van de websites van NCOI is het verkopen van opleidingen, trainingen en cursussen. Werkzaamheden Ik heb zowel als visual designer als frontender gewerkt aan de verschillende labels van NCOI. Als visual designer heb ik designs uitgewerkt van templates die niet zijn ontworpen door de designer (van een externe partij). Hierdoor hadden de frontenders binnen het projectteam een grafische handleiding die heeft geholpen bij het opzetten en aanpassen van de websites binnen het platform. ncoi.nl scheidegger.nl bvo.nl mvp.nl computrain.nl nibesvv.nl... en meer In mijn rol als frontender zorgde ik voor een solide basis om de websites van de verschillende labels responsive te maken. De grootste uitdaging zat in het schrijven van jquery-plugins die ervoor zorgen dat sommige interactie op bijvoorbeeld smartphones kan verschillen van gebruik op desktop computers. Er is nu onder ondere een plugin beschikbaar voor de zoekmachine in het platform en voor enkele navigatievormen.

6

7 Vacaturesite voor advocatenkantoor AKD Evident heeft in opdracht voor AKD, een advocatenkantoor met vestigingen in onder meer Rotterdam, Amsterdam en Eindhoven, een vacaturesite ontwikkeld. werkenbijakd.nl Het ontwerp, verzorgd door de huisstijlpartij, volgt voor een groot deel het single-page principe, waarvan wordt afgeweken in het geval van vacatures en evenementen. Werkzaamheden Tijdens de realisatie van werkenbijakd.nl was ik verantwoordelijk voor de user experience. In overleg met de designers zijn animaties toegevoegd aan diverse elementen op de pagina die de site niet alleen speelser maken, maar ook de nadruk leggen op de content. De website is op basis van het populaire frontend-framework Bootstrap gerealiseerd.

8

9 Toy Story Syntax, een thema voor Atom In 1995 kwam het eerste deel van Toy Story uit. Toen ik die film als 8-jarige zag, was ik erg onder de indruk. Ik moest en zou een Buzz Lightyear-actiefiguur hebben. Die kreeg ik uiteindelijk, 15 jaar later. Als ik één van de delen nu kijk, verbaas ik mezelf nog steeds hoe een animatiefilm mij zo kan grijpen. Begin 2014 maakte ik kennis met de code editor Atom. Een flexibele open-source editor die sterke vergelijkingen vertoonde met Sublime Text, de tool die ik in die tijd gebruikte. Ik besloot Atom een kans te geven. Hoewel ik het programma fijn in gebruikt vind, merkte ik snel dat het standaard meegeleverde thema niet helemaal paste bij mijn persoonlijke voorkeur. Ik ging op zoek naar thema s die mij meer lagen. Omdat in de meeste gevallen de syntaxiskleuring in mijn ogen niet perfect was, besloot ik mijn eigen variant te maken. Mijn favoriete animatiefilm diende als inspiratiebron. In Toy Story Syntax zijn kleuren gebruikt die hun oorsprong vinden in bijvoorbeeld de outfit van Woody, de aliens en - hoe kan het ook anders - Buzz Lightyear.

10 Blijf in contact nl.linkedin.com/in/mzilverberg twitter.com/mzilverberg