Alle blogs
Stageverslag 2: Mijn traject om een webdesigner te worden
In de laatste periode heb ik vele projecten gekregen waar ik enthausiast mee aan de slag kon. Hierbij ben ik een stuk verder gekomen in mijn eigen ontwikkeling tot een professionele webdesigner en meer. Sinds het inleveren van het laatste stageverslag ben ik bezig geweest met oude en nieuwe klanten, en zijn er een aantal projecten eindelijk afgerond die ik aan het begin van deze stage begon.
Mark Fredriksz
15 min leestijd
Voorwoord
Nu mijn eerste stage aan het einde komt, ben ik erg blij met mijn voortgang om een échte webdesigner te worden. Ik heb veel geleerd, maar merk ook wel dat er nog veel meer te leren valt. Zelf probeer ik altijd zoveel mogelijk te leren over een of meerdere vakgebieden, en ik hoop dan ook dat mij dat gaat lukken met webdesign. Gelukkig heb ik het goed naar mijn zin op de stage bij DSGN, en heb ik wel het vertrouwen hierin.
Snel na het inleveren van verslag 1, met hulp van mijn begeleider heb ik mijn leerdoelen bijgesteld. De nieuwe leerdoelen zijn meer doelgericht en helpen meer met het behalen van een goede baan in het veld van webdesign.
Omdat ik besloten heb om mijn stage bij DSGN voor te zetten na de zomervakantie, kan ik doelen opstellen die ik in een langere tijd kan leren. Zo passen deze leerdoelen beter bij me, en zijn het allemaal dingen die ik wil leren om een goede webdesigner (en meer) te worden.
Recap: Wat heb ik in mijn vorige stageverslag besproken, en wat wil ik hieraan veranderen?
MIjn leerdoelen van de vorige periode waren als volgt:
- Werken onder druk
- Projecten leren af te maken
- Leren werken in een professionele setting
Op de dag van het inleveren van stageverslag 1 had ik gelijk al feedback gekregen van Emiel op deze leerdoelen. Hierbij hadden we besproken dat deze leerdoelen niet compleet waren, en misschien te algemeen. Ook kreeg ik van emiel feedback dat deze doelen iets te ambitieus waren, en dat ik één ding per keer moest leren, in plaats van 10+. Hier was ik het wel mee eens, want als ik te veel dingen tegelijkertijd leer, wordt het te veel en heb ik geen vrije tijd. Zo heb ik mezelf voorgenomen dat ik deze dingen tijdens de stage zou leren, en thuis mijn zelfverdiende rust nam.
Veranderingen
Snel na het inleveren van verslag 1, met hulp van mijn begeleider heb ik mijn leerdoelen bijgesteld. De nieuwe leerdoelen zijn meer doelgericht en helpen meer met het behalen van een goede baan in het veld van webdesign.
Omdat ik besloten heb om mijn stage bij DSGN voor te zetten na de zomervakantie, kan ik doelen opstellen die ik in een langere tijd kan leren. Zo passen deze leerdoelen beter bij me, en zijn het allemaal dingen die ik wil leren om een goede webdesigner (en meer) te worden.
Hierbij zijn mijn nieuwe leerdoelen als volgt:
Mijn nieuwe, verbeterde SMART leerdoelen
Deze leerdoelen heb ik samen met het bedrijf opgesteld om direct na mijn diploma door te stromen als voltijds medewerker. Hierbij was het belangrijk voor beiden kanten dat ik unieke skills bevat die waardevol in het bedrijf zijn.
In het bedrijf ben ik de enige medewerker / stagiair met kennis in webdesign, de andere stagiairs komen allemaal van de opleiding Grafisch Vormgeving. Als webdesigner + mijn extra kennis in coderen kan ik aangeven hoe haalbaar een bepaald concept is voordat het in de uitvoerfase is. Zo heeft het bedrijf realistische verwachtingen over de uren en moeite die hierbij nodig is, en kunnen zo afwegingen beter genomen worden.
Door deze benodigdheden van unieke skills binnen het bedrijf heb ik samen met een aantal medewerkers van DSGN deze nieuwe leerdoelen opgesteld.
Mijn designs gebruiksvriendelijker maken door middel van user experience, marketing & design.
Dit eerste leerdoel heeft een planning van 5 tot 6 weken. Hierbij heb ik met mijn stagebedrijf een planning gemaakt waarbij deze doelen in stappen opgezet zijn. Hierbij is de eerste stap een verdieping in marketing. Sinds marketing zo groot is, heb ik niet de intentie om alles hiervan te leren. Voor de eerste fase focus ik mij voornamelijk op neuromarketing en actiemarketing. Ik heb deze marketingvormen gekozen omdat ze belangrijk zijn voor het behalen van conversies. Hierbij richt je je voornamelijk bij neuromarketing op het onbewuste, en bij actiemarketing op het actief verhogen van conversie.
Het doel van (vrijwel) alle designs is ook dus om de conversie te verhogen, en deze technieken kan ik nu in al mijn designs verwerken. In deze eerste stap is het focus op UX design ook erg belangrijk. Hierbij gaat het niet over de interfaces, maar gaat het over de waarom. Waarom werkt dit goed, waarom werkt dit niet, hoe moet ik mijn content structureren om het efficiëntst te zijn?
De methode die ik hiervoor gebruik is het bekijken van goed converterende sites, en letten op waarom het zo goed converteert. Denk hierbij ook aan het gebruik van kleuren, vormen en het taalgebruik. Al deze vondsten documenteer ik en gebruik ik bij al mijn designs mits mogelijk.
Smart doelstelling:
Specifiek: Marketingtechnieken (zoals neuromarketing, actiemarketing, contentmarketing en interactieve marketing) gebruiken om mijn designs gebruiksvriendelijker te maken, met als doel: meer conversie.
Meetbaar: Bij DSGN gebruiken we allerlei marketingtools om te meten wat de impact is geweest van campagnes en designkeuzes.
Acceptabel: De rede om dit (als eerste) te leren is om deze kennis door te pakken in mijn volgende designs om een betere UX designer te worden.
Realistisch: Ik leer snel als ik iets leuk vind. Omdat marketing so groot is, heb ik besloten om te focusen op dé belangrijkste aspecten die te maken hebben met web design.
Tijdsgebonden: De fase om marketing te begrijpen is 5 weken. Hierbij ben ik elke week rond de 15 - 25 uur hiermee bezig. Er is een planning gemaakt die dit doel opsplitst in 3 stappen van elk 1 tot 2 weken.
Hoe is dit mij gelukt?
Ik ben tot aan de zomervakantie nog bezig met het (deels) onder de knie krijgen van marketing. Hierbij heb ik veel opgepakt door vooral neuromarketing. Dit vind ik de leukste vorm van marketing sinds het niet opvalt, en je het overal op kan toepassen.
Verder ben ik veel bezig geweest met UX design. Hierbij heb ik mijn besproken methodes toegepast en heb ik een bestand aangemaakt met een aantal tips en tricks waar objectieve goede websites gebruik van maken.
Zelfstandig websites voor klanten (kunnen) maken in WordPress
Sinds het begin van mijn studie heb ik al een beetje WordPress genegeerd. Vele mensen maken hun eerste portfolios hierin, maar ik had toen besloten om te werken met Adobe Portfolio. Hier ben ik gelukkig snel vanaf gegaan. In de rest van de jaren, toen ik HTML CSS en JavaScript ging oppakken, heb ik het altijd een stuk leuker gevonden om zelf alle code te schrijven, en zo te leren. Ik vond het altijd te makkelijk lijken om alleen maar te slepen, ik moest een uitdaging hebben.
Ook ben ik in de laatste anderhalf jaar veel bezig geweest met semantische code. Dit is vooral belangrijk voor zoekmachines en bots die je website alleen op een tekstuele wijze zien. Ditzelfde geldt ook voor blinden. Hierbij gebruik je veelvoorkomende HTML elementen die een bepaalde betekenis hebben voor text-to-speech programma’s. Als je website goed in elkaar zit, is het erg makkelijk als programma om je website als zegmaar een boek te lezen. Dit is ook belangrijk voor de zoekbaarheid van je website.
Ik kwam er snel achter dat WordPress niet de meest gebruiksvriendelijke code schreef hiervoor, en dus zat het niet lekker met me. Ook zijn er op het internet vele (terechte) klachten over de langzame websites die gemaakt worden door middel van WordPress. Dit komt omdat de websites automatisch gegenereerd zijn, en dus op een erg inefficiënte manier in elkaar zitten. Ik heb dus deze drie jaar WordPress vrijwel volledig genegeerd.
Zo kwam ik dus aan bij mijn stage, met geen tot weinig kennis in WordPress, en zag ik dat vele (ahem, alle) websites op stage hiermee gemaakt worden. Toen besloot ik toch om deze stage een beetje succesvol af te ronden, en voor mijn toekomstige banen, dat ik dit ten minste onder de knie moest krijgen. Wel heb ik besloten om tijdens het leren van WordPress niet dezelfde fouten te maken die ik constant bij vele sites zie. Ik ging mijn kennis van semantische HTML proberen toe te passen bij WordPress.
Smart doelstelling:
Specifiek: Websites zelfstandig kunnen (af)maken in WordPress.
Meetbaar: Als mijn eerste zelfgemaakte website in WordPress online staat, is dit doel behaald.
Acceptabel: In een vorige periode hebben we lessen gehad van Emiel in WordPress. Dit is een skill die elke webdesigner moet beheren, ook al vinden ze er niks aan.
Realistisch: Het leren van WordPress is niet al te lastig, dus ik heb veel vertrouwen in het afmaken van dit doel.
Tijdsgebonden: Het leren hiervan is samen ingepland met klantcontact, en is ingepland van september tot en met december 2022. Hierbij wil ik rond de 10 - 15 uur per week hieraan besteden, omdat het niet mijn favoriete onderwerp is.
Hoe is dit mij gelukt?
Ik ben nog niet begonnen met de periode van het leren van WordPress, al heb ik wel een aantal dingen geleerd van de afgelopen maanden. Ik heb geleerd hoe ik allerlei bestaande layouts kan aanpassen en een aantal basics, maar heb goed vertrouwen in dat het mij gaat lukken om WordPress snel onder de knie te krijgen.
Het zelfstandig oppakken van klantprojecten
In Het Bureau heb ik al deels ervaring met het maken van klantprojecten, maar ik heb ze nooit volledig zelfstandig gedaan. Ik was altijd bezig in een groep, en al hadden we een klantgesprek was ik vaak niet degene die met de klant praatte. Wel vind ik dat dit een erg belangrijke skill voor mij is om te leren. Daarom heb ik afgesproken met DSGN dat ik in het begin van mijn tweede stage daarmee aan de slag ga. Ik hoop voor het einde van de stage een aantal projecten volledig afgemaakt te hebben als projectleider.
In de eerste paar weken ga ik vooral kijken hoe het klantcontact bij DSGN eraan toe gaat. Hierna kan ik langzaamaan meer klantcontact op mijzelf nemen. Omdat ik ervaring heb met webdesign en een brede skillset heb wanneer ik begin met deze doelstelling kan ik vrij makkelijk inschatten hoeveel een web design project zou kosten, hoeveel uren dit zou duren, en of dit wel haalbaar is. Zo ben ik een designer en developer in één, en komen hiervan geen misverstanden.
Als designer en deels developer kan ik ook mijn brede kennis hierover op alle aspecten van het klantproces loslaten, en heb ik geen externe hulp nodig van andere collega’s, al is feedback wel leuk. Bij DSGN maken we vooral veel websites, dus mijn nieuwe kennis in WordPress komt dan goed te pas.
Smart doelstelling:
Specifiek: Het oppakken en zelfstandig afmaken van een klantproject.
Meetbaar: Zonder externe hulp een volledig klantproject tot afronding brengen.
Acceptabel: Als ik wil leren om in een creative agency te werken moet ik dit leren. Ook vind ik het werken met klanten leuk.
Realistisch: De meeste projecten lopen voor 1 tot 2 maanden, dus er zijn genoeg kansen om zelfstandig een project op te pakken.
Tijdsgebonden: Deze fase loopt tot en met het einde van mijn volgende stage. Dit geeft me genoeg tijd om een aantal projecten hopelijk op te pakken.
Hoe is dit mij gelukt?
Ook al is deze periode nog niet gestart, ben ik al in een aantal klantgesprekken geweest. Hierbij heb ik een aantal opmerkingen over websites direct met de klant gecommuniceerd, en daarna vlot opgelost. Ook al was ik zelf het gesprek niet aan het leiden, vond ik het wel leuk om direct met een klant te werken. Hopelijk heb ik in de volgende periode meer kansen om dit te doen.
Werkprocessen
Bij DSGN is er altijd wel iets te doen, en de klantopdrachten verschillen veel. Deze periode ben ik vooral bezig geweest met een aantal grote projecten, namelijk Reborn Health Club en Jakefood van de vorige periode. Sinds ik te veel projecten heb gedaan om hier te noemen, noem ik een aantal belangrijke waardoor ik veel geleerd heb.
Om het even op een rijtje te zetten, in deze stage heb ik actief veel meegewerkt aan 20 klantprojecten. In het vorige stageverslag waren dit er 10. Overigens heb ik ook afgesproken om nieuwe leerdoelen op te stellen, en heb hier gemiddeld 10 uur per week aan gezeten, naast andere stageprojecten.
Intern project: Balkon Pimpen:
Voor Balkon Pimpen, wat een intern project bij DSGN is moest ik twee logo’s maken voor een vrij brede doelgroep. Hierbij is onderzocht dat de naam "Balkon Pimpen" gevoelens van nostalgie opwekt bij oudere mensen, sinds de term aan het begin van de 21 eeuw een nieuwe betekenis kreeg. Bij de jongeren is de term pimpen een vrij normaal woord, maar heeft het nog steeds deels de betekenis van hip.
Hierdoor moest er een logo gemaakt worden, en een opzetje voor de website die deze stijl voor beiden doelgroepen liet zien. Hiervoor maakte ik eerst een moodboard / styleboard waarin ik mijn keuzes toelichte.
Nadat de stijlkeuzes duidelijk was, ging ik bezig met twee ontwerpen. Hierbij wilde ik niet al te veel kleur gebruiken, en moest het design er modern en simplistisch uitzien. Zo konden de afbeeldingen stralen en voor zichzelf spreken. Het logo moest simpel maar wel herkenbaar zijn. Zo ben ik bij beiden designs gegaan voor een simplistisch wordmark.
Het eerste ontwerp is gemaakt in een art-deco stijl die zich meer focust op het simplistische en het weglaten van extra "clutter". Hiermee kunnen de productfoto’s het design écht sprekend maken. Het tweede design speelt meer in op kleur en vormen. Zo is er een licht geel gebruikt als highlight, en een roze-rood voor de call to action.
Intern project: Zwajomi & Kleishop
Zwajomi en Kleishop zijn twee webshops die beiden klei verkopen. De eigenaar heeft na het oprichten van zwajomi ook kleishop opgericht. Het verschil tussen deze twee bedrijven is dat Zwajomi voor bedrijven is (doorverkoop) en Kleishop voor de consumenten is. Beiden websites moesten geredesigned worden in een nieuwere, frissere stijl. Deze pagina’s mogen niet al te veel op elkaar lijken, en ze waren ook voor andere doelgroepen.
Ik had (vrijwel) geen ervaring met webshops voor bedrijven, dus ik begon eerst met kleishop. Hiervoor was onderzoek gedaan naar de doelgroep, en waren deze producten mid tot high-end voor de hobbyisten. De website moest er professioneel uit zien, maar ook speels, sinds het om hobbies gaat.
Zo heb ik besloten om met een complementair kleurenschema te werken. Ik wilde trouw blijven aan het oude logo van Kleishop, die in het blauw was, dus heb ik blauw gebruikt als call to action. Hiernaast heb ik een pastel-oranje gebruikt als secondaire kleur. Ook is er veel ingespeeld op het menselijke gevoel. Zo zijn er plaatjes te vinden op de homepagina van enthausiaste jong-volwassenen die met klei aan het werken zijn. De shop is hieronder snel te vinden.
Hierna begon ik aan het tweede design. Hiervoor heb ik eerst onderzoek gedaan naar het verschil tussen zakelijke webshops en diegene voor consumenten. Zo zag ik al vrij snel dat de prijzen vaak niet op een zakelijke shop staan, en dat er weinig actief gewerkt wordt met conversietechnieken.
Hierom heb ik een iets simpelere website gemaakt waarbij het doel vooral is om snel een overzicht te hebben over de verschillende producten die verkocht worden. Dit zie je in mijn redesign al snel. Ik heb de navigatiebalk opgesplitst in twee delen. De top zijn alle call-to-actions en belangrijke knoppen zoals de inlogknop, shopping cart en een zoekfunctie. Hieronder is een groot menu met alle productsoorten die Zwajomi verkoopt. Zo weet je gelijk zeker als klant of de webshop producten verkoopt die bij jouw passen.
Verder is er veel ingespeeld op het aanmaken van een account en het inloggen. Hierbij zijn alle koop-acties, samen met prijzen achter het inlogproces verborgen. Wel wilde ik het mogelijk maken om naar alle producten te kijken zonder dat je een account had, dus komt er op de individuele productpagina een loginscherm in plaats van de prijs.
Mijn mening over DSGN
Sinds ik voor mijn vervolgstage nog steeds bij DSGN zit, vind ik het zeker een leuk bedrijf. Er zijn niet al te veel medewerkers dus het is makkelijk om iedereen snel te kennen. Er is veel variatie en ik kan veel rondvragen als ik een keertje op iets vastloop.
In de vorige periode heb ik veel werk gedaan samen met Mattheo, maar hij heeft zijn stage een tijd geleden afgerond. Hierdoor waren ik en Melle de enige designers in het hele gebouw. Dat maakte het wel soms lastig om om meningen te vragen sinds we altijd veel te doen hadden.
In de laatste paar maanden zijn er veel stagiaires van marketing erbij gekomen, en geen nieuwe designers. Ik hoop wel dat er in de volgende stageperiode een aantal nieuwelingen bij komen. Een goede manier om te testen wanneer je iets echt hebt geleerd is als je het aan iemand anders kan uitleggen. Zo kan ik veel van mijn kennis delen, en ook mijn voortgang testen.
Volgende stage
Sinds ik heb besloten om mijn volgende stage hier bij DSGN te volgen, hoef ik gelukkig niet in de zomervakantie naar een nieuwe stage te zoeken. Ik heb het mij hier prima met zin, en weet dat ik nog veel te leren heb. Ik houd ervan om zoveel mogelijk te leren over bepaalde vakgebieden die ik zelf leuk vind, en dus vind ik het ook niet erg om verder te leren in mijn vrije tijd. Hierom ga ik in de zomervakantie deels verderwerken aan mijn portfolio, om zo mijn professionaliteit uit te stralen, en omdat ik het leuk vind. Geen zorgen, ik neem nog steeds een aantal weken vrij hoor, Emiel.
Na de zomervakantie hoop ik er weer snel in te duiken, en ben ik benieuwd over wat ik ga leren. Ik heb zelf al een plan opgesteld die mij zeer bezig gaat houden, en waardoor ik veel nieuwe dingen ga leren, maar het is altijd leuk om wat afwisseling te hebben.
Ik heb er erg veel zin in, maar eerst eventjes vakantie vieren!