Introductie

Een abonnement is een veel voorkomende vorm van verkoop. Denk aan een abonnement op een product, zoals bijvoorbeeld de Donald Duck of op een dienst, zoals bijvoorbeeld Hello Fresh. Bij een abonnement wordt het product of de dienst periodiek geleverd (dus meerdere keren of voor een bepaalde tijd). Meestal worden de kosten van een abonnement ook periodiek betaald.

Het voordeel van een abonnement is dat de levering voor een (on)bepaalde tijd in de toekomst is vastgelegd, en er niet per keer hoeft te worden afgerekend. Dit is zowel voor de klant als de leverancier een voordeel.

Opdracht

Ontwerp een one page sales page voor een abonnement.

Je kiest zelf een dienst (geen product) dat je in abonnementsvorm gaat aanbieden. Je bepaalt op basis van onderzoek welke doelgroep deze dienst heeft. Je schrijft tijdens het project een procesverslag dat je plaatst in je portfolio. 

Op te leveren producten

Onderzoek

  • Onderzoek opdracht, product en marketinguiting
  • Doelgroep, gebruikersprofiel en persona
  • Onderzoek abonnementsvormen

Concept

  • Mindmap, moodboard en styleboard; user journey
  • Low fidelity prototype (2 voorstellen)
  • Presentatie

Ontwerp

  • Medium fidelity prototype (2 voorstellen)
  • Abonnementsvorm (3 varianten)
  • Vormgeving (2 voorstellen)
  • Presentatie

Realisatie

  • High fidelity prototype (klikbaar)
  • Website gerealiseerd in WordPress
  • Presentatie

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.

Lees meer over hoe er wordt beoordeeld bij ED

Betrokken docenten

  • Module leider: Erik Post
  • Schrijvende docenten: Erik Post, Frank Bijker
  • Uitvoerende docenten: Frank Bijker, Yolanda Burger, Erik Post, Jof Neuhaus, Coen Septer

Op te leveren producten

Moodboard

Het moodboard geeft de sfeer weer die het gemaakte product zal hebben. Deze heeft een link naar de doelgroep.

eisen:

  • 1024×768 px
  • Past bij de doelgroep
  • beeld en vorm passen bij de sfeer
  • Geeft weer wat je ongeveer gaat maken

Bekijk les 

