Opleiding Webdesign Expert
- UX Design met AI Leer moderne UX-workflows met AI, prompting en gebruikersinzichten.
- Visual Design met Figma Met je team bouwen aan de ultieme interface? Wireframing, prototyping en visual designing doe je snel en handi...
- Interaction Design Ontwerp een gebruiksvriendelijke interface voor je app of website.
- WordPress Basis Zet in twee dagen je eigen website op: leer de basis van WordPress kennen.
- WordPress gevorderd Hoe succesvol je WordPress-website is, hangt af van hoe je 'm beheert. Leer de belangrijkste beheer-basics in...
- WordPress Code Duik onder de motorkap van je WordPress-website en ontdek hoe je slimme aanpassingen doet
Als allround webdesigner weet je in allerlei specialismen je weg: van UX Design tot websitebeheer. In deze webdesign opleiding stomen we je klaar voor een carrière als algemeen webdesigner, waarbij de focus op WordPress ligt. Niet alleen omdat het zo populair is, maar ook omdat je er allerlei kanten mee op kunt. Na afloop bouw je zelfstandig complete websites, die ook nog eens aan alle usability-eisen voldoen.
Zo is de opleiding opgebouwd
Deze webdesign opleiding bestaat uit zes trainingen die op elkaar aansluiten:
Wat kun je na het volgen van de opleiding Webdesign Expert
Jouw resultaat
- Je kunt een UX-strategie ontwikkelen en je concept visualiseren
- Je leert hoe je (interactieve) prototypes kan maken in Figma
- Je kunt een professionele website bouwen voor jezelf of een opdrachtgever
- Je kunt je website optimaliseren voor bezoekers en zoekmachines (SEO)
- Je kunt je website naar eigen smaak inrichten met thema’s, templates, hooks, filters en widgets
Voor wie is de opleiding Webdesign Expert bedoeld?
Deze opleiding is er voor iedereen die een fantastische gebruikerservaring wil ontwerpen voor een website en dit ook wil uitwerken in WordPress from scratch. We zien bij deze opleiding vaak professionals die werken als marketeer, webdeveloper, product owner of zzp’er.
Hoe bereid ik me voor?
Voor deze webdesign opleiding is geen specifieke voorkennis vereist. Het is wel handig als je alvast nadenkt voor welke site of app je een ontwerp wil maken. Het onderwerp is vrij.
Hoe ziet het programma eruit?
Dag 1 - UX strategie, research & AI-analyse
Ochtend
- Introductie UX Design en hoe AI moderne workflows verandert
- Design Thinking, user-centered design en usability
- Verschillende prompttechnieken en onderzoeksmethodes
- Een strategisch plan opzetten en werken met de UX Promptgids
Middag
- Doelen bepalen en gebruikersbehoeften en customer insights analyseren
- Slimme AI-prompts voor efficiënte UX-workflows
- De vier globale gebruikerstypen en persona's maken met AI
- Informatiearchitectuur en je eigen UX-plan opstellen
Dag 2 - Optimalisatie, gedrag & conceptontwikkeling met AI
Ochtend
- Card sorting, tree testing en SEO combineren met UX
- Gamification, triggers en de psychologie achter gebruiksgedrag
- Overtuigingstechnieken en AI inzetten voor UX-optimalisatie
- Concept- en UX-strategie uitwerken
Middag
- Introductie slimme AI-assistent en concept- en UX-strategie uitwerken
- Context, customer journey, user flows en wireframing
- Introductie Figma Make prompts en UX best practices
- UX Design werkwijze van A tot Z
Dag 1
Ochtend
- Introductie Figma: in vogelvlucht door het programma
- Lagen, assets en pagina’s
- Gereedschap
- Inspector-menu
- Tekenen / pentool gebruiken in Figma
- Sneltoetsen
- Foto's importeren en bewerken (maskeren)
- Vectorafbeeldingen importeren en wijzigen
- Objecten groeperen
- Slim schalen met restricties voor responsive design
- Lagen uitlijnen en distribueren
- Tekststijlen aanmaken
- Kleuren in het ontwerp opnieuw gebruiken
- Herbruikbare vormgeving maken
- Master components en assets (herbruikbare elementen)
- Een layoutraster instellen voor pixelperfect design
- De indeling aanpassen voor tablets en mobiele telefoons
- Bestanden exporteren
- Losse elementen exporteren
- Plug-ins gebruiken
- Prototype maken in Figma
- Praktijkopdracht
Ochtend
- Een ontwerp veranderen in een klikbaar prototype
- Verbindingen maken tussen schermen
- Toevoegen van animaties, overgangen en effecten als sticky headers en floating buttons
- Praktijkopdracht afronden
- Samenwerken binnen een Figma-bestand: medewerkers uitnodigen, rechten verlenen en feedback geven
- Een Figma-design opleveren bij developers
Dag 1 - Basis & Structuur
Ochtend
- De basisprincipes van interaction design
- Toepassingsgebieden: wanneer is interaction design belangrijk?
- De geschiedenis van interfaces
- Voorbeelden van goede interaction designs
- Trends in het vakgebied
- Interfaces voor web en mobiel (adaptive/responsive design)
Middag
- Sitestructuur
- Casestudies
- Een interface ontwerpen
- De navigatie ontwerpen
- Landingspagina
- Homepage
- Productpagina
- Categoriepagina
Dag 2 - UI Patronen & Prototyping
Ochtend
- Formulieren
- Check-outs
- Dashboardapplicatie
- Facet-filter
- Navigatie ontwerpen voor mobiel
- Datavisualisatie
- Design patterns
- Interaction style guide
Middag
- Page description diagrams
- Wireframes maken
- Een functioneel ontwerp maken
- Prototyping
- Opdracht
- Presentatie opdracht
Dag 1
Ochtend
- Wat is WordPress, en waarin onderscheidt het zich ten opzichte van andere systemen?
- WordPress verkennen: dashboard, scherminstellingen, admin-bar, navigatiemenu, front- en backend
- De belangrijkste stappen die bij elke nieuwe site van belang zijn: website titel, slogan, taal, tijdzone en permalinks
- De verschillende Post Types: de keuzes en publicatiemogelijkheden
- Het plaatsen en ordenen van berichten
Middag
- Werken met blokken en patronen (bijv. media toevoegen)
- Menu’s aanmaken voor interne en externe pagina’s
- Widgets gebruiken en beheren
Ochtend
- Thema’s kiezen: gratis vs. premium
- Aanpassingen doen via de Customizer
- Contactpagina maken met formulier
- Bezoekersgedrag meten via statistieken-plugins
- Gebruikersbeheer: meerdere mensen aan de site laten werken
- Privacy-instellingen: cookiemelding en privacyverklaring
- Content exporteren en importeren
- Een website planmatig opbouwen en optimaliseren
Ochtend
- Verschil in de rol van content beheerder versus website beheerder
- Domeinnaamregistratie: waar moet je op letten?
- Het filesystem en het belang van de database en het bestand wp-config.php
- Wat is FTP en waar heb je het voor nodig?
- Het installeren en verplaatsen van een website
- De beveiliging van je website
- Back-ups maken en terugzetten
- Hoe pas je de styling van je thema aan, waarom moet je altijd een ‘child theme’ gebruiken en hoe pas je HTML en CSS aan via de editor?
- Hoe installeer en configureer je WordPress plugins en waar moet je op letten?
- Welke mogelijkheden zijn er om AI te integreren, welke plugins zijn er?
- Waarom is 'onder water' kijken belangrijk en welke functie heeft de browser Inspector?
- Eenvoudige CSS aanpassingen doen via de Extra CSS in de Customizer
- Een Child thema maken en het hoofdthema aanpassen
- De mogelijkheden van de nieuwe generatie Block thema's
Programma
Ochtend
- LocalWP is dé perfecte ontwikkeltool om WordPress sites te clonen, exporteren naar zip, blueprints te maken, we bespreken de ins & outs
- Wat is de syntax van PHP en welke functie vervult het in WordPress
- Hoe zit het filesystem in elkaar, de mapstructuur en de functie van het bestand wp-config.php
- De database editor van LocalWP heet Adminer, op je hosting gebruik je vaak Phpmyadmin
Middag
- Leer de basis van de webtalen HTML, CSS en JS door onder water te kijken met de Inspector
- Met een plugin gaan we hooks plaatsen in WordPress, zodat we minder plugins nodig hebben
- Ontdek de kracht van snippets waarmee je aanpassingen kunt doen in WordPress zonder dat je dit in templatebestanden hoeft te doen
- Thema aanpassingen uitvoeren, child theming en AI code snippets laten schrijven
Wie zijn de trainers?
Onze trainers staan met beide benen in hun vakgebied: buiten Competence Factory hebben ze een succesvolle baan of onderneming. Ze vertellen je altijd de laatste vaknieuwtjes en zitten vol praktische voorbeelden. Doordat we de groepen klein houden, heb je intensief contact met je trainer. Ook na de training helpen ze bij vragen.
Veelgestelde vragen
Je ontvangt zowel een fysiek als een digitaal diploma. Zowel het diploma als ieder afzonderlijk certificaat kun je met één klik toevoegen aan je LinkedIn-profiel — inclusief een koppeling naar je officiële credentials, zodat werkgevers en collega's jouw diploma en certificaten direct kunnen verifiëren.
Competence Factory draagt het NRTO-keurmerk, wat betekent dat je kunt rekenen op kwalitatief hoogwaardige en erkende opleidingen.
Je leert natuurlijk pas écht door te dóen. Na de training ga je aan de slag met je nieuwe kennis en vaardigheden. In veel gevallen is dat genoeg, maar misschien heb je toch behoefte aan meer hulp en informatie. Kies dan voor een aanvullend coachingstraject, waarbij de trainer je nog verder begeleidt.
Wat vinden cursisten?
NRTO-erkend · al 35 jaar ervaring · 9,3 gemiddeld op Springest
Competence Factory - Creative Business School
Competence Factory is jouw favoriete opleidingsclub. Al dertig jaar bereiden we professionals voor op hun future job. We leggen op een hele belangrijke skill de nadruk: creativiteit. We leren cursisten om met plezier te werken aan wat hen boeit en positief vooruit te kijken naar hun next step. Dit doen we vanuit ons gezellige clubhuis in Utrecht: Space to Create. Zien we je snel?