Specialisatie in het maken van websites met een code

Samenvatting van de cursus

• U1: Inspiratie opdoen

  • Introductie

  • Invloeden | Juan Mora

  • Invloeden | Filip Felbar

  • Invloeden | Jan Losert

  • Invloeden | Mónica Durán

  • Invloeden | Isa Macías

• U2: UX en UI ontwerp voor landing pages: vertel unieke verhalen

  • Soorten bestemmingspagina's

  • Wat is een goede landingspagina?

  • Wat is hiërarchie in inhoud?

  • Contrast, visuele balans en de 3 seconden regel

  • De opdracht en hoe te onderzoeken

  • Inhoudsstructuur voor een landingspagina

  • Hoe maak je een moodboard

  • De juiste typografie

  • Verhaal creatie

  • Zet al het materiaal op het canvas!

  • Creëer de middelen die u nodig heeft voor uw bestemmingspagina

  • Ontwerpdefinitie

  • Poets je ontwerp op: feedback

  • Presentatie aan de opdrachtgever

• U3: Ontwerpsystemen voor websites met Figma

  • Inleiding tot ontwerpsystemen

  • Hoe ontwerpsystemen u kunnen helpen uw workflow te versnellen

  • Inleiding tot het project en de aanpak

  • Het Figma-bestand opzetten en de eerste verkenningen beginnen 1

  • Het Figma-bestand opzetten en beginnen met de eerste verkenningen 2

  • Het verkennings- en ontwerpsysteem uitbreiden 1

  • Uitbreiding van het verkennings- en ontwerpsysteem 2

  • De ontwerpsysteempagina's ordenen 1

  • De ontwerpsysteempagina's ordenen 2

  • Varianten verkennen bij het maken van componenten

  • Het ontwerpsysteem verfijnen met een samengestelde pagina 1

  • Het ontwerpsysteem verfijnen met een samengestelde pagina 2

  • Het ontwerpsysteem verfijnen met een samengestelde pagina 3

  • Nieuwe pagina's opzetten met het complete ontwerpsysteem 1

  • Nieuwe pagina's opzetten met het complete ontwerpsysteem 2

  • Nieuwe pagina's opzetten met het complete ontwerpsysteem 3

  • Hoe te benaderen Het maken van documentatie voor het ontwerpsysteem

  • Opschonen en gebruiken van een automatische lay-out

  • Het ontwerp gebruiken voor verdere merkelementen

  • Laatste gedachten

• U4: Creëer een website zonder te programmeren met Webflow

  • Inleiding tot No-Code

  • Kernfuncties van Webflow

  • Ontwerp

  • Stijlgids

  • Stijlgids maken 1

  • Stijlgids maken 2

  • Heldensectie

  • Navigatie

  • Casestudy Secties 1

  • Casestudy Secties 2

  • Collage Sectie 1

  • Collage Sectie 2

  • Klantensectie en eenvoudig nieuwsbriefformulier

  • voettekst

  • Tablet-viewport

  • Mobiele liggende en staande weergavepoort

  • Formulieren testen

  • Interacties

  • SEO-optimalisatie en hosting

  • Paneel Onderhoud, Editor en Activa

  • Verken CMS

• U5: Een website maken op Squarespace

  • Het doel en de structuur van onze website definiëren P1

  • Het doel en de structuur van onze P2-website definiëren

  • De algemene stijl van onze site

  • Creatie, organisatie en voorbereiding van grafische bestanden

  • Wijzigingen in de interface van Squarespace-inhoudsblokken

  • Hoe u de sjabloon voor uw website kiest

  • Begininstellingen in Squarespace

  • Pagina's maken in Squarespace: hun eigenschappen en instellingen

  • De inhoudsblokken in Squarespace

  • De paginasecties in Squarespace

  • Ontwerp en configuratie van de pagina's Home, Services, Over mij en Contact P1

  • Ontwerp en configuratie van de pagina's Home, Services, Over mij en Contact P2

  • Ontwerp en configuratie van de pagina's Home, Services, Over mij en Contact P3

  • Portfolio P1 Pagina-instellingen

  • Portfolio P2 Pagina-instellingen

  • Blog-instellingen P1

  • P2 Blog-instellingen

  • P3 Blog-instellingen

  • Aanmaken van voetteksten en hoofdnavigatie-aanpassingen

  • De lettertypen en kleuren van de site instellen P1

  • De lettertypen en kleuren van de P2-site instellen

  • Afbeeldingsinstellingen en andere instellingen

  • Bonus: webstijlen in Squarespace 7.0

  • Marketinginstellingen

  • Algemene privacy-instellingen

  • Laten we de P1 openbare site maken

  • Laten we de P2 openbare site maken

  • Site-analyse bijhouden

• U6: Webdesign zonder code met Elementor en Wordpress

  • Visuele referenties: waar te zoeken naar inspiratie

  • Sitemap en stijlgids

  • Voorbereiding van het ontwerpvoorstel 1

  • Voorbereiding van het ontwerpvoorstel 2

  • Eerste stappen in WordPress

  • Elementor installeren

  • Elementor 1 kennen

  • Elementor 2 kennen

  • Kop- en voettekst 1

  • Kop- en voettekst 2

  • Startpagina

  • Sjabloon voor projecten 1

  • Sjabloon voor projecten 2

  • Project archief

  • "Over" en "Contact"

  • Secundaire pagina's: privacy, 404 en onderhoud

  • Test en start de website

  • Site-update

• Eindproject

  • Specialisatie in het creëren van websites zonder code.

Recente projecten