Introductie
WooCommerce is een webshop plugin voor WordPress. WooCommerce begon ooit als een simpele plugin, maar is uitgegroeid tot een enorme community. WooCommerce is één van de meest populaire webshop-systemen en wereldwijd miljoenen keren gedownload.
In dit project bouwen we met behulp van de WooCommerce plugin een volledige webshop waarmee je zowel de technische- als de marketingkant (strategie en vormgeving) van online verkopen verkent.
Opdracht
Kies één van de volgende producten:
- Anti-stress producten
- Huishoudelijke hulpmiddelen voor ouderen
- Slaapverbeteringsproducten
- Zelfverdedigingsproducten
- Een zelfgekozen categorie (na overleg)
Ontwikkel een webshop op basis van de WooCommerce omgeving. Ontwerp een vormgeving die passend is bij de doelgroep en maak gebruik van conversie triggers.
Je vult de winkel met (minimaal) 3 producten uit je gekozen categorie.
Pagina’s die minimaal gemaakt moeten worden zijn:
Home/landing, Productoverview/detail, Shopping cart, Contact US, About us,
Deze categorieën dienen naast een commercieel belang ook een maatschappelijk belang: de producten zullen het leven van mensen verbeteren. Leg hier de nadruk op bij je sales.
Planning / deadlines
Let op: planning is onder voorbehoud.
Bezoek hier de uitgebreide planning op dagniveau
Op te leveren onderdelen
De onderstaande lijst geeft je een overzicht van de op te leveren producten in de verschillende units die zijn betrokken bij het project.
ONDZ M&C
Marketingplan
- Documentatie en onderzoek
- Product Vision Statement
- SWOT Analyse
- Doelgroep en Persona
- Branding
- Communicatiemiddelen
- Product/dienst onderzoek
- Doelgroeponderzoek en persona
- Concurrentie onderzoek
- Keuze uit communicatiemiddelen
Docent: Yolanda Burger
ONT en VRMG
Productkeuze
- Productkeuze
Verslag UXD
- Prototype Low
- Prototype Med
Docenten: Frank Bijker en Coen Septer
DIG-WEB
Webshop
Maak in WordPress / Elementor een werkende WooCommerce webshop.
Realisatie
- Maak de volgende pagina’s:
- Home (landing)
- Shop (WooCommerce: producten overzicht)
- Minimaal 3 producten
- Minimaal 2 product categorieën
- Je hebt één product in de aanbieding
- Product (WooCommerce: product pagina)
- Product naam en beschrijving
- 3 productfoto’s per product
- Productspecificaties
- Prijs en BTW in euro
- Keuze uit producteigenschappen
- Winkelwagen (WooCommerce: winkelwagen pagina)
- Afrekenen (WooCommerce: checkout pagina)
- Mijn account (WooCommerce: klantomgeving pagina)
- Over ons
- Contact (werkend contactformulier)
- Maak een werkend checkout proces:
- Product in winkelwagen doen
- Keuze uit verschillende verzendmethoden
- Totale verzendkosten is zichtbaar in de winkelwagen
- Totale BTW is zichtbaar in de winkelwagen
- Betalen (via Mollie test account)
- Mail ontvangen t.a.v. de bestelling
- Bonus: Gast-afrekenen is mogelijk
- De winkel is geoptimaliseerd voor zoekmachines (Yoast):
- Elke pagina en elk product heeft een unieke, beschrijvende paginatitel.
- Elke pagina en elk product heeft een ingevulde meta-description.
- Productfoto’s hebben ingevulde alt-teksten.
- Permalinks zijn leesbaar (bijv. /product/productnaam i.p.v. een ID-nummer)
- Logische koppenstructuur per pagina: één H1, daaronder H2/H3 waar relevant.
- Algemeen
- Bonus: Je hebt een werkende chatfunctie
Vormgeving
- Consistente huisstijl: dezelfde kleuren, lettertype(s) en logo terug op elke pagina, inclusief winkelwagen en afrekenen (niet de onaangepaste standaard-WooCommerce-stijl).
- Duidelijke visuele hiërarchie: koppen, subkoppen en call-to-action-knoppen (zoals “In winkelwagen”) zijn herkenbaar en overal hetzelfde vormgegeven.
- Uniforme productfoto’s: zelfde formaat/verhouding en liefst vergelijkbare achtergrond/stijl tussen producten.
- Responsief: alle pagina’s én het volledige checkoutproces werken en ogen goed op mobiel/tablet, niet alleen op desktop.
- Duidelijke, consistente navigatie: menu, en een footer met minimaal contactgegevens.
- Leesbaarheid: voldoende contrast tussen tekst en achtergrond, geen overvolle pagina’s, prettige regelafstand.
- De winkelwagen/checkout-pagina’s zijn ook daadwerkelijk aangepast (widgets herontworpen), niet alleen de “gewone” pagina’s zoals Home en Over ons.
Docent: Jof Neuhaus
BO
Low, Medium & High Fidelity Prototypes
- Low Fidelity
- Medium Fidelity
Productfotografie
ontwikkel je productfotografie in vier stappen
myProject
- Leg je project vast:
- Staande video (30 sec)
- Liggende video (1 min)
- Portfolio Post
Presentaties
Je presenteert je werk aan de klas en de docent.
Je gaat 3x een presentatie geven – Concept, Ontwerp en Eind
Docenten: Erik Post en Frank Bijker
Links
Overige expertises
Hieronder kun je lezen wat je in de overige vakken (expertises) nog meer gaat doen. De theorie en vaardigheden die je hier leert helpen je bij het project.
DIG WEB
- Training WooCommerce Plugin
Docent: Outger Commandeur
DIG CC
- Training Indesign
Docent: Jof Neuhaus
ONDZ PP
- Stagemarkt onderzoek
- Motivatie Mail
- Sollicitatiegesprek en bellen
- Arbeidsvoorwaarden en rechten
Docent: Yolanda Burger
FLEX KD
- Keuzedeel Verdieping Software
Docenten: Jof Neuhaus en Coen Septer
AVO
- Nederlands (mamv.nl)
- Engels
Leerdoelen
Basis
- Ik baseer vormgeving op mijn marketing onderzoek
Verdieping
- Ik kan werken met de WooCommerce omgeving
- Ik kan een werkende Webshop maken
Beoordeling
Projecten worden beoordeeld binnen de betrokken vakken.
De verschillende producten lever je in via Simulise. Hier krijg je feedback in de vorm van rubrics en eventueel een tekstuele toelichting.
Betrokken docenten
- Module leider: Erik Post
- Schrijvende docenten: Erik Post, Frank Bijker
- Uitvoerende docenten: Frank Bijker, Yolanda Burger, Erik Post, Jof Neuhaus, Outger Commandeur
Onderdelen
BO
- Lessen van Ton en ondersteuning project Erik
- Retouren + Verzenden
- Privacy voorwaarden en Algemene voorwaarden
VRMG
– Je maakt minimaal 3 foto’s van verschillende hoeken(of stijl) van jouw producten.
– Je foto’s zijn er professioneel en netjes uit. Kwaliteit van het product is duidelijk te zien door foto’s.
– Je maakt een product header/landingspage van jouw product. (eigen foto+editing)
– Website stijl en product is op elkaar afgestemd.
– De bezoeker kan logisch door je webshop heen (ux)
– Je laat jouw product op een zo’n creatief mogelijke manier zien
– Je homepage laat duidelijk zien wat voor product je verkoopt, wat er speciaal aan is en waarom mensen het nodig hebben.
– Het is duidelijk dat het gaat om een co2 neutraal product
DIG
Hotjar / Google analytics / Matomo / Yoast SEO is geinstalleerd en werkend
- Woocommerce is geinstalleerd en actief in jouw webshop
- Ik kan duidelijk zien welke mensen hebben getest en welk device
- Er is een heatmap aanwezig (jpg,png of pdf)
- Minimaal 10 mensen heb je gebruikers data van
- Er is rekening gehouden met YoastSEO en duidelijke keywords geschreven voor je pagina. (pagina’s zijn groen)
Website
- Ik kan een product in mijn winkelwagen doen, net betalen + mailtjes ontvangen van bestelling
- Ik zie alle specificaties en foto’s van een product
- Ik kan per product een andere verzendmethode kiezen.
- ik kan de totale btw zien bij winkelwagen
- Yoast SEO, Mollie en Woocommerce zijn geïnstalleerd
- Er is een thema geïnstalleerd en aangepast naar de stijl van jouw product
- Het product is aanpasbaar
- Het product heeft een beschrijving
- Er is een bundel deal aanwezig
- Er is een product in de aanbieding
- Currency is euro
- Verzendkosten passen zich automatisch aan, aan grootte / gewicht pakket.
- De 5 minimale pagina’s zjin aanwezig: Home – About, Product, Winkelwagen en Contact
ONDZ
– Je beargumenteert wat jouw producten bieden in vergelijking tot andere producten
- Plan voor cross- en upselling binnen eigen (webshop) site
- Onderzoek in woord en beeld naar minimaal 3 verschillende vormen van bestaande cross- en upselling
- Uitwerking en argumentatie van jouw keuze
- Selecteer een (of meerdere) influencers die bij jouw product past
– Je onderbouwd waarom deze influencer bij jouw doelgroep past
– Schets een scenario hoe jouw product in beeld komt bij deze influencer
FLEX
- Uitwerken project + Hulp
AVO
Onderdelen
BO
- Lessen van Ton en ondersteuning project Erik
- Retouren + Verzenden
- Privacy voorwaarden en Algemene voorwaarden
VRMG
– Je maakt minimaal 3 foto’s van verschillende hoeken(of stijl) van jouw producten.
– Je foto’s zijn er professioneel en netjes uit. Kwaliteit van het product is duidelijk te zien door foto’s.
– Je maakt een product header/landingspage van jouw product. (eigen foto+editing)
– Website stijl en product is op elkaar afgestemd.
– De bezoeker kan logisch door je webshop heen (ux)
– Je laat jouw product op een zo’n creatief mogelijke manier zien
– Je homepage laat duidelijk zien wat voor product je verkoopt, wat er speciaal aan is en waarom mensen het nodig hebben.
– Het is duidelijk dat het gaat om een co2 neutraal product
DIG
Hotjar / Google analytics / Matomo / Yoast SEO is geinstalleerd en werkend
- Woocommerce is geinstalleerd en actief in jouw webshop
- Ik kan duidelijk zien welke mensen hebben getest en welk device
- Er is een heatmap aanwezig (jpg,png of pdf)
- Minimaal 10 mensen heb je gebruikers data van
- Er is rekening gehouden met YoastSEO en duidelijke keywords geschreven voor je pagina. (pagina’s zijn groen)
Website
- Ik kan een product in mijn winkelwagen doen, net betalen + mailtjes ontvangen van bestelling
- Ik zie alle specificaties en foto’s van een product
- Ik kan per product een andere verzendmethode kiezen.
- ik kan de totale btw zien bij winkelwagen
- Yoast SEO, Mollie en Woocommerce zijn geïnstalleerd
- Er is een thema geïnstalleerd en aangepast naar de stijl van jouw product
- Het product is aanpasbaar
- Het product heeft een beschrijving
- Er is een bundel deal aanwezig
- Er is een product in de aanbieding
- Currency is euro
- Verzendkosten passen zich automatisch aan, aan grootte / gewicht pakket.
- De 5 minimale pagina’s zjin aanwezig: Home – About, Product, Winkelwagen en Contact
ONDZ
– Je beargumenteert wat jouw producten bieden in vergelijking tot andere producten
- Plan voor cross- en upselling binnen eigen (webshop) site
- Onderzoek in woord en beeld naar minimaal 3 verschillende vormen van bestaande cross- en upselling
- Uitwerking en argumentatie van jouw keuze
- Selecteer een (of meerdere) influencers die bij jouw product past
– Je onderbouwd waarom deze influencer bij jouw doelgroep past
– Schets een scenario hoe jouw product in beeld komt bij deze influencer
FLEX
- Uitwerken project + Hulp