Een selectie van mijn werk

 

Greenwheels

Een schoolproject met een echte klant. Greenwheels zijn auto’s die zowel particulier als zakelijk te reserveren zijn. Er is gekeken hoe erop aangestuurd kan worden dat er voorzichtiger met de auto’s wordt omgegaan.

  • GW_start
  • GW_proces
  • GW_app

Content greenwheels

  • 01 – automated behavior

    Tijdens dit project is er gekozen om automated behavior in te zetten. De omgeving moet hierbij gedrags-verandering teweeg brengen.

  • 02 – CJM > wireframe

    Door mij is een customer journey map opgesteld. Vanuit de inzichten daaruit zijn schetsen en wireframes gemaakt voor een app.

  • 03 – app

    De app zorgt ervoor dat wanneer een bestuurder de auto instapt, de auto hem herkent, begroet en je instellingen regelt, zodat hij zich te gast voelt en dus voorzichtiger omgaat met de auto.


Ben…onderweg

Ben…Onderweg is een onderneming die pelgrimswandelreizen aanbiedt. Naast deze activiteiten verzorgt Ben…Onderweg ook klankschaalconcerten en coaching gesprekken op basis van NLP.

  • BO_logos
  • BO_flow
  • BO_site
  • BO_folder

Content Ben…onderweg

  • 01 – logo’s

    Door de verschillende activiteiten die Ben…Onderweg verzorgt ontstond er de noodzaak om een onderscheid te creëren in uitstraling.

  • 02 – flowchart site

    Voor de redesign van de site is een flowchart gemaakt om naar de developer, die de site bouwt, de nieuwe opzet te communiceren.

  • 03 – redesign site

    Dit zijn de voorstellen die aan de developer voorgelegd zijn. Over het resultaat ben ik momenteel echter
    nog niet tevreden.

  • 04 – folder

    Om het aanbod van reizen te communiceren heb ik deze folders ontworpen voor het gebruik op beurzen en dergelijke.


Adobe edge animatie

Met Adobe Edge Animate kunnen interactieve HTML5 animaties gemaakt worden. Hier zijn een aantal projecten die ik hiermee gerealiseerd heb.

  • EA_sib
  • EA_micro
  • EA_aangenaam

Content edge animate

  • 01 – slachtoffer in beeld

    Van het Jaarverslag van 2014 is, van de belangrijkste punten, een interactieve infographic gemaakt met behulp van Edge Animate.

  • 02 – micro interactie

    Een studie naar transities die kunnen dienen als “delighter” tijdens een micro interactie. Een live voorbeeld hiervan is hier te bekijken.

  • 03 – eerste poging

    Alvorens het maken van deze site ben ik begonnen in Edge Animate om mijn portfolio weer te geven. Deze poging is hier te bekijken.

  • Edge Animate

    Edge Animate schrijft zelf de HTML5-code en met behulp van Javascript kan er interactiviteit aan toegevoegd worden.

AH Slowculture

Een fictief project als onderdeel van de specialisatie visual design. Albert Hein lanceert een Slowfood platform waar gebruikers nieuwe recepten kunnen ontdekken en de mogelijkheid hebben de ingrediënten direct te bestellen.

  • AH_logo
  • AH_intro

Content Slowculture

  • 01 – logo

    De app heet slowculture, omdat er tijdens het koken achtergrond-informatie over de ingrediënten en recepten te ontdekken is.

  • 02 – style guide

    De eerste pagina van de style guide om de continuïteit te waarborgen met betrekking tot logo, kleur en fotografie gebruik.

  • 03 – Gesture video

    Een video gemaakt in After Effects om aan te tonen hoe de interface gebruikt wordt.


Illustraties

In mijn vrije tijd maak ik af en toe illustraties. Hieronder zijn een aantal van deze illustraties te bezichtigen. Voor het maken van deze illustraties maak ik meestal gebruik van Illustrator in combinatie met Photoshop.

  • EW_nap
  • EW_man
  • EW_pet

Content illustratie

  • 01 – let me wipe that

    Voor de servetten wedstrijd van Lowlands heb ik deze illustratie gemaakt. Deze won en werd gebruikt tijdens Lowlands 2010.

  • 02 – U30

    U30 is een boek dat Utrecht’s design op de kaart wil zetten. Deze illustratie heb ik daarvoor gemaakt en is terug te vinden in het boek.

  • 03 – under the cap

    Deze illustratie is met de hand gedaan. Eerst geschetst en daarna overgetrokken met oost indische inkt.


Barbershop Nero

Nero de Boer verwerkelijkte zijn droom om ooit zijn eigen herenkapperszaak te starten. Hiervoor heb ik een logo, site en divers promotiemateriaal verzorgd.

  • NB_logo
  • NB_site
  • NB_poster
  • NB_illu-2

Content Barbershop

  • 01 – logo

    Voor het vertalen van de sfeer die rond een klassieke barbershop hangt heb ik een logo ontworpen met een “old-mens-feel”.

  • 02 – website

    Naast het logo heb ik de site voor Nero gerealiseerd met WordPress. Onlangs is de mogelijkheid om online afspraken te maken toegevoegd.

  • 03 – poster

    Nero verzorgt regelmatig verschillende evenementen, waarvoor posters zijn ontworpen. Voor een whiskey proeverij is deze poster gebruikt.

  • 04 – illustratie

    Deze illustratie is een knipoog naar het feit dat de barbershop “MEN ONLY” is. Ontworpen in Illustrator, nabewerkt met Photoshop.