Branding

UX UI Webdesigner Freelance

Corona tijd = tijd om te leren

Table of Contents

Leestijd 4.5 min.

UX DESIGN, LOGO DESIGN

Iedereen is in de ban van Corona, vanaf het moment dat Rutte op 15 maart 2020 de huiskamers binnen kwam via de beeldbuis en een “Intelligente lockdown” aankondigde. Scholen dicht, thuis werken, 1,5 meter afstand het social distancing. Ik moet zeggen dat ik weinig moeite had met het thuis werken aangezien ik dat toch al deed maar hoorde om mij heen hele harde zuchten. Voor mijzelf, als startende ondernemer, betekende het wel dat de opdrachten die ik had werden gestopt. Dat was een tegenvaller! Als beginnende zelfstandige wil je dat niet, dan is elke opdracht van harte welkom, je bent aan het opbouwen en nu word je weer teruggeworpen. Op zo’n moment kan je twee dingen doen, op de bank gaan zitten Netflixen of jezelf bijscholen, verbeteren! Ik twijfelde geen moment en ik ben op LinkedIn Learning allemaal leuke trainingen gaan zoeken. De keuze in leuke, goeie trainingen is groot maar je moet ergens beginnen. Ik ben gestart met een opfriscursus UX Design, wat altijd interessant is. Deze ging over het werven van gebruikersdata en dit ombuigen in bruikbare project ideeën, het observeren van gebruikers met prototypes.

GRAPHIC DESIGN

Na deze training afgerond te hebben viel mijn oog op de trainingen Graphic Design, welke gegeven werden door Tony Harmer, waar ik een paar jaar geleden ook al meerdere trainingen van had gevolgd. Het web- en tekstdesign trekt mij toch aan, ik ben altijd al creatief bezig geweest. 

LOGO DESIGN

Het is heel verslavend om te leren, in ieder geval voor mij maar zo werkt het niet bij iedereen, hoor ik wel om mij heen. Bewegen is goed voor de spieren, dat geldt ook voor leren. Zoals een stukje lopen energie geeft, heb ik dat ook met leren. Leren stimuleert mij met nieuwe innovatieve ideeën. En van het een kom je in het ander, van Graphic Design naar Logo Design! Ik verveelde me dus geen moment, ik kwam zelfs tijd te kort. De training Logo Design van Nigel French duurde mij eigenlijk te kort, het had nog wel wat specifieker op dingen in mogen gaan.

KLEURPLAAT

Tussendoor toch nog wat opdrachtjes gedaan, een kleurplaat ontwerpen, wat voor mij vrij nieuw was. Deze moest met spoed klaar en het is me gelukt, al had ik het wat meer willen verfijnen, maar daar was geen tijd voor. Ze waren in ieder geval tevreden. Deze kleurplaat was voor de kinderen van de medewerkers van een bedrijf en ze hebben daar ook een wedstrijd aan verbonden. Heel erg leuk initiatief en leuk om te maken!

Graphic Bear Berenjacht
BERENJACHT

ADOBE ILLUSTRATOR

Next stop, mijn Adobe Illustrator vaardigheden weer gaan opvijzelen, want de ontwikkelingen die door Adobe gedaan worden gaan snel, er komen steeds meer nieuwe dingen bij. Begonnen met de Cert Prep: Adobe Certified Associate Illustrator, welke mij vrij goed afging al zeg ik het zelf en wat mij dan ook het idee gaf om na deze periode mijn ACA (Adobe Certified Associate) te gaan behalen. Maar ik wilde nog meer hierover leren dus Illustrator Infographics door Tony Harmer was het volgende project op mijn lijstje. Mooie infographics, het visualiseren van alle cijfers, welke snel een duidelijk en overzichtelijk beeld geven tijdens een presentatie en helemaal aan te passen aan de huisstijl van het bedrijf.

BERENJACHT

