logo
Mark

Customizen website Cécile Verwaaijen


Voor kunstenaares Cécile Verwaaijen heb ik een website ontworpen met behulp van een CMS: Cargo Collective.

Dit is een CMS speciaal voor ontwerpers en kunstenaars. Het template heb ik aangepast zodat deze aansluit bij de wensen van de opdrachtgever. De vraag was om een website te ontwerpen waar het werk de aandacht krijgt, een soort online gallerij.

De vraag was ook dat de website het Arabische schrift ondersteund. De onderschriften zijn om die reden rechts uitgelijnd.  De term ‘Uitburgeren’ speelt een prominente rol in het werk. Het leren van de Arabische taal is daar een onderdeel van.

Bekijk de website van Cécile







Webdesign Studio Linie


Studio Linie is een kunstproject dat is neergezet als een bedrijf. Het doel achter dit project was om een kunstroute onder de aandacht te brengen in de Bredase buurt Linie/Doornbos. Het doel achter de kunstprojecten in deze buurt is: verbinden.

Om dit initiatief te promoten zijn tijdens de aanloop verschillende promotionele uitingen gedeeld in de buurt van de Wijk Linie Doornbos. We hebben vacatures gemaakt en we hebben een fictief personage (Adriaan van der Zon) bedacht die aan het roer stond van Studio Linie. Hij had zijn eigen e-mail en telefoonnummer met voice-mail.

Opdrachtgever: Witte Rook
Jaar: 2020








Concept creatie webpagina’s Effectory


Al jaren werk ik samen met Effectory. Effectory wilde de website aanpakken en moderniseren. Ik heb hierin als ideeën generator en vertaler verschillende concepten gemaakt van de input en de informatie die is verzameld.

Wat ik heb gemaakt waren kneedbare visuele ideeën. Een eerste vertrekpunt, iets om over te praten. Ik heb ideeën en visies vertaald, naar concepten voor de belangrijkste pagina’s, ook heb ik een deel van de copy geschreven. Dit heeft voor gezorgd, dat men uiteindelijk met wat aanpassingen een goed en technisch haalbare website heeft ontwikkeld. Een lead generator, gebaseerd op de customer en employee journey.



Concept homepage


Pagina die de verschillende plannen laat zien

Producten pagina 

Deze pagina’s zijn conceptueel. Ze nooit gepubliceerd. De ideeën hierboven zijn aangepast en daarna gepubliceerd. Het diende als een eerste opzet, om te kijken welke richting wenselijk was. Het is dan fijn om de ideeën en wensen die er zijn, levend te zien.

Ontwerp responsive website voor Customeyes


Ik heb een bestaand template gebruikt en deze aangepast en gefinetuned, zodat deze naadloos aansluit bij de uitstraling van Customeyes. De technische aanpassingen zijn gedaan door Arlanet.











UX Design PE online


PE-online is een monitoring systeem. PE-online brengt beroepsorganisaties, professionals en aanbieders van educatie samen in één platform, bijvoorveeld voor het verzorgen van: accreditatie en registers.


Wat heb ik gedaan voor PE-online?

PE-online is een systeem wat al jaren bestaat. Qua ontwerp en gebruiksvriendelijkheid lagen mogelijkheden voor vernieuwing. Ik ben gevraagd om een verbeterslag te maken aan de gebruiksvriendelijkheid en het design. 




Uitdaging 

PE-online wordt door meer dan een half miljoen mensen gebruikt, die zijn gekoppeld aan beroepsorganistaties.

Deze organisaties hebben de wens om hun huisstijl terug te zien in het interface van PE online. 

Onderzoek 

Na gebruikersonderzoek blijkt dat huisstijlkleur voor de meeste herkenning zorgt bij gebruikers. 

Daardoor heb ik het interface zo ontworpen dat kleur slim ingezet kan worden om herkenning te versterken.


Het proces

Het ontwerp voor pe-online stapsgewijs verlopen. Het project is nog steeds ongoing. Ik neem je graag mee in de stappen die ik heb gezet als ontwerper. 

Aanpak 

Pe-online is een vrij uitgebreid SaaS product. Daarom is gekozen om het project op te delen in kleinere projecten en onderdelen.

Het onderstaande proces beschrijft de totstandkoning van het eerste project. Dit ging om een openbare zoekfunctie in het register. 



 

Kick-off

Na verschillende afspraken en een kennismaking, heb ik een kick-off meeting georganisaseerd. Met als doel iedere betrokkene te betrekken bij het proces en de verwachten af te stemmen.


