Deze pagina bevat UI/UX projecten. Het gaat hier vooral over het ontwerp van applicatie interfaces en websites. Klik op onderstaande knoppen om snel naar een project te navigeren.
Ai chatbots volledig binnen de omgeving van ondernemingen
weMaron Brains is een AI chatbot platform waar een eigen chatbot binnen enkele minuten is opgesteld. Deze chatbot kan op de websites van MKB bedrijven gebruikt worden. De klant vraagt om een moderne, vriendelijke uitstraling die vertrouwen in de technologie opwekt. Ook is het belangrijk dat de interface van het product gebruik maakt van material 3 richtlijnen.
Een moderne en functionele interface, op basis van de material design 3 richtlijnen, die gebruikt gaat worden door MKB bedrijven om hun eigen ai chatbot mee op te stellen
Een uitnodigende website waarop verschillende doelgroepen geïnteresseerd raken in het product en waar zij zich meteen kunnen aanmelden om te starten met het product.
Passende branding en huisstijl. Die moderniteit, vriendelijkheid en technologie uitstralen om het product op de markt te kunnen zetten.
Het gekozen pallet focust zich op het technologische gedeelte van weMaron brains. Door gebruik te maken van verschillende blauwtinten bouwen we vertrouwen met de klant. We combineren deze met paars en groen voor een vrolijke en technologische touch. De stijl maakt gebruik van 3D illustraties om een futuristische look te waarborgen en toch nog vriendelijk over te komen.
Het ontwerp voor de applicatie bevat 3 fases waarbij elke fase nieuwe functionaliteiten met zich mee brengt. De eerste versie is het minimale wat gemaakt gaat worden om het product te laten werken, de laatste fase bevat alle basis functionaliteiten van het systeem. Fase 3 is als eerst ontworpen, zodat er makkelijk afgeschaald kon worden. Alle designs houden rekening met verschillende schermgroten zoals desktop, tablet en telefoon formaat. Verschillende flows zijn onderdeel van deze applicatie. Bijvoorbeeld het aanmaken van een database, het aanmaken van een nieuwe chatbot en het beheren van klanten en gebruikers. Alle user flows zijn zorgvuldig uitgedacht met de gebruiker in ons achterhoofd. Ze zijn later getest en aangepast om de gebruikerservaring te verbeteren. Door gebruik te maken van tabbladen en steppers, wordt de informatie netjes opgebroken in stukken die de gebruiker kan begrijpen, waardoor de flow soepel en snel aanvoelt.
Voor het website ontwerp is er gekeken naar het portfolio aspect en het verkopen van producten. Er is gekozen om de website te bouwen in Squarespace aangezien deze aanbieder een hoop e-commerce onderdelen bevat die gebruikt kunnen worden voor de verkoop van opdrachten of producten. De layout van de website gebruikt verschillende secties voor onderdelen en maakt gebruik van een simpele, moderen layout zodat deze makkelijk te navigeren valt. De kunst van industrations komt tot zijn recht op de banners. Er wordt veel beeld getoond op de site, om toekomstige klanten het werk te laten zien. De wireframes van de websites zijn in overleg goedgekeurd door industrations. Door kleur en fonts toe te voegen, wordt het gevoel van de website duidelijk.
Met de toevoegingen van de illustraties van Industrations voor de banners en content, komt het gevoel van hun branding echt tot leven. Door consistent gebruik te maken van het forrest groen in de banners wordt de website een geheel maar voelt elke pagina toch uniek door de verschillende iconen bij de titels. Alle pagina's zijn toegankelijk via de startpagina, zodat mensen makkelijk kunnen navigeren.
Jouw vouchers bij duurzaam wonen
Groene app is een vouchersysteem waarmee gemeenten hun duurzaamheid projecten kunnen uitvoeren. Het systeem is gebouwd om vouchers uit te geven en bevat een plansysteem waarmee gemeenten energiecoaches kunnen inplannen.
Een systeem waarmee gemeenten gemakkelijk verschillend vouchers kunnen uitgeven aan inwoners
Een bruikbare kant voor inwoners, ook mensen die niet digitaal vaardig zijn, zodat zij gemakkelijk vouchers kunnen aanvragen en hun bewijslast kunnen invullen.
Een werkbaar plansysteem dat gebruikt kan worden binnen verschillende gemeenten die samenwerken. Met een omgeving voor gemeenten, energiecoaches en voor inwoners.
De huisstijl van Groene App moest duurzaamheid en vriendelijkheid uitstralen. De klant heeft specifiek om een illustratieve stijl gevraagd voor dit project. Door groen (voor duurzaamheid) te combineren met het energieke oranje, krijgt de huisstijl van groene app een vriendelijke uitstraling. De illustraties leggen in beeld de soms complexe informatie uit aan de eindgebruiker. Meer zien van deze huisstijl? Kijk dan op de pagina design.
Het plansysteem van Groene app is het gedeelte waaraan ik volledig aan mee heb gewerkt. Van klantvraag, tot uitvoering. De klantvraag voor een plansysteem kwam omdat zij het gebruik van calendly stop wilde zetten en over wilde stappen op een intern plansysteem voor hun energiecoaches. Het plansysteem moest werkbaar zijn voor Gemeente Rivierenland, die meerdere gemeentes verbindt. Het plansysteem moet de beschikbaarheid van interne en externe energiecoaches goed weergeven zodat de planning afspraken kan maken voor inwoners. Ook maakt het plansysteem gebruik van standaard loketten, waar inwoners naartoe kunnen komen. Het plansysteem bestaat uit een omgeving voor de planners van de gemeente en een webapp voor de energiecoaches, waar zij rapportages van hun bezoek kunnen documenteren en hun persoonlijke planning kunnen bekijken.
Groene app heeft een website en is te bekijken op groeneapp.nl. De website wordt gebruikt om het product uit te leggen aan mogelijke klanten, maar ook aan bestaande gebruikers. Op deze site is basisinformatie over het product te vinden. De klant ging voor een vriendelijke en simpele voorpagina waar de belangrijkste informatie over Groene App te vinden is. De website is opgedeeld in verschillende secties en wordt ondersteund door illustraties van Groene App.
Actuele activiteiten bij jou in de buurt
Bob de Bot is een platform dat speciaal ontworpen is om het sociale netwerk te verbeteren en in contact te blijven met de omgeving. Zeg gedag tegen het gedoe rondom het vinden, plannen en bijhouden van activiteiten en verwelkom het gepersonaliseerde overzicht van jouw favoriete hobby’s, evenementen en (sociale) bijeenkomsten!
Een applicatie voor een oudere doelgroep (65+) die activiteiten aanbiedt op basis van interesses.
Een dusdanig simpele interface, gebruik makend van material design 3, dat de doelgroep hier meer overweg kan gaan, ook als zij nog niet digitaal vaardig zijn.
Ervoor zorgen dat de evenementen die aangeboden worden binnen de app, ook via het al bestaande SMS systeem blijft werken.
De huisstijl van Groene App moest duurzaamheid en vriendelijkheid uitstralen. De klant heeft specifiek om een illustratieve stijl gevraagd voor dit project. Door groen (voor duurzaamheid) te combineren met het energieke oranje, krijgt de huisstijl van groene app een vriendelijke uitstraling. De illustraties leggen in beeld de soms complexe informatie uit aan de eindgebruiker. Meer zien van deze huisstijl? Kijk dan op de pagina design.
De mobiele app van Bob de Bot is een extentie op het bestaande systeem, dat alleen bestaat uit SMS berichten. De SMS berichten worden gestuurd op basis van locatie en interesses van de gebruiker. Via deze berichten komen de gebruikers in verbinding met activiteiten in de buurt zodat zij niet vereenzamen. De app doet hetzelfde, maar vanuit hier kan iemand zich meteen aanmelden voor een activiteit. Hebben ze leuke mensen ontmoet? Houdt contact via de app.
Duurzaam vrijwilligersvervoer bij jou in de buurt, voor iedereen.
Hallo Buurtvervoer is een plansysteem voor taxiritten. Het plansysteem wordt voornamelijk gebruikt door vrijwilligersorganisaties die korte ritten rijden zodat iedereen in de buurt mobiel kan blijven. Het systeem zorgt voor een duidelijk overzicht van alle ritten in de buurt, welke auto's beschikbaar zijn en welke chauffeurs ingepland kunnen worden.
Een bestaand plansysteem aanpassen voor een doelgroep die erg gehecht is aan het huidige systeem en moeilijk omgaat met veranderingen
Een webapplicatie voor planningen, een online omgeving voor reizigers en een mobiele app voor chauffeurs.
Een werkbaar plansysteem dat gebruikt kan worden binnen verschillende gemeenten die samenwerken. Met een omgeving voor gemeenten, energiecoaches en voor inwoners.
Het plansysteem van Groene app is het gedeelte waaraan ik volledig aan mee heb gewerkt. Van klantvraag, tot uitvoering. De klantvraag voor een plansysteem kwam omdat zij het gebruik van calendly stop wilde zetten en over wilde stappen op een intern plansysteem voor hun energiecoaches. Het plansysteem moest werkbaar zijn voor Gemeente Rivierenland, die meerdere gemeentes verbindt. Het plansysteem moet de beschikbaarheid van interne en externe energiecoaches goed weergeven zodat de planning afspraken kan maken voor inwoners. Ook maakt het plansysteem gebruik van standaard loketten, waar inwoners naartoe kunnen komen. Het plansysteem bestaat uit een omgeving voor de planners van de gemeente en een webapp voor de energiecoaches, waar zij rapportages van hun bezoek kunnen documenteren en hun persoonlijke planning kunnen bekijken.
De website van hallo buurtvervoer wordt gebruikt om toekomstige klanten te informeren over het systeem en welke stappen er nodig zijn om te beginnen. Ook. legt het de kernwaarden van het systeem uit, zodat klanten weten waar het systeem voor staat en hun normen en waarden hieraan kunnen relateren. De website maakt gebruik van duidelijke secties, zodat de gebruiker niet overweldigd wordt met informatie. De secties bouwen op van de waarom, wat en hoe van het systeem.
.png)
Voedingsdocumentatie makkelijk gemaakt
Valid8food is een platform voor de voedselindustrie die het maken en bijhouden van documentatie gemakkelijk maakt. Met het systeem kunnen de gebruikers hun documentatie makkelijk uploaden en laten controleren, zodat deze altijd up to date zijn voor hun producten. Ook kunnen zij documentatie en producten van andere gebruikers kopen en uitwisselen. Doordat de documenten altijd via het systeem gevalideerd worden door professionals, loop je nooit achter met documentatie.
Het plansysteem van Groene app is het gedeelte waaraan ik volledig aan mee heb gewerkt. Van klantvraag, tot uitvoering. De klantvraag voor een plansysteem kwam omdat zij het gebruik van calendly stop wilde zetten en over wilde stappen op een intern plansysteem voor hun energiecoaches. Het plansysteem moest werkbaar zijn voor Gemeente Rivierenland, die meerdere gemeentes verbindt. Het plansysteem moet de beschikbaarheid van interne en externe energiecoaches goed weergeven zodat de planning afspraken kan maken voor inwoners. Ook maakt het plansysteem gebruik van standaard loketten, waar inwoners naartoe kunnen komen. Het plansysteem bestaat uit een omgeving voor de planners van de gemeente en een webapp voor de energiecoaches, waar zij rapportages van hun bezoek kunnen documenteren en hun persoonlijke planning kunnen bekijken.
De klant heeft gekozen voor een one page website design waar op de hoofdpagina alle belangrijke informatie te vinden is. Het doel van de website is om een demo van het valid8food systeem aan te laten vragen. De website laat de waarden en normen van het product zien en informeert de bezoeker over de functionaliteiten van het systeem. Aangezien het systeem nog niet helemaal klaar was, was het belangrijk dat de website overtuigend klinkt zonder nog product foto's te laten zien. Dit doen we door de informatie te ondersteunen met moderne illustraties en foto's, die de functionaliteiten van het systeem toelichten. Verschillende secties verwijzen naar het aanvragen van een demo.
Educatie voor iedereen, overal.
Digital buddy is een platform waar scholen hun educatieve programma's kunnen maken en waar leerlingen deze kunnen volgen. Het USP van digital buddy is dat leerlingen op elk moment hulp kunnen vragen van een buddy, door een videogesprek te starten. De buddy's zien meteen met welke opdracht de leerlingen bezich zijn en kunnen ze hiermee direct helpen. Digital Buddy is gemaakt voor landen waar educatie niet goed toegankelijk is voor iedereen. Met digital buddy heeft iedereen een kans om te kunnen leren.
Een online platform ontwerpen voor verschillende doelgroepen: docenten en leerlingen die mogelijk niet digitaal vaardig zijn.
De applicatie moet bruikbaar zijn op desktop, tablet en telefoon.
De applicatie maakt gebruik van verschillende omgevingen, maar moet voor iedereen ongeveer hetzelfde eruitzien, zodat developers makkelijk features kunnen verbergen of laten zien op basis van rechten en rollen.
Digital buddy bestaat uit een applicatie voor docenten, buddy's en leerlingen. Binnen deze applicatie kunnen zij lessen plannen, volgen en nakijken. Ook kunnen zij intern chatten en video bellen. Het systeem is op verzoek van de opdrachtgever gebouwd met material design standaarden. De verschillende flows zijn opgebroken in een aantal dashboard tegels, die toegankelijk zijn op basis van de rol van de gebruiker. De belangrijkste flows zijn die van de leermodellen. Deze zijn opgebroken in boeken, hoofdstukken en delen. Op deze manier kan de educatie overzichtelijk getoond worden en weten docenten altijd het niveau van de leerling.
Het ontwerp en de verschillende flows zijn meerdere malen doorlopen met stakeholders en gebruikers, om zo tot een gewenst product te komen.
Een sociale app brengt jongeren in verbinding
Wadlde is mijn afstudeerproject. Het project bevatte het ontwikkelen van een online platform voor jongeren die eenzaam zijn. Waddle is een app die jongeren verbindt op basis van interesses en waar men samen naar activiteiten in de buurt kan gaan. Door gamification wordt het zoeken van nieuwe mensen een spel, wat de gebruiker motiveert om terug te komen naar de app.
Een nieuwe sociale app ontwerpen voor een jongere doelgroep, die uniek is aan andere sociale media
De applicatie moet mensen in verbinding brengen tijdens een lockdown periode, maar ook nog verbinden wanneer er geen lockdown meer is.
De applicatie maakt gebruik van gamification om de aandacht van de gebruiker vast te houden.
De applicatie is een mobiele app. De applicatie maakt gebruik van avatars, zodat de druk van het 'perfecte beeld' online wegvalt en de doelgroep zich meer zichzelf durven te zijn online, zodat zij echte connecties kunnen maken. De applicatie bevat een zoeker voor activiteiten en een spel om nieuwe mensen te leren kennen. Met dit spel, ga je samen door een aantal vragen om elkaar beter te leren kennen, hierdoor wordt het eerste contact gelegd en zijn er wat dingen waar je met elkaar over kan praten.