Op social media werd opgeroepen om een beer in het raam te zetten, de Berenjacht actie. Op de zolder vond ik nog een beer van mijn kinderen met een heel stoer spijkerbloesje aan en deze zette ik trots voor het raam. Die beer bleef mijn aandacht trekken, ik moest hier iets mee! Ik heb de beer op de foto gezet en deze vervolgens bewerkt en hier een icoon van gemaakt, deze staat hier op de website.

DRAWING VECTOR GRAPHICS & ADOBE DIMENSION

Drawing Vector Graphics, gegeven door Von Glitschka, waarmee je je onderzoeks- en ideevaardigheden kunt verbeteren maar ook hoe je je ontwerp presenteert bij je opdrachtgever. Die man, Von Glitschka, kan wel heel goed tekenen, daar ben ik wel een beetje jaloers op. 

Nadat ik die training afgerond had viel mijn oog op trainingen van Adobe Dimension, die gegeven worden door Theresa Jackson. Dimension is nog vrij nieuwe software van Adobe waarin je snel 3D content creëert met modellen, materialen en verlichting. Hiermee is het dus mogelijk om verpakkingsontwerpen, productmodellen en merken te visualiseren zonder de dure kosten van een photo-shoot. In Dimension maak je een ontwerp en vervolgens verfijn je het in Photoshop of een ander Adobe programma. Ik ben hier dan ook gelijk mee aan de slag gegaan en het resultaat zie je hier op mijn website. 

Logo Branding Design Zeeuw
Adobe Dimension

LEUKE ACTIES

Pfff, allemaal heel interessant! Ik zat in de flow en de “lockdown” werd verlengd, wat ik dus niet zo erg vond aangezien ik dan verder kon met leren. Het enige wat ik wel mis is het socializen, het zien van m’n gezin en vrienden. Op social media zie je mensen leuke, lieve maar ook ontroerende berichten posten met betrekking tot de “lockdown”. Maar er zijn ook enkele personen die het zogenaamd beter weten, die hun gal willen spuwen omdat hun inkomen weg valt en ze de boel willen opruien, wat erg jammer is. Om mij heen zie ik leuke acties, door de sportschool die filmpjes maakt, door de plaatselijke horeca, waar je je diner kan bestellen zodat je er thuis van kan genieten. De ondernemers worden gedwongen om creatief te zijn en vele komen met leuke ideeën en voeren deze dan ook uit. Zo ben ik dus ook bezig met mijzelf te “upgraden”. Het enige jammere tijdens het leren is dat de buurman met een grote verbouwing bezig is zodat ik me soms niet kan concentreren.

ADOBE PHOTOSHOP

En verder met leren. In 2017 had ik al meerdere trainingen gevolgd van Deke McClelland zowel Illustrator als Photoshop. Aangezien het al zo lang geleden was en de updates (gelukkig) doorgaan, was de volgende training al snel duidelijk: Photoshop 2020 One-on-One: Fundamentals. Er was inderdaad heel veel bijgekomen en ook hier heb ik weer veel van geleerd, wat ik in de praktijk kan brengen. Meestal geeft Deke ook vervolg trainingen maar ik denk dat het daar nog te vroeg voor was, zodra deze er zijn heb ik me voorgenomen deze te volgen. Over voorgenemens gesproken, de ACA, waar ik eerder over vertelde, wil ik nu voor beide programma’s behalen… nu al zin in! 

KLANT NOG MEER TE BIEDEN

Door al deze trainingen te volgen, voel ik mij nog zelfverzekerder, ik kan de klant nog meer bieden. Wat mijn volgende training gaat worden? Daar ben ik nog niet over uit, moet me hier nog in verdiepen. Heb jij nog een leuke uitdaging voor mij? Ik hoor het graag!

Stay healthy, stay safe!

Mijn certificaten zijn te vinden op: https://www.linkedin.com/in/mieke-de-zeeuw


DESIGN / BRANDING


CONTACT

Share on facebook
Share on linkedin
Share on whatsapp
Share on pinterest

UX / UI WEBDESIGNER

