Casper Jonker //.nl

Fullstack Developer

Introductie

Welkom op mijn
Website Portfolio Curriculum Vitae

Momenteel ben ik in dienst als Fullstack Developer bij de NOS. In deze rol houd ik mij bezig met het bouwen/onderhouden van het redactiesysteem iNOS.

Diensten

Ik doe
Interaction Design Usability Tests Front-End Development

Als Interaction Designer beperk ik mijzelf niet alleen tot het maken van wireframes. HTML, CSS, Javascript en de Adobe CS vormen de basis van mijn gereedschapskist.

Werkwijze

Ik werk Iteratief

Mijn werkwijze is afhankelijk van de opdracht. Aan het begin van elke opdracht stel ik een plan van aanpak op.

Over het algemeen maak ik gebruik van een iteratief ontwerpproces.

Diagram iteratief ontwerpproces

Opdrachtgevers

  • Fullstack Developer
  • NOS
  • 2016-11-11

Fullstack Developer bij de NOS

Momenteel ben ik in dienst als Fullstack Developer bij de NOS. In deze rol houd ik mij bezig met het bouwen/onderhouden van het redactiesysteem iNOS. De twee belangrijkste technieken die ik daarbij gebruik zijn Javascript (Backbone) en PHP (Laravel).

Laravel logo    Image result for backbone logo

iNOS is een complexe webapplicatie gekoppeld aan meerdere hardware en software systemen. Vanwege deze koppelingen ben ik ook bezig met verschillende broadcastprocessen zoals video editing services en complete studios.

regie nos

  • Front-end developer
  • The Valley
  • 2016-07-10

Front-end development bij The Valley

Van oktober 2015 tot en met juli 2016 heb ik drie tot vijf dagen in de week het Front-end development team van The Valley versterkt. The Valley ontwikkeld apps, corporate sites, portals, (reclame) campagnes, content, e-commerce platforms, interieurs, huisstijlen, loyalty programma’s en e-mail marketing. Ze doen dit voor een aantal uiteenlopende grote en kleine klanten.

valley klanten2

Zoals ze het zelf op hun website omschrijven: "In The Valley werken we met data, design, techniek, een rijke fantasie en gedegen kennis. En dat allemaal tegelijk. Want we weten dat onze inspanningen bij elkaar opgeteld een stuk sterker zijn dan los van elkaar. Net als het werk dat we maken. Elke interactie, gebruiksmoment, contactmoment, elke ervaring moet optellen tot het geheel. Een sterk merk."

responsive mail4

Gedurende mijn tijd bij The Valley heb ik mij voornamelijk bezig gehouden met e-mail, waardoor ik ben uitgegroeid tot een e-mail specialist. Daarbij werkte ik nauw samen met de e-mail marketeers die op hun beurt weer nauw samenwerkte met de klanten. Een aantal klanten waarvoor ik in mijn tijd bij The Valley veel werk voor heb gedaan zijn de BankGiro Loterij, ABN AMRO, KLM, Rabobank en Essent.

Logo LitmusLogo Tripolis

Voor e-mail heb ik gewerkt met programma's als  Tripolis en Litmus. Naast e-mail heb ik ook andere werkzaamheden uitgevoerd. Zoals het responsive maken van de Essent website, animaties maken voor een app van ONVZ en andere werkzaamheden. De kans is aanwezig dat ik terugkeer bij The Valley wanneer ze weer handjes tekort komen.

Front-end developer Randy Fitz-Jim over mijn werk bij The Valley:

“Casper is een goede teamplayer, hij is leuk om mee samen en is iemand die in elk team wel zal passen. Casper gaat erg secuur te werk is bereid om nieuwe technieken te leren en is voornamelijk erg betrouwbaar.”

  • Website
  • De Lancey Foundation
  • 2016-06-15

Website vanaf een blank canvas

De Lancey foundation richt zich op het stimuleren van onderzoek en onderwijs op het gebied van medicijnen, recht en het vlak waar deze twee samenkomen: medisch recht. Lang was de stichting niet te vinden op het internet. Aan mij de vraag of vanuit een blank canvas het on-line visitekaartje te bouwen. 

lancey responsive2