Persona
  1. Maak een buyers persona voor jouw gekozen dienst (project)
  2. De persona laat je zien wat de behoefte zijn van hem of haar
  3. Maak gebruik van beeld en tekst
  4. Persoon mag niet een bekend persoon zijn (geen vlogger, artiest of acteur

Bekijk les 

Styleboard

Een document waarin alle gemaakte ontwerp keuzes staan voor het te maken product (Typo, elementen, kleur, beeld, etc.)

Eisen:

  • 1024 px breed, hoogte mag zolang je wilt
  • Alle onderdelen worden benoemd
  • Styleboard is in .XD gemaakt

Bekijk les 

Abonnementsvormen onderzoek

Onderzoek 3 verschillende bestaande abonnementsvormen en analyseer deze volgens de opgestelde eisen in de gestelde opdracht.
Aan de hand van dit onderzoek bepaal je de onderdelen voor je eigen salespagina. Deze keuzes verantwoord je met argumenten in eigen bewoording. Bekijk les >>

Doelgroeponderzoek en Persona

Je voert een gespecificeerd doelgroeponderzoek uit met aantoonbare bewijzen (bronnen). Deze doelgroep sluit aan bij de gekozen dienst of service én de gekozen abonnementsvorm. De uitkomsten van je doelgroeponderzoek verwerk en pas je toe in je project. De bevindingen en uitkomsten van je doelgroeponderzoek leg je vast (beeld en tekst).

 

USP onderzoek en bepaling

Je bepaalt een eigen USP voor jouw dienst of service. Deze sluit aan bij de gekozen doelgroep. De USP komt terug in de salespagina. In je procesverslag (beeld en tekst) beschrijf je in eigen woorden hoe je aan jouw USP bent gekomen en welke relatie deze heeft met jouw dienst of service én gekozen doelgroep.

 

Mindmap

In je mindmap moet je met beeld en tekst je gedachten spinsel weergeven over het onderwerp.

Eisen:

  • Formaat: A3
  • Bevat zowel beeld als tekst
  • Minimaal 20 woorden/beelden

Mobile + Web versie van jouw onepage salespagina is gemaakt als wireframe in XD

eisen:

  • Geen Lorem Ipsum
  • Op een grid designed
  • Basis animaties in .XD
  • Lever .XD bestand in
  • Goed uitlijning en alle elementen zitten in je wireframe

Je weet in eigen woorden te benoemen waarvoor een gebruikerstest bedoelt is en hoe je zelf een eenvoudige gebruikerstest kunt maken.

In je procesverslag vertel in eigen woorden (beeld en tekst) hoe jouw gebruikerstest eruit ziet, wat je verwachtingspatroon vooraf is en wat de test heeft opgeleverd aan inzichten.

Je logo laat duidelijk zien waar je bedrijf voor staat en klopt met je gemaakte stijlbord. 

Visuele weergave van het product waarin alle elementen, kleuren, typo en beelden worden getoond . Dit is de uiteindelijke weergave van je product die volledig klikbaar is.

Eisen:
– Lever .XD bestand in.
– Design past bij je gekozen doelgroep
– Pagina’s zijn volledig designed en animaties werken in XD.

Voor de realisatie van jouw webshop realiseer je de homepagina in HTML/CSS (jQuery/JavaScript mag ook) die jij ontworpen hebt in jouw visuele design.

  • Homepage werkt voor web + mobiel
  • Maak slim gebruik van bootstrap

 

Criteria

  • Ik heb mijn salespage SEO vriendelijk gerealiseerd.
  • Ik heb mijn salespage interactief gemaakt met minimaal 2 microinteracties.
  • Ik heb mijn salespage online gezet.
  • Ik heb mijn visuele design zo correct mogelijk nagemaakt in de realisatie.
  • Afbeeldingen zijn gecomprimeerd (dus niet 2MB zwaar)
  • Je maakt een eigen marketingconcept die past bij jouw product/dienst en abonnementsvorm
  • 6 visuele Instagram post + 10 #hashtags die passen bij jouw abonnementsvorm product/dienst.
  • Animated gif 
  • Video van max. 30 sec. 

Indien je andere uitingen maakt dan overleg je dit vóóraf met je docent.

Duur van het project : 8 weken

Kennismaking met: 

  • USP 
  • Doelgroep en Persona 
  • Usertesting
  • Conversie  + Funnel 
  • Abonnementsvormen en keuzemogelijkheden
  • Marketingconcept en Marketinguitingen
  • Clickable Wireframes
  • Bootstrap
  • Animaties in HTML/CSS
  • SEO
  • Components & Animaties in .XD
  • Presenteren

Herkansingen in week 9

Op te leveren producten

Moodboard

Het moodboard geeft de sfeer weer die het gemaakte product zal hebben. Deze heeft een link naar de doelgroep.

eisen:

  • 1024×768 px
  • Past bij de doelgroep
  • beeld en vorm passen bij de sfeer
  • Geeft weer wat je ongeveer gaat maken

Bekijk les 

Persona
  1. Maak een buyers persona voor jouw gekozen dienst (project)
  2. De persona laat je zien wat de behoefte zijn van hem of haar
  3. Maak gebruik van beeld en tekst
  4. Persoon mag niet een bekend persoon zijn (geen vlogger, artiest of acteur

Bekijk les 

Styleboard

Een document waarin alle gemaakte ontwerp keuzes staan voor het te maken product (Typo, elementen, kleur, beeld, etc.)

Eisen:

  • 1024 px breed, hoogte mag zolang je wilt
  • Alle onderdelen worden benoemd
  • Styleboard is in .XD gemaakt

Bekijk les 

Abonnementsvormen onderzoek

Onderzoek 3 verschillende bestaande abonnementsvormen en analyseer deze volgens de opgestelde eisen in de gestelde opdracht.
Aan de hand van dit onderzoek bepaal je de onderdelen voor je eigen salespagina. Deze keuzes verantwoord je met argumenten in eigen bewoording. Bekijk les >>

Doelgroeponderzoek en Persona

Je voert een gespecificeerd doelgroeponderzoek uit met aantoonbare bewijzen (bronnen). Deze doelgroep sluit aan bij de gekozen dienst of service én de gekozen abonnementsvorm. De uitkomsten van je doelgroeponderzoek verwerk en pas je toe in je project. De bevindingen en uitkomsten van je doelgroeponderzoek leg je vast (beeld en tekst).

 

USP onderzoek en bepaling

Je bepaalt een eigen USP voor jouw dienst of service. Deze sluit aan bij de gekozen doelgroep. De USP komt terug in de salespagina. In je procesverslag (beeld en tekst) beschrijf je in eigen woorden hoe je aan jouw USP bent gekomen en welke relatie deze heeft met jouw dienst of service én gekozen doelgroep.

 

Mindmap

In je mindmap moet je met beeld en tekst je gedachten spinsel weergeven over het onderwerp.

Eisen:

  • Formaat: A3
  • Bevat zowel beeld als tekst
  • Minimaal 20 woorden/beelden

Mobile + Web versie van jouw onepage salespagina is gemaakt als wireframe in XD

eisen:

  • Geen Lorem Ipsum
  • Op een grid designed
  • Basis animaties in .XD
  • Lever .XD bestand in
  • Goed uitlijning en alle elementen zitten in je wireframe

Je weet in eigen woorden te benoemen waarvoor een gebruikerstest bedoelt is en hoe je zelf een eenvoudige gebruikerstest kunt maken.

In je procesverslag vertel in eigen woorden (beeld en tekst) hoe jouw gebruikerstest eruit ziet, wat je verwachtingspatroon vooraf is en wat de test heeft opgeleverd aan inzichten.

Je logo laat duidelijk zien waar je bedrijf voor staat en klopt met je gemaakte stijlbord. 

Visuele weergave van het product waarin alle elementen, kleuren, typo en beelden worden getoond . Dit is de uiteindelijke weergave van je product die volledig klikbaar is.

Eisen:
– Lever .XD bestand in.
– Design past bij je gekozen doelgroep
– Pagina’s zijn volledig designed en animaties werken in XD.

Voor de realisatie van jouw webshop realiseer je de homepagina in HTML/CSS (jQuery/JavaScript mag ook) die jij ontworpen hebt in jouw visuele design.

  • Homepage werkt voor web + mobiel
  • Maak slim gebruik van bootstrap

Criteria

  • Ik heb mijn salespage SEO vriendelijk gerealiseerd.
  • Ik heb mijn salespage interactief gemaakt met minimaal 2 microinteracties.
  • Ik heb mijn salespage online gezet.
  • Ik heb mijn visuele design zo correct mogelijk nagemaakt in de realisatie.
  • Afbeeldingen zijn gecomprimeerd (dus niet 2MB zwaar)
  • Je maakt een eigen marketingconcept die past bij jouw product/dienst en abonnementsvorm
  • 6 visuele Instagram post + 10 #hashtags die passen bij jouw abonnementsvorm product/dienst.
  • Animated gif 
  • Video van max. 30 sec. 

Indien je andere uitingen maakt dan overleg je dit vóóraf met je docent.

Duur van het project : 8 weken

Kennismaking met: 

  • USP 
  • Doelgroep en Persona 
  • Usertesting
  • Conversie  + Funnel 
  • Abonnementsvormen en keuzemogelijkheden
  • Marketingconcept en Marketinguitingen
  • Clickable Wireframes
  • Bootstrap
  • Animaties in HTML/CSS
  • SEO
  • Components & Animaties in .XD
  • Presenteren

Herkansingen in week 9