UX COACH
  • UX design opleiding
    • Korte individuele UX/UI design opleiding
    • Korte individuele UX research opleiding
    • Hands-on workshop UX/UI design voor teams
  • Portfolio
    • UX/UI design diensten
    • Waarden
  • Blog
  • Nieuwsbrief
Case

UX concept voor educatief platform

Home > Portfolio >
3 min leestijd - 18 augustus 2026
Voor een Franstalige onderneming, maakte UX Coach een UX concept om te tonen hoe een educatief platform in Wordpress eruit zou kunnen zien in de toekomst. Naar aanleiding van een eerste kennismakingsgesprek met de klant, creëerde Marjan van UX Coach een tweetal pagina's in Figma. Met hulp van AI voor het genereren van afbeeldingen en content, werd een realistisch beeld gecreëerd van dit toekomstig educatief platform. 
Wireframes van het dashboard van een web app voor loonadministratie
UX concept van educatief platform
👀 Bekijk de pagina's Home en Article in Figma. 

UX concept voor educatief platform

Tijdens het eerste kennismakingsgesprek met de ondernemer, werd het voor Marjan van UX Coach direct duidelijk dat het educatieve platform heel veel publiek beschikbare content zou omvatten. Er zijn heel veel artikelen geschreven om de studenten te onderwijzen op afstand.

​Daarnaast was er ook een afgeschermde omgeving nodig, zodat studenten die een opleiding volgen toegang krijgen tot specifieke content over de opleiding. Het publieke en het private gedeelte moesten hand in hand gaan.

Hulp van artificial intelligence (AI)

Om op enkele uren een realistisch design neer te zetten, met een eerste aanzet voor het grafisch design, heeft Marjan de hulp van AI ingezet. Afbeeldingen, titels en subtitels werden door Figma Make gegenereerd en door Marjan gefinetuned. 

Figma heeft een eigen AI tool genaamd 'Figma Make'. Hierdoor kun je als ontwerper sneller werken: want AI kan content voor je genereren en taken die eerder repetitief zijn in enkele minuten voor je uitvoeren. 
Figma's simpele design systeem
Material 3 Design Kit in Figma

Componentenbibliotheek van Figma

Voor deze wireframes gebruikte Marjan de Material 3 Design kit in Figma. Met deze bestaande componenten-bibliotheek krijg je namelijk direct toegang tot geschikte navigatiebalken, zoekvelden en buttons. Door deze componenten in Figma letterlijk op de schermen (frames) te slepen, kun je snel je pagina's opbouwen, en je ideeën overbrengen.

Eigen componenten

Figma biedt ook de mogelijkheid om voor elk project ook je eigen componenten aan te maken. Hiermee zorg je dat de styling van de organisatie overal op dezelfde manier wordt toegepast, en dat componenten op verschillende pagina's consistent zijn vormgegeven. Marjan gebruikte voor dit UX concept daarom deze functionaliteiten in Figma:

  • 'Main components': Een main component is een basis component, dat bepaalde eigenschappen heeft, en gekopieerd wordt doorheen de website of applicatie.
  • 'Variants': binnen een main component kunnen meerdere varianten bestaan, bijvoorbeeld voor verschillende statussen van een component (actief en inactief), of voor verschillende scherm resoluties (desktop en mobile) of zelfs voor verschillende talen (Nederlands en Frans).
Wireframes van het dashboard van een web app voor loonadministratie
Eigen componenten: het begin van je design system in Figma

Het begin van een design system

Hierboven een voorbeeld van de main component "Horizontal card" voor dit UX concept, waarbij twee varianten beschikbaar zijn: een breed kaartje met afbeelding, en een small kaartje zonder afbeelding.

​Door main components aan te maken, voor alle gebruikte componenten, ontstaat een design system. Elke organisatie heeft een design system nodig heeft voor het bouwen van professionele websites en (web)applicaties.
Wireframes van het dashboard van een web app voor loonadministratie
UX concept van educatief platform

UX concept: aanbod voor elke klant

UX Coach maakt voor bijna elke klant wel een UX design of UX concept. Als onderdeel van een offerte, of als deliverable van een design project. Dit helpt een klant om de droom van een website of applicatie werkelijkheid te zien worden. Het toont ook aan wat de waarde is van de kennis en vaardigheden van een UX/UI designer.

UX concept uitwerken voor uw website? 

Voor UX Coach werkt graag samen om uw droom te realiseren door eerst te luisteren naar wat u nodig hebt, door samen te werken aan een UX concept of volledig UX design, en door een degelijke hand-over naar het development team die de technologie kennen. 

Mocht je graag eens kennismaken, neem gerust contact op.
Neem contact op
Marjan Geerts

​Marjan

Senior UX designer met 15+ jaar ervaring in de combinatie design en onderzoek. Ze gelooft dat empathie voor de klant betere en aantrekkelijkere producten en diensten oplevert. Ze is founder van UX Coach, een UX design studio in Antwerpen.
+32 (0)487 424 713
Afbeelding
Foto
UX DESIGN OPLEIDING
PORTFOLIO
BLOG
NIEUWSBRIEF
CONTACT
CONTACT
BOOMSESTEENWEG 440
2020 ANTWERPEN
BELGIË
+32 (0)487 424 713
Afbeelding
UX COACH IS ONDERDEEL VAN STUDIO NEO BV - PRIVACYBELEID - COOKIE BELEID - SITEMAP
  • UX design opleiding
    • Korte individuele UX/UI design opleiding
    • Korte individuele UX research opleiding
    • Hands-on workshop UX/UI design voor teams
  • Portfolio
    • UX/UI design diensten
    • Waarden
  • Blog
  • Nieuwsbrief