Over mij

Ik ben Max de Vries, vierdejaars student Communication and Multimedia Design aan de Hogeschool van Amsterdam en een liefhebber van design.
Ik vind het erg interessant om te kijken hoe dingen ontworpen zijn, hoe dingen vormgegeven zijn. Bij het kijken van een film ben ik niet alleen geïnteresseerd in het verhaal, maar ook geïnteresseerd in het camerawerk, de belichting en de compositie. Wanneer ik een website bezoek vind ik het leuk om te zien hoe die gemaakt is en hoe bepaalde interacties verlopen. Bij een tijdschrift of poster kijk ik hoe die vormgegeven is, wat voor kleur er wordt gebruikt. Kortom: ik houd van design en ontwerpen als vak.

Ik vind het dan ook erg leuk om zelf te ontwerpen, voornamelijk op het gebied van Front-End Development en Visual Design. Ik houd er van dit te combineren tot iets gaafs en unieks. Iets wat echt van mij is.
Ik heb voorheen veel zitten tekenen en heb video"s gemaakt en bewerkt. De laatste jaren heb ik mijzelf HTML, CSS en Javascript aangeleerd door veel bezig te zijn met het maken van websites. Hier ben ik nu behoorlijk goed in geworden.
Visual Design is iets wat ik tijdens mijn opleiding ontdekt heb. Ik had hier voorheen nog nooit iets mee gedaan, maar heb ontdekt dat ik het ook heel leuk vind om hiermee aan de slag te gaan. Voornamelijk de combinatie tussen Front-End en Visual vind ik leuk.

Graag nodig ik je uit om een kijkje te nemen in mijn portfolio. Hier vind je projecten waar ik de afgelopen twee jaar van mijn opleiding aan heb gewerkt. Deze opdrachten zijn gemaakt tijdens projecten of vakken die ik gevolgd heb of tijdens een stage.

