dESign-logo

Geef ruimte om te leren en ontdekken


Hallo, mijn naam is Jasper van Es en ik ben een full stack designer en developer uit Oud-Beijerland, met een voorliefde voor interaction design en front-end development. Ik heb een passie voor applicaties waarmee de gebruiker op een speelse wijze kan leren en zich verder kan ontwikkelen. De eindgebruiker moet hierbij altijd centraal staan tijdens het gehele ontwikkelproces.

Wat mij het meest kenmerkt is mijn ambitie om steeds nieuwe dingen te blijven leren. Zo kan ik de ene dag in een nieuw javascript framework duiken, terwijl ik de volgende dag een tutorial volg voor nieuwe over schetstechnieken om betere wireframes te kunnen maken. Door deze kennisverbreding kan ik ook naast mijn expertisegebied binnen een project van meerwaarde zijn.

Studie Detective


De studie detective is een tool die examenleerlingen van het voortgezet onderwijs helpt bij het vinden van een vervolgopleiding. De leerling wordt, door een combinatie van game design en storytelling, door het gehele proces van het vinden van een studie begeleid.

Dit proces wordt binnen de applicatie opgedeeld in een viertal fasen: Oriënteren, verdiepen, filteren en beslissen. De studie detective maakt deel uit van mijn afstudeeronderzoek en is een doorvertaling van de bevindingen uit mijn scriptie.

dESicons 1.1


dESicons is een verzameling van minimalistische iconen die specifiek gemaakt zijn voor een duidelijke weergave op kleinere formaten. De verzameling komt voort uit verschillende projecten van de afgelopen jaren en wordt regelmatig uitgebreid.

De iconen zijn gebundeld tot een lettertype en zijn beschikbaar in twee varianten: Solid en Stroke.

Presentje


Coolblue staat bekend om zijn service en klantvriendelijkheid; het is niet voor niets dat ze de afgelopen jaren regelmatig in de prijzen zijn gevallen voor zowel de websites als service. Gewoon verwonderen, dit is het doel van Coolblue, de klant tevreden maken en hem laten glimlachen. Als aanvulling op het huidige aanbod van Coolblue heb ik, gedurende mijn minor programma, Presentje ontwikkeld.

Presentje is een app voor het vinden van een cadeau met meerdere mensen. Hierbij kan iedere lid van de groep zelf de hoogte van zijn bijdrage bepalen en informatie toevoegen over de ontvanger. Op basis hiervan wordt door Coolblue suggesties gegeven van mogelijke cadeau's waaruit het team vervolgens een keuze maakt.

Pixel Symphony


Als licht en geluid beide golven zijn bestaat er dan een mogelijkheid om blinden beelden te laten horen of doven geluid te laten zien. Met deze gedachte in het achterhoofd begon ik met een schoolopdracht waarbij een mashup van verschillende javascript API's gemaakt moest worden. Omdat ik door bijles aan mijn medestudenten al veel ervaring had met API's besloot mijzelf uit te dagen door er zelf een te schrijven: Pixel Symphony.

Met deze API is het mogelijk om een afbeelding om te zetten naar piano muziek, hierbij wordt de bladmuziek gebaseerd op de kleuren van de pixels. Door een koppeling met de API van Instagram is het mogelijk naar de muziek te luisteren die verborgen zit in je eigen foto's.

Day of the Intern


In de zoektocht naar nieuw ontwerp en ontwikkel talent heb ik bij Supersteil meegewerkt aan de ontwikkeling van een recruitment pagina. Day of the Intern geeft inzicht hoe het is om als stagiair te werken bij Supersteil en hoe je doorsnee dag eruit ziet. Aan de hand van de keuze voor het type stage wordt een bijbehorende video fullscreen getoond.

In het overzicht van de eerdere stagiaires kan de gebruiker de projecten waaraan zij gewerkt hebben. De gebruiker kan op verschillende manieren door het overzicht bladeren waarbij alle interacties gemeen hebben dat ze een vorm van feedback aan de gebruiker. De site dient als visitekaart voor Supersteil en zit daarom vol met dit soort interacties en animaties die gemaakt zijn met een combinatie van HTML, CSS en Javascript.

Avetica Branding


Naast de vormgeving van de huisstijl van Avetica heb ik voor verschillende projecten het interactie ontwerp en de huisstijl ontwikkeld. Hierbij heb ik een template ontwikkeld voor een stijlhandboek welke op basis van de ontwerpen gevuld wordt voor een specifiek project. Het template van het handboek is gemaakt met gebruik van html, css en javascript.

Hierdoor waren de ontwikkelaars in staat onderdelen uit het handboek over te nemen zonder de noodzaak zelf het ontwerp na te maken. Deze werkwijze maakt bovendien het weergeven van interacties, transities en animaties mogelijk binnen het systeem waaronder de manier waarop een responsive pagina zich gedraagt.

Logo collection



werk

Studie Detective

application & research

dESicons 1.1

illustration

Presentje

mobile site

Pixel Symphony

website

Day of the Intern

website

Avetica Branding

corporate identities

Logo Collection

illustration

The Sketchbook

Illustration