Hamburger menu
Illustratie van mezelf

Mijn visie

Ik wil graag bijdragen aan de digitalisering van de maatschappij.

1Vormgeving

Studyspot App Het prototype

De Opdracht

Ik kreeg de opdracht om een mobiele webapplicatie te ontwerpen, die aansloot bij de International Student Guide Amsterdam (ISGA). ISGA is een guide die internationale studenten op weg helpt. Mijn werkende prototype is gebasseerd hierop. Het prototype heet StudySpot. Het werkt als volgt: Studyspot is een mobiele applicatie voor Internationale studenten van de Hogeschool van Amsterdam. Met deze applicatie kunnen studenten hun perfecte studieplek vinden in Amsterdam. Voorbeelden van de studieplekken zijn: de Hva campus, Hva bibliotheken, openbare bibliotheken en cafés. Met dit project maakte ik kennis met de programmeertalen HTML en CSS. Tijdens het project experimenteerde ik met de programeertalen. Dit is het begin van mijn affiniteit met coderen.

Vaardigheden geleerd

  1. Een werkend HTML en CSS prototype.
  2. Webserver gebruiken.
  3. Gedetailleerd werken.
  4. Structureel werken.
Het prototype
Shortbread app Het prototype

De Opdracht

Wij (in groepjes) kregen de opdracht om een Hi-Fi prototype ontwerpen voor bakliefhebbers tussen de 40 en 60 jaar. Elk groep kreeg een recept, ons groep kreeg het recept shortbread. Op basis daarvan hadden wij een applicatie ontworpen, die heet de 'Shortbread App' Shortbread App is een applicatie waar de gebruikers de shortbread leren maken. Om de gebruikerservaring te verbeteren moest elke teamleden een usertrip uitvoeren, waar we zelf de shortbread maakte. Alle bevindingen uit de user trip, werden gebruikt om het prototype te verbeteren en nieuwe functionaliteiten toe te voegen. Daarna hadden we een paar schermen ontworpen, uiteindelijk gingen wij die testen op onze doelgroep. Ik heb tijdens dit project veel ontwerpmethodes toegepast, zoals prototypying, user trip en usability testing.

Vaardigheden geleerd:

  1. Usability test sessie uitvoeren.
  2. Lofi en Hifi prototypes maken.
  3. In een multidisciplinaire team samenwerken.
  4. Werken met Prototype softwares, zoals Marvel.
  5. User Trip doen: een shortbread bakken.
Het prototype
Spark App Het prototype

De Opdracht

Voor dit project moest ik een totaal ervaring voor ASN Bank ontwikkelen die ervoor zorgt dat kinderen tussen 6 en 8 jaar bewust leren omgaan met geld. Het concept bestaat uit een fysieke spaarpot en een mobiele applicatie. Met de spaarpot kunnen kinderen geld inleggen. De voortgang wordt bijgehouden in de app. Spark is een mobiele applicatie voor kinderen tussen 6 en 8 jaar die een junior rekening hebben bij ASN bank. De app wordt toegevoegd aan de junior rekening. Hiermee kunnen kinderen sparen en taken uitvoeren voor geld. Daarmee kunnen kinderen bewust omgaan met hun geld. Bovendien ervaren ze hoe het is om voor hun geld te werken.

Vaardigheden geleerd:

  1. Usability test sessie uitvoeren
  2. Lofi en Hifi prototypes maken.
  3. Een totaalervaring maken
Het prototype
piggy spaarpot

Responsive Design

  • Desktop versie van de app

    Laptop versie

  • App in de tablet versie

    Tablet versie

  • Mobiele versie van de app

    Mobiele versie

Verschillende apparaten met de Drawing reference app
Huisstijl Analyse
Huisstijl van Drawing reference App

Drawing reference app

De Opdracht

Het doel van dit project was om een multi-device ervaring te bedenken en ontwerpen, waarbij de gebruiker verschillende apparaten gebruikt om zijn doelen te bereiken. Het concept is een applicatie die beschikbaar is op alle apparaten. Het prototype heet Art Aesthetics. Art Aesthetic biedt een grote variaties afbeeldingen die je kan gebruiken als inspiratie of als een instructie om je tekenvaardigeheden te bevorderen. De meest belangrijkste functionaliteiten van deze ontwerp is dat je zelf ook foto's kan uploaden en in het app kan bewaren. Wanneer je een account maakt kun je genieten van de cloudopslag die het product aanbiedt. al je foto's die je hebt opgezocht, worden opgeslagen in jouw profiel. De afbeeldingen die je zelf had gemaakt, worden ook opgeslagen. Deze foto's zijn beschikbaar op alle ingelogde apparaten.

Vaardigheden geleerd

  • Wireframes maken
  • Responsive design principes toepassen
  • Process documenteren
Verschillende apparaten met de Drawing reference app
Het code van wattpad spin off applicatie
HTML code

Wattpad 2.0

De Opdracht

Voor dit project moest ik twee pagina's namaken van een bestaande website. Ik heb gekozen voor Wattpad. Wattpad is een online bibliotheek waar de gebruiker verschillende ficties kan lezen. Ik heb voor twee pagina's gekozen, de bibliotheek pagina en de detailpagina en deze heb ik geprobeerd na te maken met HTML, CSS en Javscript. In dit vak heb ik verschillende kennis opgebouwd om in het ontwerp toe te passen.

Vaardigheden geleerd

  • CSS Animatie
  • CSS Positionering
  • CSS Grid
  • Website Responsive maken met Media Query
Het prototype

Iteraties

Boekenzoeker

De Opdracht

Voor dit project kreeg ik de opdracht om een user interface vorm te geven, voor de applicatie die opzoek gaat naar boeken. Tijdens de lessen moest ik verschillende schermen ontwerpen en het proces documenteren. Op elke versie kreeg ik feedback, die ik steeds moest toepassen aan het ontwerp. Zo ben ik op mijn eind ontwerp gekomen. Zie boven de verschillende versies van de starpagina's om mijn progress te zien.

Vaardigheden geleerd

  • User interface principes toepassen
  • Huisstijlen analyseren en toepassen
  • Itereren
  • Process documenteren
  • Wireframes maken