Al bij het eerste gesprek werd duidelijk dat de klant twee verschillende verhalen wilde vertellen op de website. Aan de ene kant moet de informatie over de stichting beschikbaar zijn terwijl aan de andere kant het verhaal van de oprichter verteld moest worden. Vandaar dat ik gekozen heb om de gebruiker al vanaf het begin te laten kiezen, zoals op bovenstaande afbeelding te zien is.

De website is volledig responsive en navigeert op zowel iPhone als Android devices uiterst soepel.

Opdrachtgever Antoinette van Ouwerkerk over de opdracht:

"Casper heeft ons zeer professioneel geholpen. In gesprek gaan over de vormgeving van een website is lastig, maar met slechts een paar steekwoorden wist Casper onze ideeen een creatieve gestalte te geven. Ook heeft hij onze verwachtingen overtroffen door telkens mee te denken over het praktisch en gebruiksvriendelijk maken van de website."

  • Infographic
  • WEJonker
  • 2016-09-14

Infographic WEJonker

Mijn broer, Wieger Jonker, is een freelance grafisch ontwerper. Het verbaast u waarschijnlijk niet dat wij vaak samen werken. Waar ik een website kan inrichten en bouwen kan mijn broer diezelfde website vorm en kleur geven.

Voor zijn eigen acquisitie heeft hij een infographic gemaakt. Deze heb ik vervolgens voor hem bewerkt zodat er meer interactie is tussen de graphic en de gebruiker. In plaats van alle informatie in een keer aan te bieden wordt de gebruiker stap voor stap geïnformeerd. Op die manier is het makkelijk voor de gebruiker om de aandacht bij de graphic te houden.

Omdat de nieuwe infographic gebouwd is in HTML5 kan de tekst nu ook geïndexeerd worden door zoekmachines zoals Google en Yahoo!.

De infographic

tablet3

Klik hier om de interactieve inforgraphic te bekijken in een apart tabblad (best te bekijken op fullscreen).

De Statische infographic

Infographic WEJonker

  • Multimedia officer
  • SIRE | Group
  • 2013-09-01

SIRE | Group

Voordat ik begon als freelancer, was ik in dienst van de SIRE Group. SIRE Group is een Europese dienstverlener op het gebied van personeelszaken. In de rol als media officer was ik verantwoordelijk voor o.a. het onderhoud van de websites, on-line marketing en de interne marketing. Daarnaast heb ik in mijn tijd bij de SIRE Group een groot deel van de huisstijl opgezet. Inmiddels is de SIRE Group een vaste klant van mij waarvoor ik uiteenlopende opdrachten uitvoer.

Websites

De SIRE Group beschikt over twee websites. SIRE Life Sciences (recruitment in de life sciences insdustrie) en Jobsinlifesciences.com (jobboard in de life sciences industrie). Voor beide ben ik medeverantwoordelijk voor zowel het ontwerp als het onderhoud.

SLS JILS2

Drukwerk

Ik ben ook verantwoordelijk voor al het drukwerk van SIRE Life Sciences. Zo heb ik de vormgeving gedaan van het zoganaamde Black Book.Een boek dat wordt gebruikt in het opleidingsprogramma van SIRE Life Sciences. Hieronder een afbeelding van de brochure die ik heb ontworpen voor SIRE Life Sciences.

Brochure 3

Overige werkzaamheden

 

  • - On-line marketing in de vorm van nieuwsbrieven (mail, html)
  • - Interne werkprocessen versoepelen (digitale formulieren)
  • - Branding (intern en extern)
  • Incidenten-registratie
  • UvA/HvA
  • 2015-08-18

Redesign incidentenregistratie

De incidentenregistraties van de UvA en HvA vinden plaats door middel van webformulieren. Deze formulieren zijn opgesteld door de professionals die ze moeten afhandelen en voldoen daarmee aan alle inhoudelijke eisen. Mijn opdracht was het gebruiksvriendelijk maken van de formulieren.

Aan de hand van gebruikerstests met de originele formulieren heb ik de grootste pijnpunten in het ontwerp en de vragen van de formulieren weten te vinden. Na het aanpassen van de vragen en een nieuw ontwerp ben ik opnieuw gaan testen met de eindgebruikers om te verifieren dat de aanpassingen voor vereteringen hebben gezorgd.

