Portfolio

PROJECTENPROJECTEN PROJECTENPROJECTEN

Mijn Projecten

MIJN

PROJECTEN

Branding

Create that UX

Development

Project X

Branding

OWEN BRYCE

‣ Intro

De eerste opdracht bij het profiel Media, hebben wij, als groep, de taak gekregen, om voor een student van de Rockacademie en muzikant, Owen Bryce, een branding te maken. Hieronder zal het proces volgen van wat ik, en ook deels mijn groepje, hebben gedaan tijdens dit project. Ik hoop hiermee duidelijk uit te leggen hoe het proces is verlopen.

‣ Onderzoek

Voordat ik ben begonnen met het maken van ontwerpen of echte producten voor het project, ben ik begonnen met een kleine onderzoek. Wat heeft de klant nodig? Wat doen andere artiesten zoals Owen Bryce?

Het bezitten van een goede logo is uiteraard belangrijk voor een goede branding. Een persoon of bedrijf kunnen sneller herkend worden, wanneer zij een goede logo hebben die uniek, simpel en universeel is. Maar is dat ook zo, dat een goede logo uniek, simpel en universeel is? Zijn er andere redenen voor het feit dat een goede logo ook daadwerkelijk goed is? In mijn Portfolio-document ga ik hier dieper op in.

‣ Analyse

In de analysefase heb ik gekeken naar wie Owen Bryce is, wat zijn muziek uniek maakt, en wie zijn doelgroep is. Owen’s muziek is een combinatie van melodieuze, dromerige klanken met teksten die een gevoel van vrijheid en optimisme geven. Dit gevoel moest centraal staan in de branding. De doelgroep bestaat voornamelijk uit jonge, creatieve mensen die zichzelf graag verliezen in muziek die ze raakt.
Door te kijken naar de logo's en websites van andere artiesten, en te kijken naar vergelijkbare aspecten, zoals de kleuren, lettertypes en afbeeldingen, kon ik een analyse maken van wat goed is en wat niet, om te gebruiken voor de website van Owen Bryce.

‣ Design

Het designproces begon met het creëren van verschillende versies van het logo. Ik heb geëxperimenteerd met meerdere stijlen: van handgeschreven typografie die een persoonlijke, artistieke sfeer uitstraalt tot strakke, moderne ontwerpen die professionaliteit en veelzijdigheid bieden. Uiteindelijk hebben we gekozen voor een logo dat zowel de dromerige kant als de vrijheid van Owen’s muziek weerspiegelt: een levendige sterachtige logo.

Ik ben dieper op iteraties van logo's gegaan, in mijn Portfolio-document.

Uiteindelijk heeft Owen Bryce gekozen voor een logo dat een stervorm heeft. Dit logo werd gemaakt door Finn, uit onze groep.

Typografie

Verder wilde Owen, buiten een custom logo, ook een logo in de vorm van zijn naam geschreven met een goede typface. Dus gingen wij ins ons groepje op zoek naar passende typefaces voor de naam Owen Bryce. Hieronder vindt men de beste typefaces uitgekozen door mij.

Ik ben dieper op iteraties van typefaces gegaan, in mijn Portfolio-document.

Cover art

Naast het logo heb ik ook cover arts ontworpen voor zijn muziek. Elke cover art vertelt een eigen visueel verhaal, maar ze delen allemaal een consistente stijl en kleurgebruik die Owen's sfeer en sound versterken.

Ik ben dieper op iteraties van cover arts gegaan, in mijn Portfolio-document.

Website

De website is in eerste instantie ontworpen als een uitgebreide multi-page site, maar na verder overleg en testen hebben we besloten om het simpel en krachtig te houden met een onepager. Deze onepager geeft bezoekers in één oogopslag een duidelijk beeld van wie Owen Bryce is, met secties voor zijn muziek, biografie, aankomende optredens en social media. Het ontwerp van de website is minimalistisch maar sfeervol, met zachte kleuren en subtiele finline-icoontjes die de dromerige sfeer van Owen's muziek benadrukken. Alles samen zorgt ervoor dat Owen Bryce als merk een sterke, herkenbare identiteit heeft die perfect aansluit bij zijn muziek en persoonlijkheid.

