XiBE Project

Mijn naam is Loïs en ik ben grafisch ontwerper bij Pridea. De afgelopen weken heb ik mij verdiept in het XiBE platform. In de komende tijd bewaar ik mijn voortgang in de vorm van een logboek. En deel ik mijn gedachtegang achter de ontwerpen, maar ook de problemen waar we tegen aanlopen.

Om te beginnen heb ik het onderzoek gelezen over XiBE geschreven door een oud-collega. Waar ik de belangrijkste punten uit heb gehaald:

• Het mag gebruiksvriendelijker.
• Veel functies, die nu te ingewikkeld zijn. Mag overzichtelijker.
• Design is verouderd, XiBE is toe aan verfrissing.
• Navigatie mag duidelijker.

Daarnaast ben ik gaan kijken wat oud-stagiaires hadden ontworpen en heb ik de elementen die mij aanspraken gebruikt in mijn ontwerpproces. “Beter goed gejat, dan slecht bedacht” zeggen we dan.

Ik ook ervaar XiBE als ingewikkeld, niet alle functies begrijp ik. Daarom, om het overzichtelijk te houden voor mezelf, heb ik een XiBE back to basic ontwerp gemaakt (waar je op door kan bouwen met de rest van de functies). Als volgt:

1. Opgeschreven welke functies op de startpagina moeten komen.
2. Inspiratie opdoen via Pinterest, YouTube en Instagram.
3. Op papier schetsen maken van de startpagina in grote vlakken.
4. In Figma de schetsen overgenomen en wireframes van gemaakt.
5. De beste optie gaan uitwerken.
6. Verdiept in kleurgebruik, en de bestaande XiBE kleuren aangepast.
7. De optie verder uitgewerkt met kleur.

Het resultaat:

Kleurgebruik
In de middelste rij de kleuren voor XiBE. Waarbij de blauwe de hoofdkleur is en de rest secundaire kleuren. Ook heb ik geleerd dat je van elke kleur verschillende gradaties nodig hebt om een webdesign van te kunnen maken, van licht naar donker.
 
Het resultaat besproken met Michiel en daar kwam het volgende uit:
Het ontwerp spreekt aan, maar door basic variant mist het functies die wel relevant zijn. Alle functies binnen XiBE zijn van belang, de vraag is vooral hoe en waar zetten we ze neer? Zonder dat het te vol wordt en onoverzichtelijk. Ook werd het duidelijk dat het voor mij handig was om een uitgebreide uitleg te krijgen over hoe XiBE werkt en dat werd de vervolg stap!