Webdesign Expert

Tijdsduur
Locatie
Op locatie
Startdatum en plaats

Webdesign Expert

Competence Factory
Logo van Competence Factory
Opleiderscore: starstarstarstarstar_half 9,3 Competence Factory heeft een gemiddelde beoordeling van 9,3 (uit 1.412 ervaringen)
Beste opleider van Nederland

Winnaar Beste opleider van Nederland 2020: #1 in Marketing en #2 beste grote opleider.

Winnaar Beste opleider van Nederland 2019: #3 in Marketing.

Lees meer over Beste Opleider van Nederland 2020.

Tip: meer info over het programma, prijs, en inschrijven? Download de brochure!

Startdata en plaatsen

placeUtrecht
13 okt. 2022 tot 20 okt. 2022
placeUtrecht
18 nov. 2022 tot 25 nov. 2022
placeUtrecht
20 dec. 2022 tot 27 dec. 2022
placeUtrecht
12 jan. 2023 tot 19 jan. 2023
placeUtrecht
10 feb. 2023 tot 17 feb. 2023
placeUtrecht
13 mar. 2023 tot 20 mar. 2023
placeUtrecht
11 apr. 2023 tot 18 apr. 2023
placeUtrecht
10 mei. 2023 tot 17 mei. 2023
placeUtrecht
15 jun. 2023 tot 22 jun. 2023
placeUtrecht
14 jul. 2023 tot 21 jul. 2023
placeUtrecht
14 aug. 2023 tot 21 aug. 2023
placeUtrecht
12 sep. 2023 tot 19 sep. 2023
placeUtrecht
11 okt. 2023 tot 18 okt. 2023
placeUtrecht
9 nov. 2023 tot 16 nov. 2023
placeUtrecht
15 dec. 2023 tot 22 dec. 2023

Beschrijving

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:
  • UX Design
  • Visual Design met Figma (Let op! Naast Figma kun je ook kiezen uit Visual Design met Adobe XD of Visual Design met Sketch en InVision. Bel o…

Lees de volledige beschrijving

Veelgestelde vragen

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Nog niet gevonden wat je zocht? Bekijk deze onderwerpen: Webdesign, Technisch ontwerp, Content management (CMS), Usability (gebruiksvriendelijkheid) en (X)HTML & CSS.

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:
  • UX Design
  • Visual Design met Figma (Let op! Naast Figma kun je ook kiezen uit Visual Design met Adobe XD of Visual Design met Sketch en InVision. Bel ons voor advies.)
  • Interaction Design
  • WordPress basis
  • WordPress gevorderd
  • WordPress Code
  • WordPress Bouw je eigen Thema

Programma van de opleiding Webdesign Expert

UX Design

Dag 1

College 1

  • Introductie UX Design
  • Waar liggen je UX-kansen in apps en websites?
  • Design Thinking
  • User centered design
  • Usability
  • Testen
  • Een strategisch plan opzetten

College 2

  • Ux research
  • Doelen stellen
  • Je doelgroep analyseren
  • De vier globale gebruikerstypen
  • Persona’s maken
  • Zoekmachine-optimalisatie gebruiken voor je structuur
  • Zelf een plan schrijven

Dag 2

College 3

  • Card sorting
  • 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

College 4

  • Je concept en strategie uitschrijven

Visual Design met Figma

Dag 1

College 1

  • 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

College 2

  • 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

Dag 2

College 3

  • Een ontwerp veranderen in een klikbaar prototype
  • Verbindingen maken tussen schermen
  • Toevoegen van animaties, overgangen en effecten als sticky headers en floating buttons

College 4

  • Praktijkopdracht afronden
  • Samenwerken binnen een Figma-bestand: medewerkers uitnodigen, rechten verlenen en feedback geven
  • Een Figma-design opleveren bij developers

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)

College 2

  • Sitestructuur
  • Casestudies
  • Een interface ontwerpen
  • De navigatie ontwerpen
  • Landingspagina
  • Homepage
  • Productpagina
  • Categoriepagina

Dag 2

College 3

  • Formulieren
  • Check-outs
  • Dashboardapplicatie
  • Facet-filter
  • Navigatie ontwerpen voor mobiel
  • Datavisualisatie
  • Design patterns
  • Interaction style guide

College 4

  • Page description diagrams
  • Wireframes maken
  • Een functioneel ontwerp maken
  • Prototyping
  • Opdracht
  • Presentatie opdracht

WordPress basis

Dag 1 

College 1

  • Waar is een CMS eigenlijk voor, en waarin onderscheidt WordPress zich?
  • WordPress verkennen: dashboard, scherminstellingen, admin-bar, navigatiemenu, front- en backend
  • Pagina’s en de berichtensectie met categorieën en tags: hoe gebruik je de teksteditor, hoe publiceer je?
  • Content importeren
  • Met menu’s werken

