Opleiding Webdesign Expert

De Opleiding Webdesign Expert is een uitgebreid traject om websites en apps te ontwerpen voor verschillende soorten schermen, zowel op desktop als op mobiel.

In 12 dagen word je een expert op het gebied van webdesign door het volgen van een uitgebalanceerd pakket aan trainingen: UX DesignInteraction design en Visual Design met Sketch en Invision, HTML/CSS Level 1, Wordpress Website maken en Wordpress Beheer. Tijdens de eerste training leer je een strategie en concept voor je eigen website of app te ontwikkelen. Met interaction designtechnieken optimaliseer je vervolgens jouw bestaande website of app. Of je ontwikkelt op deze manier een geheel nieuwe site of app. Wanneer je jouw concept direct kunt visualiseren en klikbaar kunt maken, kun je ook meteen testen hoe de site of app werkt bij de gebruiker. Veel professionele webdesigners werken daarom met de programma's Sketch en Invision om hun ideeën snel in visuele prototypes om te zetten.

Het tweede deel van de opleiding is wat technischer. De meeste websites maken gebruik van het platform Wordpress en daarom leer je in dit tweede deel hoe je een website kunt maken en beheren in Wordpress. Om een Wordpress website naar je eigen hand te kunnen zetten zul je kennis moeten hebben van de programmeertalen HTML (de onopgemaakte tekst van een website) en CSS (de lay out van de tekst).

Programma van de opleiding Webdesign Expert

UX Design

College 1:

  • Een overzicht van de tools en software
  • Analyses van websites en apps, wat werkt wel of juist niet?
  • Mogelijkheden van apps
  • Gebruik van context (Waar de gebruiker zich bevindt, datum, tijd, locatie).
  • De rol van mobiele devices bij het ontwerp
  • Gamification
  • Triggers en variabele beloning
  • Zoekmachine optimalisatie gebruiken voor je structuur

College 2:

  • Doelstellingen
  • Doelgroep analyse
  • Persona's
  • Customer journey (klantreis)
  • Usability
  • Hoe je een strategisch plan opzet
  • Zelf een plan schrijven

College 3:

  • Overtuigingstechnieken
  • Social media inzetten
  • Structuurschema
  • Navigatiestructuren
  • Wireframes (niet zelf maken dat doe je bij de cursus Interaction Design)
  • Interface-design
  • Content en vormgeving van websites en apps
  • Testen
  • Belangrijke do's en dont's

College 4:

  • Je concept en strategie uitschrijven
  • Strategie presenteren

Interaction Design

College 1

  • Begingprincipes van interaction design
  • Toepassingsgebieden
  • Voorbeelden van goed interaction design
  • Interfaces
  •  Trends in het vakgebied

College 2

  • Tools voor  analyses voor nieuwe media toepassingen
  • Geschiedenis van interface ontwerp
  • Nieuwe trends in interface ontwerp op web en mobile (adaptive/responsive design)
  • 4 Soorten online gebruikers
  • Casestudies
  • Best practises van interface ontwerpen
  • 'Huiswerk' opdracht

College 3

  • Presentaties van de uitgewerkte ideeën
  • Toepassen theorie eerdere trainingen

College 4

  • Navigatie modellen & wireframes
  • Persona’s: de gebruikerservaring voorop
  • Usability tests uitvoeren van je ontwerp

Visual Design met Sketch en Invision

College 1

  • Introductie programma
  • Lagen en pagina's
  • Gereedschap
  • Inspector menu
  • Tekenen in Sketch
  • Sneltoetsen
  • Foto's importeren
  • Een foto bijsnijden (maskeren)
  • Vectorafbeeldingen importeren en wijzigen
  • Objecten groeperen
  • Slim schalen voor responsive design
  • Lagen uitlijnen en distribueren
  • Kleuren in het ontwerp opnieuw gebruiken
  • Herbruikbare vormgeving maken
  • Tekststijlen aanmaken

College 2

  • Symbolen (herbruikbare elementen)
  • Een lay-outraster instellen
  • Pixels precies werken
  • De indeling aanpassen voor tablets en mobiele telefoons
  • Bestanden exporteren:
  • Tekengebieden exporteren
  • Gebruik maken van plug-ins
  • Praktijkopdracht

College 3

  • Korte herhaling dag 1
  • Introductie programma Invision App
  • Je Sketch ontwerpen importeren in Invision
  • Interactieve prototypes maken

College 4

  • Werken aan de praktijkopdracht
  • Presenteren van je klikbare app of website

HTML5 en CSS3 Level I

College 1

  • Werking en werkwijze van HyperText Markup Language (HTML)
  • Valide document structuur, het neerzetten van een valide HTML skelet
  • Teksten structureren en  opsommingen gebruiken
  • Werken met lijsten
  • Werken met afbeeldingen
  • Werken met hyperlinks

