E-Stop

E-Stop

2023

Wat was de opdracht?

In mijn derde semester kreeg ik weer de kans om een mooi eigen project neer te zetten. Hiervoor kregen we weer een paar weken net als tijdens het Skate. project.

Hiervoor heb ik gekozen om een maatschappelijk betrokken opdracht te maken. Een oplossing tegen de grote hoeveelheden E-waste die nog steeds elke maand blijft groeien, in mijn vrije tijd repareer ik namelijk kapotte (herbruikbare) apparatuur.

Hoe kunnen we dit oplossen? Kunnen we ervoor zorgen dat mensen zich meer bewust worden van e-waste en herbruikbare apparatuur.

Mijn oplossing

Mijn idee voor een oplossing was het maken van een modern inleverpunt voor deze herbruikbare apparatuur.

Mensen kunnen hun oude elektronica die nog te hergebruiken is inleveren. Nadat ze dit hebben gedaan kunnen ze via de website hun ingeleverde apparaat volgen. Ze krijgen te zien of het gerepareerd word en wanneer het een nieuw leven heeft gekregen. Bijvoorbeeld bij een gezin in armoede.

Op deze manier probeer ik mensen een push te geven om meer elektronische apparaten te recyclen. De inlever apparaten zouden bij de lokale supermarkten komen te staan.

Interface

Ik heb hiervoor een prototype gemaakt in Figma en van karton. Deze heb ik ook getest bij de gebruikers met 2 Figma prototypes. Hier konden ze het gehele inleverproces doorlopen

Bekijk interface mobiel

Bekijk interface inleverapparaat

Mijn Skills

Figma

Research

User Testen

Design

Plannen

Initiatief nemen

© 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>