# H\&M club member

### De opdracht

Je wilt scrunchies en ballerina's kopen en je hebt **wel een H\&M club member**.

### H\&M club member scannen

{% tabs %}
{% tab title="1. Scan H\&M club member" %}
![](https://2699312490-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYzr9PNNNYycIVnPtbx%2F-Lg3s9evemA98Rb55HwD%2F-Lg3wF6113D5Tv56wrfZ%2FH%26M%20club%20kaart%20scannen.jpg?alt=media\&token=c56b736c-eb11-4dad-b79c-5949ea47fa71)

**Scan je H\&M club member**\
Je scant de H\&M club member met je mobiel bij de 2D scanner&#x20;

1. Een video legt uit hoe je de H\&M club member kan scannen
   1. <https://vimeo.com/335608455>
   2. Na het scannen van de H\&M club member gaat het scherm automatisch verder

**Hoe kom ik bij dit scherm?**

![](https://2699312490-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYzr9PNNNYycIVnPtbx%2F-Lg3DevlsOmB9fodOCEw%2F-Lg3XV6fsSOp9WjCnEp3%2FH%26M%20club%20pagina.jpg?alt=media\&token=873f47ab-f3d3-4d01-841f-75f6aaadb43a)

Door op de vraag: Ben je H\&M club member Ja te antwoorden.
{% endtab %}

{% tab title="2. H\&M club member toegevoegd" %}
![](https://2699312490-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYzr9PNNNYycIVnPtbx%2F-Lg3s9evemA98Rb55HwD%2F-Lg3wp2F_Gl8iYCkQOQx%2FH%26M%20club%20kaart%20scannen%20%E2%80%93%201.jpg?alt=media\&token=ff78d56d-b13e-451f-9783-8f54c59ab7e7)

**H\&M club member is toegevoegd**

1. Onderaan de bon verschijnt een zwarte balk met je H\&M club member
   1. Het scherm gaat automatisch door naar de voucher vraag
      {% endtab %}
      {% endtabs %}

### Voucher toevoegen

{% tabs %}
{% tab title="1. Voucher scherm" %}
![](https://2699312490-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYzr9PNNNYycIVnPtbx%2F-Lg3s9evemA98Rb55HwD%2F-Lg3xJ86jw3Uqxtj1blY%2FVoucher%20pagina.jpg?alt=media\&token=d46924ac-475b-4ea2-ad57-83a43567f0b1)

**Voucher scherm**\
Als je H\&M club member bent kan je korting krijgen. De korting krijg je alleen als je genoeg punten hebt en als je aankoop aan de eisen van de voucher voldoen.

1. Er verschijnt een pop up over wat een voucher is
2. Als je geen voucher wil gebruiken klik je op nee
   1. Je komt daarna weer terecht bij het scherm waar je de toonbank met sluiten
3. Als je een voucher wil gebruiken klik je op ja

**Pop up**

![](https://2699312490-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYzr9PNNNYycIVnPtbx%2F-Lg3s9evemA98Rb55HwD%2F-Lg3y7H7OYNME6QfyI6n%2FPop%20up%20wat%20is%20een%20voucher.jpg?alt=media\&token=9d59e221-b901-4f69-98df-41e8dd987a3b)

1. Deze pop up verschijnt over het scherm van de voucher pagina. Door op: Ik heb het begrepen te klikken gaat de consument terug naar de voucher scherm.
   {% endtab %}

{% tab title="2. Voucher scannen" %}
![](https://2699312490-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYzr9PNNNYycIVnPtbx%2F-Lg3s9evemA98Rb55HwD%2F-Lg3yWpQO20HxLZOkcff%2FVoucher%20laten%20scannen.jpg?alt=media\&token=6a680a37-60fe-43bf-b46b-52f32d0ec931)

**Voucher laten scannen**\
Je scant met je mobiel de geactiveerde voucher

1. Een video legt uit hoe je de voucher kan scannen
   1. <https://vimeo.com/338534174>
   2. Na het scannen van de voucher gaat het scherm automatisch verder
      {% endtab %}

{% tab title="3. Voucher toegevoegd" %}
![](https://2699312490-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYzr9PNNNYycIVnPtbx%2F-Lg3yyYpPvYXFNn76NUp%2F-Lg3zCr8d-Ky0Jzqp15M%2FVoucher%20gescand%20overzicht.jpg?alt=media\&token=5cc8626e-1d2e-4300-b412-d8ec4ed18e24)

**Voucher is toegevoegd**\
Wanneer je de voucher hebt gescand wordt het automatisch toegevoegd.&#x20;

1. Het product of bon krijgt een rode kader en er staat op: Voucher toegevoegd.
2. Er verschijnt een pop up om de video van de voucher opnieuw te bekijken
3. Wanneer je klaar bent kan je op verder klikken en kom je terecht bij het scherm: Sluit de toonbank

**Pop up**

![](https://2699312490-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYzr9PNNNYycIVnPtbx%2F-Lg3yyYpPvYXFNn76NUp%2F-Lg3zi-kd_dbJA4yubY9%2FPop%20up%20wat%20is%20een%20voucher%20%E2%80%93%201.jpg?alt=media\&token=f26c6fde-945b-47cb-8ad8-fe7461f13694)

1. De video pop up komt over het scherm en speelt loopend / herhalend af
   1. Door op: Ik heb het begrepen te klikken gaat de pop up weg
      {% endtab %}
      {% endtabs %}