UX UI Webdesigner Freelance

UX UI WEBDESIGNER

Table of Contents

Leestijd 4.5 min.

WAT IS EEN UX UI WEBDESIGNER?

Een professionele webdesigner ontwerpt en geeft vorm aan een website en moet daarbij rekening houden met allerlei factoren. De website moet er niet alleen mooi uitzien, responsive zijn maar ook gebruiksvriendelijk.

HET VERSCHIL TUSSEN EEN UX EN UI DESIGN?

Je hebt het vast wel eens gehoord, UX / UI Designer, maar waar staat dit eigenlijk voor? Het klinkt wel cool maar wat doet een UX / UI Designer eigenlijk? 

 UX staat voor User eXperience en dit betekent letterlijk gebruikerservaring, UI staat voor User Interface wat betekent een gemakkelijke, efficiënt en gebruiksvriendelijke website.  

Volgens Wikipedia is de omschrijving hiervoor: ‘User Experience Design is het proces van het manipuleren van gebruikersgedrag met een product door gegevens te gebruiken om het ontwerpproces te informeren en voortdurende updates van de bruikbaarheid, toegankelijkheid en wenselijkheid die worden geboden in de interactie met een product.’

Over UI zegt Wikipedia: ‘Een gebruikersomgeving of gebruikersinterface, van het Engelse user  interface, ook wel mens-machine-interface of man-machine interface of human-machine interface, is de interface tussen een computer en de mens die de computer gebruikt. De gebruikersinterface maakt interactie tussen mens en machine mogelijk.’

MENSEN SCANNEN!

Het menselijk brein verandert langzaam, mensen hebben de tijd nodig om te wennen, maar in de wereld om ons heen gaat het des te sneller. Er wordt veel van ons verwacht in een gehaaste wereld, dus mensen gebruiken zoekmachines om een oplossing voor hun ‘probleem’ te zoeken. Gebruikers gunnen zich vaak weinig tijd op een website, ze lezen niet of nauwelijks maar ze scannen! 

LESS IS MORE!

Een trend die we in verschillende branches tegenkomen is ‘Less is More’, en dit geldt ook voor webdesign. Dit is dan ook wat ik adviseer aan mijn klanten om de website zo ‘clean’ mogelijk te houden en overbodige elementen weg te laten. Met veel “witruimtes” (het mag ook een andere kleur zijn), heb je een strakke, overzichtelijke maar moderne website die ook nog eens gebruiksvriendelijk is. 

Design niet volgens UX UI
Dit design is veel te rommelig, niet overzichtelijk voor de bezoekers

WANNEER VERLATEN BEZOEKERS EEN WEBSITE?

Wanneer een website voorzien is van relevante informatie, voldoende knoppen (call-to-actions) heeft om te navigeren, er strak en overzichtelijk uitziet, is het voor de bezoekers prettig om hun antwoord te vinden. Wanneer de bezoeker op een website komt die vol staat met teksten, lange laadtijd heeft, niet de goede informatie verschaft, verlaten ze de website heel snel. Hierdoor gaat het bounce-percentage wat betekent verlatingen op de landingspagina heel hoog wat invloed heeft op je Google ranking. 

WAAR EEN WEBDESIGNER REKENING MEE MOET HOUDEN

Websites worden steeds groter en complexer maar de prestaties van een website moeten wel goed blijven. Hier bedoel ik o.a. mee dat de laadtijden niet te langzaam worden, dit heeft namelijk als gevolg een slechte gebruikerservaring voor je bezoeker. Bij het eerste contactmoment met de klant bespreek ik dan ook de wensen van de klant. Wat ook belangrijk is in dit gesprek: de hoeveelheid pagina’s, de tekst, huisstijl, hoeveelheid afbeeldingen enz. 

TE VEEL OF TE WEINIG AFBEELDINGEN