incidentenregistratie voor na

Voorbeelden van aanpassingen zijn:

  • - Aanpassen van de vraagstelling
  • - Automatisch laten tonen of verbergen van vervolgvragen
  • - Verplaatsen van webelementen
  • - Aanpassen van de vormgeving

Opdrachtgevers Gijs Heukelom & Ronald Reiche over de opdracht:

“De verbeteringen die Casper voorstelde naar aanleiding van onderzoek onder gebruikers maakte onze formulieren voor het melden van veiligheidsincidenten veel gebruiksvriendelijker. De formulieren zijn wat betreft vraagstelling nu begrijpelijker: het vakjargon is vervangen door taal van de gebruikers en melders. En ook de vormgeving nodigt nu uit tot het maken van een melding. Hierdoor zullen de formulieren sneller worden ingevuld. Zeer waardevolle verbeteringen die ook op andere formulieren kunnen worden toegepast.”

De formulieren zijn alleen toegankelijk voor studenten en medewerkers van UvA/HvA.

  • Urenregistratie
  • Belastingdienst
  • 2016-09-10

Urenregistratie casperjonker.nl

Om als freelancer gebruik te kunnen maken van verschillende belastingvoordelen moet ik voldoen aan een door de belastingdienst ingesteld uren quotum. Het kan dus zomaar gebeuren dat de belastingdienst mij zal vragen om een urenregistratie van mijn werk. Dit is een van de redenen waarom ik een strakke urenregistratie bijhoud. De data van deze urenregistratie heb ik omgezet in een visualisatie die hieronder te zien is.

Laatst geupdatet: 6-9-2016

  • KIJK!
  • HvA
  • 2015-09-01

KIJK! Een gezonde wijk

Titel image

In opdracht van het lectoraat Omgeving en Gezondheid heb ik een webapplicatie gemaakt waarmee gebruikers aan kunnen geven wat zij prettig of vervelend vinden aan hun eigen buurt. Ik heb alles binnen dit project individueel aangepakt, van ontwerpschetsen tot werkende webapplicatie.

Afbeelding 2 wijk naar kijk

Alle ingevoerde observaties worden verzameld in een overzicht. Vervolgens kunnen de gebruikers, gemeentebesturen, bewonersorganisaties, politie of andere betrokken organisaties van een woonwijk deze informatie gebruiken om de buurt te verbeteren.

Afbeelding 7 locatie centraal

De verschillende indicatoren die momenteel zijn opgenomen in de webapplicatie zijn placeholders. De defenitieve indicatoren worden op dit moment vanuit de projectorganisatie vastgesteld. Zodra dat gebeurt is kan de webapplicatie live.

The application

tablet3

  • Samen slim met energie
  • Shifft
  • 2014-11-05

Samen slim met energie

Samen Slim met Energie is een innovatieproject van Enexis en energiecoöperatie DEH, waarin onderzocht wordt hoe energie in Haaren slimmer gebruikt kan worden. Shifft biedt​ daarom de tools om inzicht te krijgen in de opwekking en het verbruik van energie. Een van deze tools is een smartphone applicatie waarvan ik het interactie ontwerp heb gemaakt.

deh app

Naast het online beschikbare energieplatform, wordt aanvullende functionaliteit geboden in deze app:

  • - Realtime inzicht in je energieverbruik met o.a. de energie stopwatch
  • - Inzicht in jouw persoonlijke verbruik en dat van de community
  • - Verbruiksadvies om zo slim mogelijk met energie om te gaan
  • - Vrienden worden met andere gebruikers en samen slimmer worden

Opdrachtgever Stefan Versluis over de opdracht:

“Casper heeft bij Shifft gewerkt aan het interaction design van een innovatieve smartphone-app om real-time energie inzicht te geven op een sociale manier. Een uitdagende klus die hij op gestructureerde wijze heeft aangepakt. Met oog en interesse voor de mening van de eindgebruiker, zonder daarbij de belangen van andere stakeholders uit het oog te verliezen, heeft hij een intuïtief ontwerp afgeleverd dat uiteindelijk na ontwikkeling succesvol is ingezet.”