Klik hier om de website volledig te bekijken.

Reflectie

Tijdens dit project voor Owen Bryce, een muzikant van de Rockacademie, heb ik geleerd hoe je een merkidentiteit creëert die goed aansluit bij een artiest. Zijn drie kernwaarden waren Optimistic, Dreamy en Freedom. Dit bood ons de kans om een visuele stijl te ontwikkelen die deze waarden volledig weerspiegelde. Gedurende het project was de feedback van onze opdrachtgever en docenten van groot belang om de branding vlekkeloos te maken en af te stemmen op de wensen van Owen. We hebben als team twee sprints doorlopen, waarbij we onze ideeën hebben gepresenteerd en afgestemd op zijn visie. Ik ben trots op mijn bijdrage aan dit project. Het proces leerde mij niet alleen om creatief te zijn, maar ook om goed naar de wensen van een opdrachtgever te luisteren en deze om te zetten in een visueel sterk eindproduct.

Make that UX

PICOO

‣ Intro

Intro opdracht Picoo Na het maken van de opdracht voor Owen Bryce, werd het nu tijd om te beginnen aan een UX-opdracht. Onze klant werd Picoo, een bedrijf dat interactieve controllers maakt, waar kinderen op basischolen mee kunnen spelen en met kunnen leren. Als opdracht zelf hebben we de taak gekregen om een manier te bedenken hoe leraren, die de app van Picoo gebruiken, zelf quizzen kunnen maken. Dit hebben wij dus ook gedaan.

‣ Onderzoek

Als eerst hebben wij als groepje natuurlijk onderzoek gedaan naar het probleem. Wat is het probleem? Wie is de doelgroep? Ervaart deze doelgroep dit probleem? Wat zeggen de experts? Wat het probleem precies was, was dat leraren die gebruik maken van Picoo, geen eigen quizzen kunnen maken voor het Quiztafette-spel. Picoo heeft ons gevraagd om onderzoek te doen, en een oplossing te vinden om leraren wel in staat te stellen dit te kunnen doen. Ook om te kijken op welke manier leraren dit zullen moeten doen, om te zorgen voor een goede gebruiksvriendelijkheid.

‣ Analyse

Het Picoo-project richtte zich op het ontwikkelen van een intuïtieve quiz creator voor leerkrachten in het basisonderwijs. Het probleem was dat leerkrachten geen eigen quizzen konden maken binnen het Picoo-platform, wat hun flexibiliteit beperkte. Ons team onderzocht de behoeften van leerkrachten door interviews af te nemen, waarbij bleek dat zij behoefte hebben aan een snelle en eenvoudige manier om quizzen te maken en aan te passen. Bestaande platforms zoals Kahoot dienden als inspiratie vanwege hun gebruiksgemak. We ontwierpen een oplossing met een gebruiksvriendelijke interface waarmee leerkrachten quizzen kunnen creëren, bewerken en delen. Dit biedt zowel flexibiliteit als tijdsbesparing. Het project ondervond uitdagingen, zoals beperkte toegang tot leerkrachten voor interviews, maar leverde uiteindelijk waardevolle inzichten op die leidden tot een praktische en schaalbare oplossing.

‣ Design

Begin app

Het designproces begon met het analyseren van de bestaande Picoo app. Om een consistente gebruikerservaring te behouden, heb ik screenshots gemaakt van de huidige app-interface en deze gebruikt als basis voor mijn ontwerp. Dit zorgde ervoor dat de nieuwe elementen naadloos aansloten op de bestaande visuele stijl van Picoo.

Volgende versie app

Vervolgens heb ik een verbeterde versie van de app ontworpen met de toevoeging van de Quiz Maker. Dit nieuwe onderdeel geeft gebruikers de mogelijkheid om hun eigen quizzen te maken en te spelen. Ik heb gezorgd voor een intuïtieve en gebruiksvriendelijke interface, waarbij duidelijke knoppen en overzichtelijke secties centraal staan. Het kleurenpalet en de typografie zijn afgestemd op de originele Picoo stijl, waardoor de Quiz Maker voelt als een natuurlijke uitbreiding van de app.