Wat ik heel gaaf vind op een website zijn afbeeldingen, animaties of grafische hoogstandjes maar, ja er zit een maar aan, wanneer je het te veel gebruikt wordt je laadtijd vertraagd en daardoor haken bezoekers af. Ken je de uitdrukking ‘Overal waar ‘te’ voor staat is niet goed’, dit geldt ook voor webdesign. De kunst van het weglaten, maar niet te veel, de bezoekers moeten wel een beeld kunnen vormen van jouw product of werk. De balans zoeken.

Uit ervaring kan ik zeggen dat ondernemers verleid worden door grafische hoogstandjes, slideshows, animaties, video’s enz. voor op hun website, maar denken te weinig vanuit het oogpunt van hun bezoekers. Mooie animaties of gave grafische beelden zijn mooi maar wanneer het voor de bezoekers niet duidelijk is hoe ze bij het door hen gezochte antwoord moeten komen is het ineens een stuk minder mooi.

Ontwerp de website voor je bezoekers, breng ze in beeld met goed beeld!

WEBDESIGN

Zelf maak ik gebruik van het CMS WordPress met o.a. de plugin Elementor Pro, waarin je geweldige dingen kan creëren maar wat voor de klant ook eenvoudig zelf bij te houden is. Het is namelijk belangrijk om je website relevant te houden en regelmatig, bij voorkeur minimaal 1x per maand, de content te updaten en/of nieuwe content toe te voegen. 

Tijdens het ontwerpen van de website hou ik rekening met belangrijke elementen voor de structuur zodat de zoekmachines de site beter begrijpen. 

Enkele van deze elementen zijn: hoofdmenu, hamburgermenu, broodkruimelpad, H1, H2, metadata enz.

TYPOGRAPHY

Typography oftewel typografie speelt ook een belangrijke rol in het designproces. Onder typografie vallen de keuze van lettertypen, de witruimte en de regelafstand. Het optimaliseert de leesbaarheid, de grafische balans en de gebruiksvriendelijkheid. 

PLUGINS

Naast Elementor vind ik het ook aan te bevelen om in ieder geval de plugins Yoast en Site Kit te gebruiken. Yoast helpt je hoger in de zoekmachines te komen, meer bezoekers van social media aan te trekken en de betrokkenheid van je bezoekers te vergroten. 

Site Kit is een plugin van Google, die je helpt inzicht te krijgen in hoe de bezoekers de website gebruiken en wat ze ervan vinden. 

A / B TESTEN

Mocht je twijfelen welke content je voor een pagina wilt gebruiken omdat je verschillende varianten hebt, is het altijd mogelijk om A / B testen uit te voeren. Door deze testen zie je welke content beter en aantrekkelijker is voor jouw bezoekers.  

HEATMAPS

Wanneer je wilt weten hoe mensen jouw site gebruiken is het mogelijk om de tool Hotjar te gebruiken. Hier kan je zien waar mensen op jouw pagina klikken, hoe diep ze scrollen en of hoe ze bewegen over de pagina.

KLANTREIS

Een website wordt ontwikkeld wanneer de benodigde gegevens duidelijk zijn. Er wordt een customer-journey (klantreis) gemaakt van de verzamelde gegevens. Als professionele UX / UI Designer denk ik vanuit de oogpunt van de gebruiker, wat niet altijd volledig aan zal sluiten bij de wensen van mijn opdrachtgever. Ik zal dit dan ook zo gedetailleerd mogelijk uitleggen waarom een bepaalde interface wel of geen kans heeft bij de eindgebruiker. Er wordt ook gekeken naar de concurrentie, waar laat die het liggen of welke punten is hun site sterk, waar kan je het verschil maken dat ze voor jou kiezen.

Ik ben een freelance webdesigner met UX / UI skills die graag voor jou een goede website wil maken! 

NOTE: Alle afbeeldingen die je op mijn site tegenkomt zijn door mijzelf gemaakt of ontworpen. 


WEBDESIGN


CONTACT

Share on facebook
Share on linkedin
Share on whatsapp
Share on pinterest