Start ontwerp

Er was veel laaghangend fruit wat betreft het huidige ontwerp. Daarom heb ik eerst twee concepten gemaakt, waarbij ik oplossingen heb gegeven voor het laaghangend fruit. 


Testen

Ik heb de twee ontwerpen getest bij mogelijke gebruikers. Deze gebruikers heb ik geinterviewd en een korte opdracht gegeven, om inzicht te krijgen over het gebruik.


Delen en presenteren

Ik heb de 2 ontwerpen en testresultaten gedeeld met de opdrachtgever. Er is een keuze gemaakt voor een ontwerp. Hierbij is ook nadrukkelijk gekeken, naar de technische haalbaarheid en impact. 


Door ontwerpen

Na de presentatie hebben we keuzes en conclusies gemaakt. Een belangrijk punt, want deze keuze, is ook bepalend voor de overige schermen van functies van PE-online. 



Aanpassen en finetunen

We hebben vervolgens nog een aantal aapassingsrondes gedaan aan het ontwerp. Voordat het ontwerp is opgeleverd aan de technische ontwikkeling.  



Aanlevering

Ik heb verschillende schermen en voorbeelden aangeleverd in Adobe XD. Waar nodig heb ik video’s gemaakt met uitleg.





Conclusies en keuzes 

Pe online is een groot platform, om het project behapbaar, haalbaar te betaalbaar te houden, was opknippen in delen nodig. Ik deel graag nog wat insights over dit project. 

Veel verschillende gebruikers
PE-online is zo ontworpen dat verschillende gebruikers ermee kunnen werken. Dit houdt in dat je het ontwerp moet baseren op standaarden waar gebruikers al bekend mee zijn.
Oplossing
Zo simpel mogelijkhouden. Niet het wiel opnieuw uitvinden, maar gebruik maken van UI onderdelen, die al enige tijd bekend zijn bij een breed publiek. 


Meerdere organisaties
Als een interface door meedere organisaties en professionals wordt gebruikt. Moet het ontwerp in potentie, bij de meeste organisaties passen, of in ieder geval niet te veel afwijken.
Oplossing
Maak het ontwerp aanpasbaar. Kleur bleek na onderzoek, bij de meeste test personen voor herkenning te zorgen. Daarom een simpel ontwerp, met mogelijkheden voor kleur integratie.


Beperken
Omdat er voor een relatief grote doelgroep een interface wordt gemaakt, kun je moeilijker een eigen merk-indentiteit kwijt. Of hele specifieke UI elementen toevoegen. Deze beperkingen, bepalen deels het uiterlijk van PE-online.



Specifieke wensen 
Iedere organisatie heeft ook zijn eigen wensen qua getoonde inhoud. Bij de ene organisatie, wordt bepaalde info wel getoond, bij de andere niet. De content is overal anders! 

Oplossing
De situaties die het meeste voorkomen, heb ik als vertrekpunt gebruikt.

 
Veel kennis en informatie
De opdrachtgever heeft veel kennis, ervaring en informatie over het product.  En over het gebruik ervan. Dit was nuttige info, dat hielp bij het maken van keuzes.
Oplossing
Inzichten en kennis goed optimaal gebruiken. 



Weinig gebruikt
Een professional maakt niet vaak gebruik van Pe-online. De frequestie is een paar keer per jaar. 
Oplossing
Rekening houden waar je wel en geen tijd in stopt. 



Design system
Ik heb een design system gemaakt die de basis vormt voor de gehele UI.


Het nieuwe interface

Het ontwerpen is nog in volle gang. Ik kan nog niet te veel inzoomen op de specifieke details van het ontwerp. Deze pagina zal ik in de loop van tijd verder bijwerken.




Portfolio shortcut

Ben je op zoek naar een specifieke voorbeelden? Hier vind je in no time concrete voorbeelden van mijn ontwerpen.


Bekijk een overzicht van al mijn werk.


Zij gingen je voor


Benieuwd hoe mijn opdrachtgevers de samenwerking met mij ervaren?





Bekijk de referenties van mijn klanten.
 
Lees referenties

contact & info



Contactgegevens
Niels Visser
info[at]niels-visser.com

bezoek
Speelhuislaan 171
4815 CD Breda

post
Zeisstraat 45
4818 EE Breda
Social media
︎

KVK
Graffiare
Kamer van Koophandel: 77934709

Niels Visser Copyright 2023