Ik leg meer uit waarom ik bepaalde versies heb gemaakt in mijn Portfolio-document.

Webversie Quiz Creator

Naast de app heb ik ook een websiteversie van de Quiz Maker ontworpen. Deze versie biedt gebruikers de mogelijkheid om quizzen te maken en te beheren vanaf hun desktop. Het design van de website is strak en eenvoudig, met een overzichtelijke navigatiebalk en responsieve layout, waardoor de Quiz Maker zowel op mobiele apparaten als op grotere schermen goed werkt. De visuele elementen en kleuren zijn zorgvuldig gekozen om een herkenbare, consistente uitstraling met de app te waarborgen.

Hierbij het design van de Quiz Creator zelf gemaakt in Figma.

En nu hier, versie 1.1 van de Quiz Creator gecodeerd in Visual Studio Code.

Versie 1.2 van de Quiz Creator gecodeerd in Visual Studio Code.

Ik leg meer uit waarom ik bepaalde versies heb gemaakt in mijn Portfolio-document.

Reflectie

TIjdens dit project UX met Picoo, heb ik vooral geleerd hoe men een onderzoek moet doen strict naar UX (User-Experience). Het was interessant om te werken voor een bedrijf die producten maakt voor basisscholen, het was iets nieuws voor mij. Gedurende dit project was feedback van onze UX-docent zeer belangrijk, om de opdracht goed te kunnen afronden. We hebben als groep twee sprint gehad, dus ook twee presentaties. Tijdens beiden hebben we de opdrachtgever goed laten zien wat en waarom we ons product op juist die manier hebben gemaakt. Ik vindt dat ik een goede bijdrage heb geleverd aan het project, en dat ik ook veel heb geleerd van de feedback die ik heb gekregen. Het was een leerzaam project, en ik ben blij dat ik dit heb mogen doen.

Development

PICOO

DEVELOPMENT

‣ Intro

We hebben ons binnen het Picoo-project gericht op de technische ontwikkeling. Met HTML, CSS en JavaScript hebben we de functies die we eerder ontwierpen omgezet naar een volledig werkende applicatie. Leerkrachten kunnen nu eenvoudig hun eigen quizzen maken en beheren, wat resulteert in een gebruiksvriendelijke en interactieve tool voor basisscholen, maar vooral voor de docenten.

‣ Onderzoek

Het onderzoek hebben we al eigenlijk tijdens de UX-opdracht gedaan. We hebben de wensen van de leerkrachten in kaart gebracht en gekeken naar bestaande platforms zoals Kahoot. Dit gaf ons inzicht in de technische vereisten en functionaliteiten die we moesten implementeren. We hebben ook gekeken naar de technische haalbaarheid van onze ontwerpen en hoe we deze konden vertalen naar een werkende applicatie.

Meer over het onderzoek is te lezen in mijn Portfolio-document.

‣ Analyse

We hebben de technische analyse uitgevoerd door de bestaande Picoo-app te bestuderen en te begrijpen hoe deze is opgebouwd. Dit hielp ons om de nieuwe functionaliteiten toe te voegen in de web-versie van de Quiz Creaotor. We hebben ook gekeken naar de gebruikerservaring en hoe we deze konden verbeteren door middel van technische oplossingen. Vooral om te zorgen voor een goede gebruiksvriendelijkheid.

‣ Product

Quiz Creator - Picoo

Hier is te zien, hoe de webversie van de Quiz Creator eruit ziet. Dit is de versie die ik heb gecodeerd in Visual Studio Code. Het is een eenvoudige Quiz Creator die makkelijk te gebruiken is voor de leerkrachten.

Reflectie