College 2

  • Werken met tabellen
  • Clickable Imagemaps
  • Meta informatie (metatags, link, script en style)
  • Werken met formulieren
  • iFrames en het publiceren van pagina's met FTP

College 3

  • Beginnen met Cascading Style Sheets
  • CSS aan HTML koppelen
  • Werking Cascade, Inheritance, Precedence en Specificity
  • CSS terminologie en syntax
  • Selectors
  • Text, Font & List Properties

College 4

  • CSS Box Model
  • Werken met Floats
  • Positionering van elementen
  • Display en Visibility
  • Print en andere media

WordPress website maken

College 1 

  • De noodzaak van een contentmanagementsysteem en de rol van WordPress
  • Verkenning van WordPress ‘out of the box’
  • Praktische bespreking van de functie van het Dashboard, de scherminstellingen, de Wordpress admin-bar, het navigatiemenu, de Frontend en Backend
  • Berichten (met categorieën, tags) en pagina’s, gebruik van de teksteditor, de attributen zoals Publiceren
  • Importeren van content
  • Werken met menu’s

College 2

  • Media toevoegen en beheren, waar moeten media aan voldoen
  • Widgets gebruiken in widget-area’s
  • Het thema aanpassen met de customizer
  • Instellingen toepassen
  • De status ‘Under Construction’

College 3

  • Wat zijn je opties bij de weergave van je WordPress website
  • Wat zijn ‘goede’ thema’s?
  • Het verschil tussen ‘freemium & premium’
  • Een thema kopen en dan?

College 4

  • Functies toevoegen met plugins zoals een contactformulier, een slider, webstatistieken enz.
  • Bespreking van een shortlist waar plugins aan moeten voldoen
  • Installatie van een aantal freemium plugins
  • De extra mogelijkheden

WordPress Beheer

College1

  • Hoe maak en hou je Wordpress veilig, wat doe je met bestanden op webservers en hoe houd je anderen buiten de deur?
  • Hoe installeer en configureer je Wordpress Plugins, welke zijn de belangrijkste en het meest populaire op dit moment, welke zijn okay en welke zeker niet?
  • Hoe installeer, configureer en update je door middel van thema's (ofwel Themes) de vormgeving van je Wordpress site?
  • Hoe wijzig je de styling van je thema, waarom moet je altijd een "Child theme" gebruiken, hoe pas je HTML & CSS aan via de editor, wat is de rol van FTP hier?
  • Hoe gebruik je media uit de mediatheek en wat doe je met media gallerijen?

College 2

  • hoe optimaliseer je eenvoudig zoekmachines (SEO) met voor de hand liggende Wordpress functies?
  • Hoe ontsluit je met menu's (header, footer of side) de content van een Wordpress website en hoe pas je de juiste Interaction Design toe?
  • Hoe kun je zogenaamde widgets in een side bar (panelen aan de zijkant) het beste gebruiken, inrichten en uitbreiden?
  • Wat zijn sliders (mooie beelden die voorbij sliden) als eye catchers? Een korte introductie
  • Hoe maak je elke nacht de noodzakelijke back-up maken van je bestanden en je database?
  • Hoe verhuis je een Wordpress website? Een korte uitleg

Op de hoogte blijven van aanbiedingen en vaknieuws?

Schrijf je in voor onze nieuwsbrief!

Bedankt!

Je bent nu ingeschreven op onze nieuwsbrief.

Waarom Competence Factory?

Inspirerende, centraal gelegen locaties

Trainingslocaties van Competence Factory liggen altijd lekker centraal; in hartje Amsterdam en pal naast station Utrecht Centraal. De ruimtes stimuleren concentratie, creativiteit en samenwerking. We willen ook graag dat je je thuis voelt, en hebben ze daarom kleurrijk ingericht en mooi verlicht. In onze ruimtes vind je bovendien grote white walls voor brainstorms.

Trainingen voor ieder budget

We willen dat iederéén goede trainingen kan volgen. Niet alleen de marketeer bij een grote corporate met een flink opleidingsbudget, maar ook de freelance ontwerper, de zelfstandig adviseur, de ondernemer en de non-profit professional. Daarom hanteren we dynamische prijzen. Wanneer je slim (heel vroeg, of juist last minute) boekt, betaal je voor onze trainingen de laagste prijs in de markt.

Bekijk onze aanbiedingen

CF community

Wanneer je een training bijwoont, ben je automatisch lid van de CF community. We organiseren mooie evenementen voor onze leden, waaronder gratis inspiratiesessies en een jaarlijkse reis naar het Google hoofdkantoor. Ook krijgen CF communityleden 50% korting op de 'In a Day' events, waaronder Growth Hacking in a day en Design Thinking in a day.

Ga naar de events