Opleiding Webdesign Expert
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 twaalf trainingsdagen en zeven 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
Wie zijn de trainers?
Onze trainers staan met beide benen in hun vakgebied: buiten Competence Factory hebben ze een succesvolle baan of onderneming. Ze kunnen je dus altijd de laatste vakinhoudelijke nieuwtjes vertellen. Bovendien zitten ze vol praktische voorbeelden die ze in hun trainingen verwerken. Doordat we de groepen klein houden, heb je intensief contact met je trainer. Wij zorgen ervoor dat alle trainers elkaar regelmatig ontmoeten, zodat ze kennis en ervaringen kunnen uitwisselen om nog betere trainingen te geven. Komen jouw vragen pas na de training naar boven? Ook dan staan onze trainers voor je klaar.
Ruben Olislagers
Nadat Ruben z’n eerstegraadsbevoegdheid op de kunstacademie haalde, volgde hij bij Philips een opleiding tot interaction designer. Na vier jaar praktijkervaring bij een full-service internetbedrijf, begon hij in 2002 zijn eigen ontwerpbureau: Design al dente. Ruben geeft al twintig jaar training in UX-design, interaction design, usability, infographics en de UX-tool Sketch.
Eddy Boeve
Eddy is een ervaren interaction specialist. Elke dag helpt hij organisaties hun websites te verbeteren. Dat doet hij onder andere door de psychologie van consumenten in de digitale wereld te doorgronden en die inzichten online toe te passen. Hij werkt net zo graag voor profit- als non-profitorganisaties. Vanuit z’n bureau Booming geeft Eddy onder andere advies aan de grootste internetretailers van Nederland.
Mitchel Rijs
Na de opleiding interactieve vormgeving ging Mitchel aan de slag als UX/UI-designer bij een digital agency. Hier leerde hij in korte tijd veel over design, development, hosting en digital marketing. Hij buigt zich graag over complexe vraagstukken binnen digitale producten. Zo optimaliseert hij de gebruiksvriendelijkheid van het selfservice-portaal en de website en apps van het bedrijf. Hij heeft ervaring met Figma, wireframes, prototypes en interfaces, én weet als geen ander hoe je ideeën pitcht bij een klant. Om z’n kennis uit te breiden, volgde Mitchel de post-hbo-opleiding UX Design Master bij Competence Factory.
Marlon Augustijn
Marlon is UX-designer met een achtergrond in webdesign en zoekmachine-optimalisatie. Hij staat al bijna tien jaar aan het roer bij First Aid Marketing. Met gericht advies over conversie, SEO, UX en visual design helpt hij organisaties en ondernemers online te groeien. Tijdens zijn trainingen deelt hij z'n kennis en ervaringen met zijn cursisten. Zo maakt hij je wegwijs in de wereld van UX design.
Elizabeth van Oers
Elizabeth heeft tijdens haar studie Industrieel Product Ontwerpen aan de Haagse Hogeschool het ontwerpproces haar eigen gemaakt. Hier leerde ze alles van Design Thinking tot optimalisatie. Na het behalen van haar Bachelor heeft ze de UX Design Master gevolgd bij Competence Factory. Elizabeth is nu werkzaam bij First Aid Marketing, waar ze samenwerkt met middelgrote bedrijven en A-merken. Ze ontwikkeld verschillende producten en geeft haar klanten gericht advies over conversie, SEO, UX en visual design en helpt zo organisaties en ondernemers online te laten groeien.
Diederick van Tellingen
Als kind was Diederick al geïnteresseerd in de interactie tussen mens en computer. Inmiddels is interaction design z’n vak: hij is UX-designer bij Blooming. Daar helpt hij bedrijven hun online performance en conversie te verbeteren. Dat doet hij met behulp van wireframes, ontwerpen en klikbare prototypes. En daar komt van alles bij kijken: van psychologische principes en usability-vuistregels tot eindeloos testen en doelgroepenonderzoek. Met een goede dosis enthousiasme leert Diederick je de kunst van wireframing én wat je eraan hebt in het werkveld.
John Oosterlaar
John is onze WordPress-expert. Hij vertelt je hoe je er een effectieve en betrouwbare website mee bouwt, en plug-ins als Oxygen Builder en Breakdance gebruikt. Als freelance consultant helpt hij organisaties met online marketing. Z’n trainingen zijn praktisch en persoonlijk, en hij heeft oog voor de verschillende niveaus en behoeften van zijn cursisten. In zijn vrije tijd is hij graag bezig met muziek.
Tjerk Rintjema
Tjerk is een ervaren ondernemer en online marketeer. Hij maakt content voor ondernemers en zet campagnes op met zijn bedrijf First Aid Marketing. Daarnaast bouwt en optimaliseert hij websites. Tjerk heeft oneindig veel geduld en is daarom een veelgevraagd trainer. Hij heeft oog voor persoonlijke kwaliteiten en daagt je uit om alles wat je leert, in de praktijk toe te passen. Zo kun je je nieuwe kennis direct gebruiken in je eigen organisatie.
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.
Is deze opleiding ook beschikbaar als maatwerk?
Ontvang ik een diploma na afloop van deze opleiding?
Hoe ziet het programma van de opleiding Webdesign Expert eruit?
-
1 UX Design
Dag 1 Ochtend
- Introductie UX Design
- Waar liggen je UX-kansen in apps en websites?
- Design Thinking
- User centered design
- Usability
- Testen
- Een strategisch plan opzetten
- Ux research
- Doelen stellen
- Je doelgroep analyseren
- De vier globale gebruikerstypen
- Persona’s maken
- Zoekmachine-optimalisatie gebruiken voor je structuur
- Zelf een plan schrijven
- Bespaar tijd door gebruik te maken van AI-tools zoals ChatGPT
- Card sorting
- Tree testing
- De kracht van gamification
- Triggers en variabele beloning
- Context gebruiken: locatie, datum, tijd
- Belangrijke overtuigingstechnieken
- De customer journey (klantreis)
- Het proces van a tot z
- Belangrijke do's en dont's
- Je concept en strategie uitschrijven
-
2 Visual Design met Figma
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
- 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
-
3 Interaction Design
Dag 1 College 1
- 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)
- Sitestructuur
- Casestudies
- Een interface ontwerpen
- De navigatie ontwerpen
- Landingspagina
- Homepage
- Productpagina
- Categoriepagina
- Formulieren
- Check-outs
- Dashboardapplicatie
- Facet-filter
- Navigatie ontwerpen voor mobiel
- Datavisualisatie
- Design patterns
- Interaction style guide
- Page description diagrams
- Wireframes maken
- Een functioneel ontwerp maken
- Prototyping
- Opdracht
- Presentatie opdracht
-
4 WordPress Basis
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
- Media toevoegen en beheren: waar moet je op letten?
- Met menu’s werken
- Widgets gebruiken
- Het maximale uit patronen blokken halen
- Instellingen toepassen
- Thema's gebruiken en customizen
- Welke thema's kun je allemaal gebruiken en waar haal je ze vandaan?
- Functies toevoegen met handige plugins, zoals een contactformulier en webstatistieken
- Hoe werkt gebruikersmanagement?
- WordPress & privacy
- Content exporteren naar een andere WordPress website
- Hoe kun je AI gebruiken om content te ontwikkelen?
- Het meest logische stappenplan voor de ontwikkeling van een website
-
5 WordPress gevorderd
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
-
6 WordPress Code
Ochtend
- Een WordPress website installeren via LocalWP en de mogelijkheden hiervan (PHP, MySQL versie, clonen, exporteren naar zip, blueprints)
- Server informatie en server environment
- Meer over de database editor (PHPMyAdmin of Adminer)
- Inzoomen op queries, templates en structurele stacking om per weergave de vormgeving te kunnen tweaken
- Werken met de inspector om met CSS te tweaken
- Tweaken met HTML en PHP
- Ingrijpen in de WordPress loop met een filter of action
- Code snippets gebruiken om specifieke functies toe te voegen
- Advanced Custom Fields
- Zelf aan de slag met het aanpassen van een plugin
- Een plugin ontwikkelen met AI
- Meer over het bestand theme.json
-
7 WordPress Bouw je eigen Thema
Dag 1 Ochtend
- WordPress installeren met LocalWP
- Wat kun je allemaal met Oxygenbuilder?
- De plugin installeren en configureren
- Oxygenbuilder verkennen: ontdek de meest effectieve workflow
- Een website installeren via de Oxygen Design Library
- De structuur van Design Set
- Een Design Set of thema ontwikkelen: zo pak je het aan
- Views bouwen voor een pagina: bericht of archief
- Over-erving (inherit design from): het type content waar een view op van toepassing is
- Views bouwen voor de homepage, 404 en zoekresultaat-pagina
- De kracht van Global styles
- Meer mogelijkheden van Design Sets
- Custom Post Type gebruiken en een eigen, specifiek detailvenster ontwikkelen met Advanced Custom Fields
- Een site bouwen met een maatwerk thema
- Reusable Parts voor eenheid in je design
- AI toepassen om content te ontwikkelen
- Praktijkopdracht: je eigen site ontwikkelen
Ontvang het volledige programma en de brochure van de opleiding Webdesign Expert direct per mail
Ontvang het uitgebreide programma per mail
Nienke Rothuis
Opleidingsadviseur
Reviews
Lees hoe we dat doen