Tijdens dit project bij Create That UX heb ik me vooral beziggehouden met het programmeren van ons product. Het was leuk om deze keer echt iets te bouwen en te zien hoe alles technisch samenkomt. Ik vond het interessant om voor een echte opdrachtgever te werken en aan een concreet probleem te werken. De samenwerking in het team samen met Finn verliep goed, we hebben het product snel afgekregen, waardoor we ons aan het einde nog konden focussen op de UX-kant. Daardoor kon ik mijn code verbeteren en beter nadenken over mijn aanpak. Ik ben trots op wat we hebben neergezet en blij met wat ik heb geleerd. Vooral op gebied van JavaScript, heb ik echt stappen gezet.

Project X

Blender animatie

MINECRAFT

‣ Intro

Ik heb me tijdens het project X beziggehouden met het maken van een Minecraft-animatie. Hierbij moest ik leren hoe ik Blender moet gebruiken, en hoe ik een animatie moet maken. Het was een leerzaam project, waarbij ik veel heb geleerd over het maken van animaties en het gebruik van Blender. Vooral het maken van een rig vanaf scratch was een uitdaging, maar ook erg leerzaam. Het was leuk om te zien hoe alles samenkomt in de animatie, en hoe ik mijn creativiteit kon gebruiken om iets unieks te maken.

‣ Onderzoek

Voordat ik aan de animatie begon, heb ik onderzoek gedaan naar hoe Blender werkt en hoe je animaties maakt met Minecraft-rigs. Ik heb tutorials bekeken op YouTube en forums gelezen waar Blender-gebruikers uitlegden hoe ze zelf rigs opbouwen. Hierbij kwam ik termen tegen zoals UV mapping, bones, IK-rigging, en materials. Ik wilde ook weten hoe je een karakter goed laat bewegen, dus ik heb gekeken naar bestaande Minecraft-animaties om te zien wat goed werkt. Zo kreeg ik een duidelijk beeld van wat ik zelf wilde maken en hoe ik dit technisch kon aanpakken.

Meer over het onderzoek is te lezen in mijn Portfolio-document.

‣ Analyse

Tijdens het werken aan mijn animatie heb ik steeds gekeken naar wat technisch mogelijk was in Blender en wat ik nodig had voor mijn eigen idee. Ik moest analyseren welke stappen ik moest zetten om een goede rig te maken – van het opbouwen van de mesh tot het juist plaatsen van bones. Ook analyseerde ik bewegingen van Minecraft-karakters om ze zo realistisch mogelijk te animeren. Door te oefenen met keyframes, camera-animatie en belichting leerde ik wat het verschil maakt tussen een statische animatie en een levendig eindresultaat.

Ik ga dieper of de analyse van het project in mijn Portfolio-document.

‣ Product

Minecraft animatie

Het eindproduct is een korte Minecraft-animatie waarin een karakter beweegt in een eenvoudige scène. Alles is gemaakt in Blender, van het model tot de animatie. Ik heb zelf een rig gebouwd vanaf nul, bones toegevoegd en alles netjes ge-UV-mapped zodat textures goed werkten. Daarna heb ik animaties gemaakt met keyframes – zoals lopen, kijken en springen – en een simpele omgeving gebouwd met verlichting en camera’s. De render laat goed zien hoe alle losse onderdelen samenkomen tot één vloeiende animatie.

Ik leg de screenshots meer uit in mijn Portfolio-document.

Reflectie

Dit project heeft me veel geleerd over 3D-animatie en het werken met Blender. In het begin vond ik Blender behoorlijk ingewikkeld, maar door elke dag te oefenen en stap voor stap te werken, snap ik nu veel beter hoe het programma werkt. Vooral het zelf bouwen van een rig vond ik lastig, maar ook super leerzaam. Het gaf veel voldoening om iets te maken dat echt beweegt.

Ik merkte dat ik steeds sneller werd in het plaatsen van keyframes, het aanpassen van bones en het corrigeren van bewegingen. Ook kreeg ik meer inzicht in het technisch en creatief combineren van onderdelen zoals belichting, camera en storytelling.

Ik ben trots dat ik zelf een complete Blender-animatie heb gemaakt, van concept tot eindrender. Dit project heeft me laten zien dat ik niet bang hoef te zijn voor complexe tools – als je iets echt wilt maken, kun je het leren door te doen.