De app van Samen Slim met Energie is alleen te gebruiken voor deelnemers aan het project.

  • LocalRoots
  • IJsfontein
  • 2013-02-04

Touristen spreiden over Amsterdam

IJsfontein is in het bezit van een zogenaamde tijdkijker. Momenteel staat deze bij de Westergasfabriek, maar in de winter van 2013 stond deze stof te happen in een kelder. Vandaar dat IJsfontein mij en twee collega's heeft gevraagd hier wat mee te doen. Namelijk een manier vinden om toeristen beter te spreiden over Amsterdam door gebruik te maken van de tijdkijker.

Om toeristen te spreiden over Amsterdam moeten zij aantrekkelijke locaties aangeboden krijgen buiten het centrum. Uit interviews met de doelgroep is gebleken dat deze locaties niet bekend zijn bij de toerist. Vandaar dat ervoor is gekozen om deze locaties aan de toeristen te tonen met de tijdkijker. Er wordt interesse gewekt door de toerist het gevoel te geven dat hij live kan rondkijken op de locaties. Aan de hand van observaties is bepaald waar de tijdkijker het beste kan staan. Resultaten van dit onderzoek zijn samengevat op onderstaande kaart.

Toeristisch Centrum Amsterdam small

De tijdkijker maakt toeristen van zichzelf nieuwschierig straalt uit dat deze gebruikt mag worden. Hierdoor is de eerste stap gezet: de toerist loopt naar de tijdkijker. Vervolgens kan de toerist rondkijken op de Dam. In augmented reality ziet de gebruiker verschillende stippen boven de gebouwen rondom de Dam. Deze geven aan waar de aantrekelijke locaties buiten het centrum zich bevinden. Met een klik naar voren op de tijdkijker ziet de gebruiker de betreffende locatie. Door de kijker rond te draaien kan men een kijkje nemen op de desbtreffende locatie.

  • ONZO
  • Gemeente Amsterdam Zuidoost
  • 2013-08-01

Ontdek Ons Zuidoost 'ONZO'

Deze app is gemaakt in opdracht van stadsdeelgemeente Amsterdam Zuidoost en de Amsterdamse Federatie van Woningcorporaties. De opdracht was en multimediaal product ontwikkelen dat Amsterdamse studenten stimuleert om in Amsterdam Zuidoost te wonen. Ik heb hierin de rol als interaction designer vervult.

Check-ins (Stadsgids)

De app biedt de gebruiker een stadsgids waarmee hij/zij door middel van check-ins het stadsdeel kan ontdekken. Deze check-ins variëren van grote evenementhallen als de HMH naar een goede broodjeszaak. De check-ins zijn ingedeeld in verschillende categorieën: sport, uitgaan, eten, cultuur & onderwijs, kleding en elektronica.

Sociaal platform (Community)

Daarnaast wordt de gebruiker ook een sociaal platform geboden wat gedeeld wordt met alle mensen die gebruik maken van de app. Op het homescherm van de app staat dan ook een live feed, waarbij alle gebeurtenissen binnen de app automatisch getoond worden. Op deze manier kan de community elkaar aansporen meer te ondernemen in stadsdeel Zuidoost. Daarnaast zorgt de community dat studenten die actief zijn binnen zuidoost elkaar leren kennen.

Punten (Prijzen winnen)

Check-ins, berichten posten, nieuwe vrienden maken en andere acties binnen de app leveren de gebruiker punten op, die gekoppeld zijn aan haar/zijn account. Deze punten leveren aan het eind van de maand een prijs op, deze valt nog nader te bepalen maar zal verbonden zijn met de check-in locaties in Zuidoost. Het lijkt ons een verstandig idee wanneer de gebruiker die als eerst 1000 punten behaald heeft van de Gemeente Zuidoost en de Amsterdamse Federatie van Woningcorporaties een kamer aangeboden krijgt met een maand gratis huur. Dit stimuleert het gebruik van de app en prikkelt de gebruiker om in Zuidoost te gaan wonen.

Wilt u mij aan het werk zetten? Neem dan contact met mij op. Dan kijken we samen naar uw project en stel ik een plan van aanpak op. Werkt u vanuit Amsterdam? Dan fiets ik graag naar u toe.