StressLess

StressLess

2023

Wat was de opdracht?

Dit was een groepsproject waarbij ik samen met 4 andere studenten mocht werken aan een project voor De Kindertelefoon in samenwerking met mediabedrijf Partout.

De opdracht was om een campagne te maken die stress bespreekbaar maakt bij jongeren tot de 18. En laat zien dat stress hebben eigenlijk heel normaal is. Wij hadden volledig de vrijheid hoe wij dit wilde bereiken.

Ons idee

We hebben er voor gekozen om het op een creatieve manier op te lossen door de campagne rondom een spel te maken.

Tijdens het spel krijg je telkens kaarten die een bepaalde situatie geven. Deze zijn ingedeeld in verschillende kleuren die verschillende themas hebben. Voorbeelden hiervan zijn op school of juist thuis.

Vervolgens ga je als groep de situatie bespreken en overleggen hoeveel stress je hierdoor daadwerkelijk zou kunnen krijgen.

Website en mijn ontwikkelde workshop

Voor dit project hebben we ook een begin gemaakt aan het ontwikkelen van de website in HTML, CSS en JS. Deze werkt alleen op mobiel helaas.

Ook heb ik zelfstandig kunnen werken aan een workshop die we aan leerlingen van de middelbare zouden kunnen geven. Hierin leren ze het volgende:

Wat is stress? Inclusief voorbeelden
Hoe ze met stress om kunnen gaan
Stress bespreekbaar maken d.m.v. ons spel

Ontwikkelde Skills

Plannen

Didactie

Research

Samenwerking

Figma

User Testen

HTML

CSS

Design

Game Design

© 2025 All rights Reserved. • KVK: 96644087

<script>
(function () {
  const KEY = 'headerAnimatedOnce';

  try {
    // Set or check first visit flag
    const seen = localStorage.getItem(KEY);
    if (!seen) {
      localStorage.setItem(KEY, '1');
      return; // ✅ First visit: allow animation
    }
  } catch (e) {
    return; // Fail-safe: allow animation if localStorage blocked
  }

  // ✅ Only runs on return visits
  window.addEventListener('DOMContentLoaded', () => {
    const header = document.querySelector('.elementor-element[data-id="59dfe14"]');

    if (!header) return;

    // Remove animation-related classes if they exist
    header.classList.remove('elementor-invisible', 'animated', 'slideInDown', 'animated-fast');

    // Optional: remove animation settings from Elementor’s data-settings
    const settings = header.getAttribute('data-settings');
    if (settings) {
      try {
        const parsed = JSON.parse(settings);
        delete parsed.animation;
        delete parsed._animation;
        delete parsed._animation_delay;
        header.setAttribute('data-settings', JSON.stringify(parsed));
      } catch (e) {
        // Just remove it if it’s malformed
        header.removeAttribute('data-settings');
      }
    }

    // Inline safety override
    header.style.animation = 'none';
    header.style.transition = 'none';
    header.style.opacity = '1';
    header.style.transform = 'none';
    header.style.visibility = 'visible';
  });
})();
</script>

<style>
/* Prevent animation flicker during load for return visits */
.elementor-element[data-id="59dfe14"].elementor-invisible {
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
</style>