Werk

      Mensendieckpraktijk Oudorp

      De houding, beweging en ademhaling kunnen een grote invloed hebben op het ontstaan en onderhouden van klachten. Mensendieckpraktijk Oudorp helpt patiënten hierbij. Een nieuwe, moderne website was nodig om de komende jaren dit bedrijf verder te helpen onderhouden.

      Ontwerp uitdaging

      De website voor Mensendieckpraktijk Oudorp moest herontworpen worden. De vorige website was van 2009, was niet meer passend bij de huidige werkwijze van het bedrijf en was ook niet geschikt voor andere schermgroottes dan desktop. Naast het feit dat de website responsive moest worden was het belangrijk dat de tone of voice en uitstraling van de website passend was bij de praktijk. De belangrijkste ontwerp uitdaging was om de vele informatie over verschillende soorten klachten en behandelingen te tonen in een overzichtelijk en vloeiende ervaring voor de patiënt. Nieuwe patiënten, vaak doorverwezen door huisartsen, moeten informatie over hun klachten en bijpassende behandeling gemakkelijk kunnen vinden om zo uit te kunnen maken of deze praktijk hen zou kunnen helpen en vervolgens contact te kunnen maken.

      Oplossing

      Om de vele informatie van verschillende klachten en behandelingen overzichtelijk weer te geven, was het voor mij van belang dat de klachten visueel waren. Tekst is belangrijk, maar mensen herkennen beelden sneller. Daarom koos ik er voor om voor elke klacht een eigen icoon te maken, in de stijl van Mensendieckpraktijk Oudorp. Alle klachten staan nu in een grid bij elkaar. De informatie over de klacht en behandeling van die klacht vind je nu wanneer je op een klacht klikt. Deze informatie bestaat uit een introductie van de klacht en hoe deze behandeld wordt, specifiek voor die klacht. Eventueel staat er ook nog een video bij die kan helpen bij de behandeling.

      Minor Web Development

      Past de Minor Web Development bij mijn interesses? Dit was mijn uitgangspunt voor de eindopdracht van het vak Web Design dat ik tijdens dezelfde minor gevolgd heb. Ik heb een website ontworpen waar studenten, specifiek van buiten de opleiding, duidelijk voor zichzelf kunnen krijgen of deze minor past bij hun interesses.

      Ontwerp uitdaging

      De uitdaging zat met name in het ontwerpen voor studenten die niet van de opleiding Communication and Multimedia Design (CMD) zijn en dus wellicht niet zo bekend zijn met de onderwerpen die aan bod komen. CMD is namelijk een opleiding die techniek (HTML, CSS, etc.) verbindt met grafisch ontwerp, vanuit het oogpunt van de gebruiker. Studenten van buiten de opleiding zijn vaak gespecialiseerd in één van die onderdelen en daarom kan het een drempel zijn om deze minor te doen. Studenten willen dus kunnen weten of dit geschikt is of niet en daar niet pas achter komen tijdens de minor.

      Oplossing

      Ik heb gekozen om de ontwerpvraag 'Past deze minor bij mijn interesses' direct toe te passen in het ontwerp. Om dit als student te ontdekken vul je eerst je interesses in aan de hand van onderwerpen die tijdens de minor aan bod komen. Past geen van deze opties bij jou dan heb je je antwoord snel gevonden en kan je beter een andere minor gaan zoeken. Wanneer je echter wel overeenkomende interesses hebt, verschijnt er een meter die aan geeft in hoeverre de minor bij je past. Hoe meer interesses je aan vinkt, des te meer de opleiding bij je past. Er zijn vele mogelijke combinaties aan interesses waarbij de minor geschikt voor je is. Dit is namelijk ook zo, je hoeft niet alleen technische interesses te hebben voor de minor.

      Huizenmarkt Amsterdam

      Gezinnen met middeninkomens verdwijnen uit de binnenstad van Amsterdam. Dit probleem heb ik in een projectgroep via een animatie video in kaart gebracht voor de Gemeente Amsterdam. De informatie is gebaseerd op data van de gemeente zelf.

      Ontwerp uitdaging

      Als eindopdracht voor het project Information Design kregen wij van de Gemeente Amsterdam de opdracht om aan de hand van aangeleverde data de huidige problemen in de Amsterdamse huizenmarkt te visualiseren in een animatie video. Gedurende het project hebben we nauw samengewerkt met de gemeente om constant te itereren over het ontwerp. Het ontwerpproces begon met het onderzoeken van de data om patronen te vinden die interessant zijn om te visualiseren. Hier kwam uit dat de huizenprijzen in met name de binnenstad zo hoog zijn dat gezinnen met middeninkomens dit niet meer kunnen betalen en dus naar de buitenwijken trekken. De data gaf duidelijk aan dat dit over de jaren steeds meer is toegenomen. Het gevolg hiervan is dat de binnenstad steeds grijzer wordt.

      Oplossing

      Om dit in kaart te brengen hebben we het groot schalig probleem verkleind naar één gezin dat staat voor vele gezinnen in de binnenstad van Amsterdam. Het gezin Van Dam verwacht een kind en moet dus uitbreiden naar een grotere woning. Vanwege de huizenprijzen is dit niet meer te betalen voor een gezin met een modaal inkomen. Dit verhaal over het gezin Van Dam wordt afgewisseld met een visualisatie van de data: Hoe, over de jaren, steeds minder huizen betaalbaar zijn voor een modaal inkomen en hoe meer en meer Amsterdammers naar de buitenwijken gedwongen worden.

      Eenzame Nederlanders

      In mijn derde jaar aan de opleiding CMD heb ik voor het project Datavisualisatie een visualisatie gemaakt van het aantal eenzame Nederlanders per jaar per leeftijdscategorie.

      Ontwerp uitdaging

      Voor het project Datavisualisatie heb ik twee visualisaties gemaakt over het aantal eenzame Nederlanders. De eerste visualisatie is een werkende visualisatie gemaakt met de JavaScript library D3.js. Hierin kan je per provincie het aantal eenzame Nederlanders in 2016 bekijken. Je ziet wat de percentages en absolute aantallen zijn per leeftijdscategorie en hoeveel procent matig of (zwaar) ernstig eenzaam is. Deze data heb ik verkregen van de website van Volksgezondheid en zorg.

      Oplossing

      De tweede visualisatie is een prototype waarbij je per jaar de bevolkingcijfers kan zien en het totaal aantal eenzame Nederlanders dat jaar. Ook bij deze visualisatie wordt de bevolking verdeelt per leeftijdscategorie. De visualisatie is opgebouwd als een boomstam met jaarringen. Elke ring visualiseert een leeftijdscategorie en de dikte van deze ring geeft het percentage aan van die leeftijdscategorie binnen de totale bevolking. Elke ring heeft een afgezonderd stukje wat het aantal eenzame Nederlanders uit die leeftijdscategorie weergeeft.

      Borges Website

      Borges is een start-up bedrijf dat een search & 3D modeling applicatie ontwikkelt. Tijdens een stage bij Borges heb ik hun company website ontworpen en gemaakt.

      Ontwerp uitdaging

      Van 15 mei tot en met 21 juli 2017 heb ik stage gelopen bij Borges en tijdens deze stage periode heb ik, in samenwerking met mijn begeleider, de company website van Borges ontworpen en gemaakt met behulp van Jekyll.
      Toen ik stage kwam lopen had Borges nog geen eigen website. Dit stond bij hen op dat moment wel op het programma en ik was de geschikte persoon om deze website te ontwerpen en te maken. De website moest een introductie geven van Borges en de applicatie waar ze mee bezig zijn en daarnaast moest de website het team introduceren en open vacatures weergeven.

      Oplossing

      Aan de hand van de huisstijl die voor Borges was ontworpen en de benodigde content dat op de website moest komen, ben ik aan de slag gegaan. Een van de belangrijkste dingen die Borges terug wilde zien in de website was het gevoel dat dit bedrijf een search & 3D modeling applicatie aan het ontwikkelen was. Het accent moest dus liggen op 3D. Vandaar dat ik gekozen heb om het team weer te geven in 3D wireframes. Borges had toevallig al 3D renderingen gemaakt van het team en deze heb ik gebruikt. Ik heb ze zodanig aangepast dat ze transparant zijn en alleen de contouren zichtbaar zijn door middel van een wireframe effect. Deze heb ik vervolgens omgezet tot een GIF bestand die naast een portretfoto van het teamlid staat.

      Melkweg Rewind

      Voor de Melkweg heb ik in een groep gewerkt aan Melkweg Rewind. Een platform van de Melkweg waarop concertbezoekers een concert kunnen herbeleven door middel van foto"s en video"s van social media.

      Ontwerp uitdaging

      De Melkweg kwam met het idee om een platform te maken waarop concertbezoekers hun concert konden herbeleven. Dit platform wordt de Melkweg Rewind genoemd en komt als extra item in het menu te staan. Op de Rewind pagina staan video"s en foto"s van verschillende social media platformen. Daarnaast moesten bezoekers via Rewind kaarten kunnen bestellen voor aankomende evenementen.

      Oplossing

      Wij vonden het een goed idee om de Rewind pagina persoonlijk te maken. Dus wanneer je je ticket scant, wordt er automatisch een verbinding gemaakt met de Rewind pagina van het concert waar je aanwezig bent. Hierdoor zie je direct jouw concertbelevenis bij Rewind. Bij de overzichtspagina kan je filteren op populaire posts, posts van vrienden of recente posts. Ook kan je zoeken naar specifieke woorden die in posts voorkomen. De Rewind pagina is responsive uitgewerkt.

      NEMO Identiteit

      Voor het museum NEMO heb ik in een groep gewerkt aan een nieuwe identiteit. NEMO is een wetenschapsmuseum in Amsterdam dat jong en oud nieuwsgierig wilt maken naar de kracht, het belang en het bijzondere van wetenschap en technologie. "Ontwikkeling door kennis", luidt hun visie, wat de bouwsteen was voor de nieuwe identiteit.

      Ontwerp uitdaging

      NEMO was opzoek naar een nieuwe identiteit dat verder rijkt dan alleen het Science Museum. Ze wilden een identiteit dat alles wat met NEMO te maken heeft overkoepelt. Van logo tot typografie, van beeld tot fotografie, alles moest ontworpen worden. Uiteraard moest deze identiteit bij NEMO passen. Dit houdt in dat het aantrekkelijk is voor kinderen, maar tegelijkertijd niet oninteressant voor jongeren en volwassenen, dat het wetenschap en technologie uitstraalt en met name de visie "ontwikkeling door kennis" ondersteunt.

      Oplossing

      De nieuwe identiteit is opgebouwd uit blokjes, die de bouwstenen vormen van kennis en ontwikkeling. De blokjes bestaan uit vier verschillende basis kleuren: groen, geel, rood en blauw. Bij elkaar vormen de blokjes vier vierkante blokken die de letters NEMO vormen. Elke letter heeft één van de vier basiskleuren. Gezamenlijk vormt dit het beeldmerk van NEMO. Bij dit beeldmerk kan elk onderdeel binnen NEMO toegevoegd worden, zoals Science Museum of Kennislink. Het vormt hierdoor een overkoepelende identiteit.
      Om alle eigenschappen van de nieuwe identiteit in kaart te brengen hebben we een Visual Identity gemaakt. Daarnaast hebben we een mogelijke toepassing van de website van NEMO gemaakt, met de nieuwe identiteit als leidraad.

      ZTRDG Illustratie

      ZTRDG (kort voor Zaterdag) is een online marktplein waar je vers eten kan bestellen. ZTRDG werkt samen met kleinschalige merken en bedrijven. Wat je vandaag bestelt, wordt morgen geoogst en krijg je de volgende dag in huis. ZTRDG heeft naast een winkel ook een hoop lekkere recepten. Aan mij werd gevraagd om voor één zo"n recept een illustratie te maken.

      Ontwerp uitdaging

      ZTRDG heeft naast een winkel ook een hoop lekkere recepten voor klanten om uit te proberen. Vaak staat er fotografie van het recept bij, maar deze keer wilde ZTRDG een illustratie bij het recept.
      Het recept waarvoor ik een illustratie heb gemaakt is "een broodje rookworst met hete rode kool". Het recept was onderdeel van een landingspagina met het thema "worst case scenario".

      Oplossing

      Geïnspireerd op het thema "worst case scenario" en met het idee van een broodje worst ging ik aan de slag. Bij een broodje worst moest ik onder andere denken aan de Amerikaanse Hot Dog. Toen ik daaraan dacht moest ik gelijk denken aan de politieke ontwikkelingen van de laatste tijd in Amerika. Dit leidde mij direct naar de net verkozen Amerikaanse president Donald Trump. Los van mijn politieke voorkeur, vond ik dit idee wel erg goed passen bij het thema. Vandaar deze uitwerking.

      Melkweg Poster

      Ik heb voor de Melkweg een maandposter vormgegeven om alle concerten van de maanden januari en februari in kaart te brengen.

      Ontwerp uitdaging

      De Melkweg kwam met een agenda van de maanden januari en februari waar verscheidene concerten in voorkwamen. Deze agenda moest vertaald worden naar een maandposter dat bij de ingang van de Melkweg en elders in Amsterdam zou komen te hangen. Belangrijk hierbij was dat de belangrijke zaken van veraf goed te zien zouden zijn en het mensen zou aansporen om naar een concert te gaan. Een ander belangrijk aspect was dat de poster het Melkweg gevoel moest uitstralen en bij de Melkweg moest passen.

      Oplossing

      Ik heb er voor gekozen om elke datum een apart blokje mee te geven en deze in een grid van 4 kolommen te verdelen. Januari komt aan de linkerkant te staan en februari aan de rechterkant. Het belangrijkste concert wordt uitgelicht door deze met een foto over 2 kolommen te verdelen.
      Bij concerten die gratis zijn voor jaarleden is er een extra label aan het blokje geplakt met de vermelding YM (Year Member). Ook aan concerten die al uitverkocht zijn is een label geplakt (Sold Out). Verder is de poster opgemaakt in de stijl van de Melkweg.

      Animatie Icoon

      Tijdens het project Visual hebben we verschillende opdrachten gedaan. Één daarvan was een icoon maken voor een film genre. Ik heb daarvoor het genre animatie gekozen en heb hiervoor een icoon gemaakt. Dat is dit icoon geworden.

      Oplossing

      Het animatie icoon bestaat uit een combinatie van twee kenmerken die geassocieerd worden met animatie: het kenmerk van beweging; een stuiterende bal met bewegingslijnen, en het iconische hoofd van Mickey Mouse, wat geassocieerd wordt met Disney en dus animatie.

      NS Verhalen website

      Voor de reisorganisatie NS heb ik een responsive website ontworpen dat uniek vormgegeven verhalen verzamelt. Reizigers kunnen de verhalen op deze website lezen en in contact komen met andere reizigers door in gesprek te gaan over een verhaal.

      Ontwerp uitdaging

      De NS had het idee om een verhalen website op te zetten voor reizigers die met de trein gaan, om het idee te bevorderen dat reizigers meer met elkaar in contact komen. De vereiste van de opdracht was dat het een seamless multi-device experience moest zijn dat reizigers de mogelijkheid geeft om voor, tijdens en na hun reis uniek vormgegeven verhalen te lezen en via deze verhalen in contact te komen met anderen.
      De website moest dan dus responsive werken en een voortdurende belevenis zijn tussen verschillende devices, zodat het één geheel wordt.

      Oplossing

      De focus bij deze opdracht lag bij het samenbrengen van reizigers. Ik bedacht me dat dat het beste gaat wanneer je met elkaar in gesprek kan gaan over specifieke stukken van een verhaal. Vandaar dat je op de content zelf kan reageren. Je kan als gebruiker nu simpel op de tekst klikken waarover je iets wilt zeggen, en een reactie achterlaten. Dit maakt het een stuk persoonlijker dan de gebruikelijke manier van reageren en bevordert het contact met andere reizigers, aangezien je direct een onderwerp hebt om over te praten.

      Down The Rabbit Hole

      Voor het festival Down The Rabbit Hole heb ik een ontwerpvoorstel gemaakt voor een app. Down The Rabbit Hole organiseert los van het jaarlijkse festival ook Rabb-iT avonden die het gehele jaar plaatsvinden. Dit zijn thema avonden waarbij verschillende artiesten optreden. Hiervoor heb ik een ontwerpvoorstel gemaakt.

      Ontwerp uitdaging

      De app voor Down The Rabbit Hole moest de informatie omvatten van de Rabb-iT avonden en de daarbij behorende artiesten. Ook moest er de mogelijkheid zijn om kaarten te kopen voor de avonden. Het was de bedoeling dat gebruikers een leuke Rabb-iT avond konden vinden en hier kaarten voor konden kopen. Bij het ontwerpvoorstel moest er rekening gehouden worden met de doelen van de gebruiker en de doelen van het festival.

      Oplossing

      Ik heb een voorstel gemaakt van een zo simpel mogelijk ontwerp. Aangezien het de bedoeling is om een Rabb-iT avond te kunnen bezoeken, heb ik de stappen die hiervoor nodig zijn zo laag mogelijk gehouden. Bij de homepagina zie je een overzicht van de verschillende avonden en kan je al direct tickets kopen. Als je wat meer te weten wilt komen over de avond en de artiesten die daar staan, kan je op een avond klikken en krijg je meer informatie te zien. Ook hier kan je een ticket bestellen.

      Ben & Jerry's Verjaardagsijsjes

      Voor het vak Human Computer Interaction (HCI) heb ik een webpagina ontworpen voor Ben & Jerry"s waarbij klanten ijsjes kunnen bestellen voor een verjaardag. Het gehele bestel proces is hierbij in beeld gebracht.

      Ontwerp uitdaging

      Ben & Jerry"s wilt inspelen op verjaardagen van kinderen en had voor mij de opdracht een website te ontwerpen dat het bestelproces van deze verjaardagsijsjes doorloopt. De gebruiker moet zo makkelijk mogelijk door dit proces heen kunnen, maar tegelijkertijd een grote variatie aan opties hebben. De klant moet ijsjes in dozen van 9, 16, 25 of 36 kunnen bestellen en moet zowel de dozen als de ijsverpakkingen een persoonlijke boodschap kunnen meegeven.

      Oplossing

      Aangezien er bij het bestelproces een hoop kwam kijken, vond ik het erg belangrijk dat het proces zo visueel mogelijk werd weergegeven. Het uitkiezen van de grote van de dozen, het vullen van de dozen met de gekozen smaken ijs en de persoonlijke boodschap op de verpakkingen is allemaal visueel gemaakt om het de gebruiker zo overzichtelijk mogelijk te maken wat hij/zij aan het doen is. Daarnaast zijn de stappen van het bestelproces duidelijk weergegeven en kan de gebruiker altijd terug. Dit zorgt voor een hoop flexibiliteit.

      Koffiemoment MiCaffé

      Bij het vak User Centred Design (UCD) heb ik vanuit een persona, een student van het MIC, een oplossing bedacht om de koffieautomaten op de HvA te verbeteren. Deze heb ik verbeterd door het keuzescherm te vergemakkelijken. Ik heb een poster gemaakt om dit ontwerp idee te presenteren.

      Ontwerp uitdaging

      De koffieautomaten op de HvA voldoen niet aan de wensen van veel MIC studenten. De gebruiker waar ik mij specifiek op heb gericht is een MIC student die voornamelijk thee drinkt. Hij hecht veel waarde aan de kwaliteit van de thee en ook aan hoe het gepresenteerd wordt. Uit onderzoek kwam naar voren dat er maar één smaak verkrijgbaar is, dat het lang duurt om thee te halen en dat de kwaliteit slecht is. Deze aspecten van de koffieautomaten heb ik verbeterd. Hierbij heb ik mij gericht op het keuzescherm.

      Oplossing

      Ik heb gekozen om het keuzescherm een fris ontwerp mee te geven. De automaten op de HvA nodigen door hun uitstraling niet uit om hier koffie of thee te halen, vandaar dat ik dit veranderd heb. Door de lichtblauwe achtergrond en de simpele stijl krijgt het ontwerp iets fris en vrolijks. Het bestellen bestaat uit drie simpele stappen: smaak kiezen, eventuele toevoegingen en betalen. Mede hierdoor, en door het toevoegen van een timer tijdens het maken van de koffie/thee, voelt het bestellen korter dan het in werkelijkheid duurt. Je krijgt nu meer feedback dan voorheen.

      Trackfit website

      Voor een school project heb ik in een groep een app ontwikkeld voor topsporters op weg naar de Olympische Spelen van 2016. Deze app heeft de naam Trackfit gekregen. Trackfit zorgt ervoor dat professionele wielrenners het steuntje in de rug krijgen dat ze nodig hebben op weg naar Olympisch goud.

      Ontwerp uitdaging

      We moesten ons richten op één type sport en kregen daarbij een persona. Wij kregen wielrennen als sport met onze persona Karsten Kroon, een ex-wielrenner wiens voornaamste probleem was dat al zijn sportgegevens niet in één overzicht stond. Vanuit zijn perspectief zijn we te werk gegaan.
      De app moest de sporters kunnen helpen met hun voorbereiding voor de Spelen en de problemen van onze doelgroep oplossen.

      Oplossing

      Trackfit is onze oplossing geworden. Trackfit is een logboek app/website, waarbij de gebruiker al zijn sportgegevens in één handig overzicht gepresenteerd krijgt. De gegevens die tijdens het trainen gemeten worden komen direct in het logboek te staan, waarbij de sporter nog extra informatie kan toevoegen in de vorm van notities. De app geeft ten alle tijden een prestatie overzicht van de gemeten resultaten gedurende een dag, week of maand en deze resultaten kunnen teruggevonden worden in een agenda.
      Omdat een sporters logboek zeer persoonlijk is, moet er een account aangemaakt worden, zodat alleen de sporter zelf toegang heeft.

      Hoogste Kaart

      Voor het vak Inleiding Programmeren heb ik een Javascript spel gemaakt. Dit is een kaartspel, genaamd "Hoogste Kaart", waarbij de speler het opneemt tegen de computer. Om de beurt wordt er een kaart getrokken. Degene die het vaakst de hoogste kaart trekt, heeft gewonnen.

      Oplossing

      Aan het begin van het spel worden de kaarten "geschud". Dit wordt gedaan door de kaarten in een willekeurige volgorde te plaatsen. Daarna worden de 52 willekeurig geschudde kaarten verdeeld in twee stapels van 26 kaarten, één voor de speler en één voor de computer. Elke keer dat je op de knop "Nieuwe kaart" klikt, trekt eerst de speler een nieuwe kaart en vlak daarna de computer. De kaarten worden met elkaar vergeleken en degene met de hoogste kaart wint de ronde en krijgt 1 punt. Bij een gelijkspel krijgt niemand een punt.
      Na 26 ronden, wanneer alle kaarten op zijn, worden de punten van alle ronden met elkaar vergeleken en een winnaar bepaald. (Degene die de meeste ronden heeft gewonnen)

      CoffeeBar website

      Tijdens het vak Vormgeving heb ik een ontwerp bedacht en gemaakt voor de visuele identiteit van een fictief café, genaamd CoffeeBar. Hiervoor heb ik het logo, de algemene stijl van de brand en de bijbehorende website ontworpen.

      Ontwerp uitdaging

      Voor de brand van CoffeeBar moest er een typografisch logo gemaakt worden, was het de bedoeling om een stijltegel te maken met de bijbehorende kleuren, typografie, iconen, vormen en fotografie en de uiteindelijke onepage website moest vormgegeven worden.

      Oplossing

      Ik wilde gaan werken met de letters C en B van CoffeeBar, en deze op een bepaalde manier combineren tot een goed logo. Na een hoop variaties, heb ik uiteindelijk gekozen om van de letters het beeld van een koffiebeker te maken, waarbij de C het oor is van de B. Vanuit dit logo ben ik verder gaan werken. Eerst heb ik gekeken naar de typografie, aangezien die uit het logo kwam. Daarna ben ik verder gaan kijken naar kleur, vorm en fotografie.
      De eindoplevering was een ontwerp voor een onepage responsive website waar je onder andere het menu van het café kan bekijken en spullen kan kopen in de shop.

      ISGA

      Voor de studentengids International Student Guide Amsterdam, editie 2015-2016, heb ik verhalen van internationale studenten omgezet in een responsive website, met de focus op mobiel. Deze verhalen gaan over de ervaringen van internationale studenten aan de HvA, om huidige studenten te helpen met hun verblijf in Amsterdam en Nederland.

      Ontwerp uitdaging

      De International Student Guide Amsterdam (ISGA) is een gids voor internationale studenten aan de HvA die nieuw zijn in Nederland en Amsterdam. In de gids staat informatie en allerlei handige tips om als student, nieuw in Amsterdam, goed voorbereid te zijn op je verblijf. Deze gids wordt dan ook door de HvA aan het begin van het nieuwe schooljaar gratis uitgedeeld aan nieuwe internationale studenten.
      ISGA wilde dat deze gids niet alleen als boek wordt uitgedeeld, maar ook een digitale versie heeft wat iets extra"s kan toevoegen aan de gids.

      Oplossing

      In deze gids staan per hoofdstuk verhalen van internationale studenten die al op de HvA hebben gestudeerd. Zij delen hiermee hun ervaring van Amsterdam. Deze verhalen heb ik omgezet in een digitale variant, met nog een extra mogelijkheid tot het maken en delen van je eigen verhaal.
      Op de homepagina kan je kiezen van welke oud student je het verhaal wilt lezen. Deze verhalen staan ook in de fysieke gids. Je kan ook filteren tussen de verhalen. Daarnaast kan je zelf een verhaal toevoegen door op de "+" knop te drukken.

      Contact