College 2

  • Media toevoegen en beheren: waar moet je op letten?
  • Widgets gebruiken in widget-area’s
  • Het thema aanpassen met de customizer
  • Instellingen toepassen

Dag 2 

College 3

  • Welke opties heb je voor de weergave van je WordPress-site?
  • Wat zijn ‘goede’ thema’s?
  • Het verschil tussen ‘freemium’ en ‘premium’
  • Een thema kopen, doen? En dan?

College 4

  • Functies toevoegen met plugins, zoals een contactformulier en webstatistieken
  • Waar moeten plugins aan voldoen? Een shortlist
  • Een paar freemium plugins installeren
  • Extra: wat kan er nog meer binnen WordPress?

WordPress gevorderd

College 1

  • Verschil in de rol van content beheerder versus website beheerder
  • Domeinnaamregistratie, de hosting, DNS en FTP
  • Het WP Filesystem en de Database
  • Wat is PHP, HTML en CSS
  • Je WordPress veilig houden: wat doe je met bestanden op webservers, en hoe houd je anderen buiten de deur?
  • Introductie van de Inspector
  • 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?

College 2

  • Hoe installeer en configureer je WordPress plugins, welke zijn populair, welke zijn oké en welke zeker niet?
  • ’s Nachts backups van je bestanden en database maken
  • Hoe verhuis je een WordPress-website?

WordPress Code

Ochtend

  • Achter je site regelen ruim 1500 bestanden alles. Hoe kom je bij die bestanden, en wat doen ze aan de achterkant, voorkant (content) en daartussen?
  • De hosting ontsluit belangrijke factoren als de PHP-versie en -variabelen. Hoe krijg je toegang tot de hosting, en hoe en pas je PHPmyAdmin en serverbased-instellingen aan om je website beter te laten functioneren?
  • WordPress draait op PHP: wat is het, en wat doet het?

Middag

  • PHP, html, CSS, JavaScript en jQuery: ze zorgen er allemaal voor dat je website werkt. Maar hoe?
  • Slim wijzigingen aanpassen in WordPress-templates: zo ‘tweak’ je het design van je website
  • De WordPress Loop is cruciaal, maar waarom? En hoe kun je met functies, filters en hooks WordPress naar je hand zetten?
  • Aan de slag met de block-editor van WordPress: je schrijft zelf een plugin om blocks te kunnen bouwen die je ook echt kunt selecteren en gebruiken.

WordPress Bouw je eigen Thema

Dag 1

College 1

  • Introductie: wat kun je allemaal met Oxygenbuilder?
  • De plugin installeren en configureren
  • De Oxygenbuilder-editor verkennen: wat voor tabs en opties heb je?

College 2

  • Templating: zelf een functionerend template bouwen dat past bij je doelstellingen en situatie
  • Global settings en responsive design: verschillende webdesigns voor verschillende apparaten maken

Dag 2 

College 3

  • Library: op ontdekkingstocht in de designbibliotheek van Oyxenbuilder. Welke standaard website-onderdelen zitten erin, en hoe pas je ze aan?
  • Settings: je cache regelen, je toegang bepalen, SVG-sets uploaden en andere instellingen

College 4

  • Praktijkopdracht: de site van een pizza-webshop ontwerpen. We letten alleen op het design, de functionaliteit komt in een andere training aan bod.

Belangrijk advies bij de keuze van je opleiding;

  • Verifieer de naam van het opleidingsinstituut vooraf aan de boeking door op ‘klachten’ en of  ‘reviews' te zoeken in bijvoorbeeld Google.
  • Is de prijs all in? Wat zijn de bijkomende kosten (lunches, reprorechten en of  arrangementskosten).
  • Waar vind de training plaats 

Blijf op de hoogte van nieuwe ervaringen

Er zijn nog geen ervaringen.
  • Vraag informatie aan over deze cursus. Je ontvangt vanaf dan ook een seintje wanneer iemand een ervaring deelt. Handige manier om jezelf eraan te herinneren dat je wilt blijven leren!
  • Bekijk gerelateerde producten mét ervaringen: Webdesign.

Deel je ervaring

Heb je ervaring met deze cursus? Deel je ervaring en help anderen kiezen. Als dank voor de moeite doneert Springest € 1,- aan Stichting Edukans.

Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.

Download gratis en vrijblijvend de informatiebrochure

(optioneel)
(optioneel)
(optioneel)
(optioneel)
(optioneel)
(optioneel)
We slaan je gegevens op, en delen ze met Competence Factory, om je via e-mail en evt. telefoon verder te helpen. Meer info vind je in ons privacybeleid.