Portfolio. van Maarten Zilverberg



Vergelijkbare documenten
Ontwerp Portfoliowebsite MMIO 2016

Grafisch ontwerp. Referenties.

Inhoudsopgave. Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B

Interview verslag! Anouk van Houten Interview verslag. Naam: Anouk van Houten, Klas: INF1c Vak: Interviewen Docent: Ellen Leen

Daphne Otterloo. Creative Front-end Developer. Curriculum Vitae. Daphne Otterloo Creative Front-end Developer

Portfolio Fiona Roos. Interaction / Usability / Mindmapping / Webdesign / Concepts / Photography / Visual. Tel.: +31(0)

De strijd van de mobiele formulieren apps

ANOUK ROUMANS TO CODE OR NOT TO CODE.

Stadgenoot. Online dienstverlening Woningcorporatie Stadgenoot afgestemd op de doelgroep. Involvit Sirikit Huibers.

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer

Social Schools Website module

Grote Beer TR Rotterdam

Publishing & Printing Company B.V.

Hoe ga ik dit verwerken? (Begrip maken) Dit volume is goed, dit moet ik zo houden.

FAQ. Responsive Design. Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum Versie 1.0

Bart ter Steege The Mobile Mindmap

ONTWERPEN VAN INTERACTIEVE PRODUCTEN

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.

Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders

TuinHulp.com, Nieuwe Webservice voor Hoveniersbedrijven 2014

Vormgeving Werkgroep 04! Gebruik van een grid en interactie. Bron: smashingmagazine.com, image credit: Kristian Bjornard

Concept document Kitesurf Spot Elyse Teerink November 15, Conceptdocument Informatie Architectuur

1-6. Het begeleiden van een compleet project tot een optimale oplossing is mijn passie!

Reflectieverslag Project Nieuwe Dingen Doen JDE-CTDESA.3V-12. Robin Leenders

tern Handboek Mañuel Handboek plan van aanpak v0.1 Een plan van aanpak v0.9 Tim Logemann, junior developer

Connect Social Business

is front-end kennis relevant voor een UX designer

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES

STARTVERSLAG STUDENT - LOTTE VAN DER SCHOOT // COÖRDINATOR - INGE SCHAREMAN // STAGEBEGELEIDING - CYNTHIA BOOM & KEVIN KARS

Wouter Schong Designer, Marketeer en Ondernemer CV & PDF Portfolio v1.1 - november 2015

Bottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens

Barry van Zanten. Ux Designer / Developer. Kokosnootstraat 39, 2555 XB Den Haag - barry@uthinkicreate.nl

Natuur doet je goed. Natuurbeleving met cliënten. Training voor begeleiders van: ouderen, mensen met dementie, mensen met een (meervoudige) beperking

Connect Social Business

Connect Social Business

Smartphone Onderzoek OTYS Recruiting Technology

Algemene regels. Stappenplan webdesign

Connect Social Business. Plan van Aanpak voor mijn stage bij ConnectSB

Veel gestelde vragen Magister 6

Inhoud. Ontwerpdocument 18 juni 2007

Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren.

Philips E-motion. Protoyping/Interactieontwerp. Kwartaal 1 jaar 3. Inhoud Onderzoek Schetsen Mockups Wireframes Flowcharts

Smart phone experience

Pieter Geneugelijk 4H3

Kyril Herkelman CMD deeltijd 2a Plan van aanpak

Webdesign voor ondernemers

Voorwoord. AHA! De Grafisch Vormgever Voor Communicatie en Multimedia Design studenten.

02. Responsive Design

Gedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item

Hans van Rooij VERSTAG

Indesign. Pencil - Achtergrond - Visie - Keuzes - Onderbouwing - Toepassing. Photoshop - Achtergrond - Toepassing. Vincent Damen

BRENG AFWACHTENDE PROSPECTS SNELLER IN BEWEGING IK WIL SNELLER

Evaluatie project webshop 2.0

Individueel procesverslag

DFI Models & Processes Herkansingsklas 1 (V207) Nienke Griffioen [REDESIGN RTL GEMIST.NL DFI OPDRACHT]

Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening

Hireserve recruitmentsoftware. Brochure 2017

Screen Design. Inge van Dam CMD2E Screen Design Product page. Inge van Dam CMD2E

DESIGN THIS 2 MEREL SCHAAP CMD3C

SMART- Leerdoel Mathijs de Bok Emotion - RMM42

8 Stappen naar Succes

9 redenen waarom jouw website geen klanten oplevert.

Versie 2. Opdracht deel B Inhoud. Raoul Vos Hogeschool Leiden Studentnummer:

App creation made simple!

Uitwerking vacatures:

Even kijken waar wij staan?

Mediaprotocol voor leerlingen

Lesbrief voor leerlingen: hoe ontwerp je een omslag voor een boek

onderzoek ontwerp realisatie implementatie

Allévo. Op weg naar de ultieme BYOD organisatie met informatie op maat!

Aanvullend bestand Mooie presentaties en spreekbeurten maken in PowerPoint

Curriculum Vitae Peter de Leeuw 18 augustus 2015

HET PERFECTE PORTFOLIO. - Tuur Sangers, G&IC, Game Art -

Training en workshops

Een nieuwe website speciaal op maat gemaakt

Inhoud. Subject: Taak Wat is een portfolio? Paul van der Linden MT1a Periode 2 School Docoments, user 9994 Year

Hoi, ik ben Bart Snoek, grafisch- en webdesigner. Dit is mijn portfolio.

Niels van den Hoek. Persoonlijke gegevens. Wie ik ben, in een notendop. Opleidingen en cursussen. Kennisniveau en vaardigheden

Nieuwsbrief van de Raad van Beheer jaargang 3 nummer 11 september 2015

Project If This Then That

Plug & Play. Naam: Vincent Kempers Klas: 09 Zee Datum: 18/02/2015 Studenten nr: Vak: Plug and Play Vak docent: Jonathan Leenman

Schrijf duidelijke en aantrekkelijke. teksten in 5 stappen

Frenz Sitter concept en user interface designer

Naam: School: Mentor:

Transcriptie:

Portfolio van Maarten Zilverberg

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.

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.

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.

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.

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