iMotions Online

.entry-content { margin-top:0!important; } .footer-cta { display:none; }
/* Responsive Stage Setup */ .stage-wrap{ position:relative; width:130%; max-width: 1000px; margin: 0 auto; transform: translateX(-80px); } .stage-glow{ position:absolute; inset:-12%; z-index:0; border-radius:50%; background:radial-gradient(circle, rgba(25,173,133,0.55), transparent 68%); filter:blur(70px); pointer-events:none; } .stage{ position:relative; width:100%; aspect-ratio:16/9; border-radius:12px; overflow:hidden; z-index:1; background:#00000000; } /* Hardcoded middle coordinates matching the Lottie mockup display window */ .stage video{ position:absolute; left: 23.5%; top: 35%; width: 52.5%; height: 52.5%; object-fit:cover; z-index:1; } #lottieBox{ position:absolute; inset:0; width:100%; height:100%; z-index:2; display:block; }
const vid = document.getElementById(‚vid‘); // Load the animation with lottie-web const anim = lottie.loadAnimation({ container: document.getElementById(‚lottieBox‘), renderer: ’svg‘, loop: true, autoplay: true, path: ‚/wp-content/uploads/animations/im-online/umbrella.json‘ }); // Video loop synchronization to match master clock vid.loop = false; anim.addEventListener(‚loopComplete‘, () => { vid.currentTime = 0; vid.play(); }); anim.addEventListener(‚DOMLoaded‘, () => { vid.currentTime = 0; vid.play(); }); // Product glow shift engine tied directly to the Lottie timeline const glow = document.getElementById(‚glow‘); const stops = [ { p:0.0, c:[25,173,133] }, // 0s — teal peak { p:0.143, c:[25,173,133] }, // 3s — teal hold end { p:0.333, c:[255,137,0] }, // 7s — orange peak { p:0.476, c:[255,137,0] }, // 10s — orange hold end { p:0.667, c:[43,125,214] }, // 14s — blue peak { p:0.810, c:[43,125,214] }, // 17s — blue hold end { p:1.0, c:[25,173,133] } // 21s — back to teal ]; function lerp(a,b,u){ return a+(b-a)*u; } function colorAt(prog){ for(let i=0;i=stops[i].p && prog<=stops[i+1].p){ const u=(prog-stops[i].p)/(stops[i+1].p-stops[i].p); const a=stops[i].c, b=stops[i+1].c; return [Math.round(lerp(a[0],b[0],u)), Math.round(lerp(a[1],b[1],u)), Math.round(lerp(a[2],b[2],u))]; } } return stops[0].c; } function glowTick(){ const total = anim.totalFrames || 1; const prog = (anim.currentFrame % total) / total; // exact frame calculation progress const [r,g,b] = colorAt(prog); glow.style.background = `radial-gradient(circle, rgba(${r},${g},${b},0.55), transparent 68%)`; requestAnimationFrame(glowTick); } requestAnimationFrame(glowTick);

Schnellere Entscheidungen

Entscheiden Sie schneller und mit mehr Sicherheit, welche kreative Idee Sie weiterverfolgen möchten.

Deutlichere Signale

Geringeres Risiko

Bessere Zusammenarbeit

Von KI zu echten menschlichen Daten.

Erkennen Sie die Diskrepanz zwischen dem, was Menschen sagen, und dem, was sie empfinden.

Halten Sie fest, was die Befragten denken und sagen

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap'); *{box-sizing:border-box;margin:0;padding:0} .survey{font-family:'Open Sans',sans-serif;background:#fff;border:1px solid #e0e4ea;border-radius:8px;padding:28px;display:flex;flex-direction:column;gap:20px;position:relative;max-width:500px;margin:0 auto} .q{display:flex;flex-direction:column;gap:10px} .q-label{font-size:13px;font-weight:700;color:#041C38} .divider{height:1px;background:#e0e4ea} /* Likert */ .likert-scale{display:flex;align-items:center;gap:8px} .lk-dot{width:32px;height:32px;border-radius:50%;border:1.5px solid #e0e4ea;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#9aacbd;background:#fff;cursor:pointer;transition:all 0.2s;flex-shrink:0} .lk-dot.selected{background:#FF8900;border-color:#FF8900;color:#fff} .likert-labels{display:flex;justify-content:space-between;font-size:10px;color:#9aacbd;margin-top:2px} /* Open text */ .open-field{border:1.5px solid #e0e4ea;border-radius:4px;padding:10px 12px;font-size:12px;color:#5a6a7a;min-height:40px;font-family:'Open Sans',sans-serif;transition:border-color 0.2s} .open-field.focused{border-color:#2B7DD6} /* Radio */ .radio-group{display:flex;flex-direction:column;gap:8px} .radio-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#5a6a7a;cursor:pointer} .radio-circle{width:16px;height:16px;border-radius:50%;border:1.5px solid #e0e4ea;background:#fff;flex-shrink:0;transition:all 0.2s;display:flex;align-items:center;justify-content:center} .radio-circle.selected{border-color:#2B7DD6;background:#2B7DD6} .radio-circle.selected::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff} /* Cursor */ .cursor{position:absolute;width:16px;height:16px;pointer-events:none;z-index:20;opacity:0;transition:left 0.5s cubic-bezier(0.4,0,0.2,1),top 0.5s cubic-bezier(0.4,0,0.2,1)} .cursor svg{width:16px;height:16px}
Wie wahrscheinlich ist es, dass Sie dieses Produkt kaufen?
1
2
3
4
5
Überhaupt nicht Sehr wahrscheinlich
Was ist Ihnen am meisten aufgefallen?
Freitextantwort des Befragten…
Welche Version hat Ihnen besser gefallen?
Version A
Version B
Keine Präferenz
const survey = document.getElementById('survey'); const cursor = document.getElementById('cursor'); function getPos(el){ const sr = survey.getBoundingClientRect(); const er = el.getBoundingClientRect(); return { x: er.left – sr.left + er.width/2, y: er.top – sr.top + er.height/2 }; } function moveTo(el, offsetX=0, offsetY=0){ return new Promise(res => { const p = getPos(el); cursor.style.left = (p.x + offsetX – 8) + 'px'; cursor.style.top = (p.y + offsetY – 4) + 'px'; setTimeout(res, 600); }); } function click(){ return new Promise(res => { cursor.style.transform = 'scale(0.8)'; setTimeout[1]; } function reset(){ document.querySelectorAll('.lk-dot').forEach(d => d.classList.remove('selected')); const f = document.getElementById('openfield'); f.textContent = 'Respondent's open-ended answer…'; f.style.color = '#9aacbd'; f.classList.remove('focused'); document.querySelectorAll('.radio-circle').forEach(r => r.classList.remove('selected')); } const typingText = 'The packaging stood out immediately…'; async function animate(){ cursor.style.opacity = '0'; cursor.style.transition = 'none'; await wait(600); cursor.style.opacity = '1'; cursor.style.transition = 'left 0.5s cubic-bezier(0.4,0,0.2,1), top 0.5s cubic-bezier(0.4,0,0.2,1), transform 0.1s, opacity 0.3s'; // Step 1 — click Likert 4 await moveTo(document.getElementById('lk4')); await click(); document.getElementById('lk4').classList.add('selected'); await wait(500); // Step 2 — click open field and type const field = document.getElementById('openfield'); await moveTo(field, -40, 0); await click(); field.textContent = ''; field.style.color = '#5a6a7a'; field.classList.add('focused'); await wait(200); for(let i=0; i<typingText.length; i++){ field.textContent += typingText[i]; await wait(50 + Math.random()*30); } await wait(400); field.classList.remove('focused'); // Step 3 — click Version A radio await moveTo(document.getElementById('r1')); await click(); document.getElementById('r1').classList.add('selected'); await wait(800); // Fade out cursor cursor.style.opacity = '0'; await wait(1200); // Reset reset(); await wait(400); animate(); } setTimeout(animate, 800);
  • Likert-Skalen, offene Fragen, Multiple-Choice-Fragen und mehr
  • Platzieren Sie Fragen an beliebiger Stelle im Ablauf der Umfrage
  • Integrieren Sie Tools von Drittanbietern wie Qualtrics.

Erfassen Sie, was die Befragten tatsächlich erleben

Analyse des Gesichtsausdrucks
  • Sekundengenaue Erfassung subtiler Gesichtsmuskelbewegungen
  • Erfassung von Valenz, Engagement und zentralen Emotionen
  • Erkennt 7 Kernemotionen – Freude, Wut, Angst, Überraschung, Traurigkeit, Verachtung, Ekel und weitere
Eye-Tracking per Webcam
  • Verweildauer, Bereiche von Interesse (AOIs) und Zeit bis zur ersten Fixation (TTFF)
  • Heatmaps und Blickverläufe – funktioniert bei Videos, Bildern und Websites
  • Gegenüber Hardware-Eye-Trackern validiert
Atmung per Webcam
  • Berührungslose Erfassung der Atemfrequenz und des Atemmusters über die Webcam
  • Tiefere Einblicke in Momente der Anspannung, Erregung und Aufregung
  • Validiert anhand des Goldstandards bei Atemmessgeräten
(function(){ var commands = [ "Which scene was most engaging for men between ages of 18 and 35?", "What was the average time it took to find the Buy button in condition 1?", "What part of the image did people look at longest?", "Create annotations for my stimuli based on the different scenes", "Can you make a graph comparing engagement with ad A and ad B?" ]; var el = document.getElementById('imxaiCmd'); var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (reduceMotion) { el.textContent = commands[0]; return; } var ci = 0, ti = 0, deleting = false; var TYPE_MS = 32, DELETE_MS = 16, HOLD_MS = 1600, GAP_MS = 350; function tick(){ var full = commands[ci]; if (!deleting) { ti++; el.textContent = full.slice(0, ti); if (ti >= full.length) { deleting = false; setTimeout(function(){ deleting = true; tick(); }, HOLD_MS); return; } setTimeout(tick, TYPE_MS); } else { ti–; el.textContent = full.slice(0, ti); if (ti <= 0) { deleting = false; ci = (ci + 1) % commands.length; setTimeout(tick, GAP_MS); return; } setTimeout(tick, DELETE_MS); } } tick(); })();

Welche Art von Studie passt am besten zu Ihrem Projekt?

Umfassende Forschungsplattform
„Behavioral Research Online“
Test von Videoanzeigen mit Benchmarking
Media Analytics
Sofortiges KI-Benchmarking
Predictive AI
Stimulus-Typen
Video
Bild
Website
Umfrage
Multi-Stimulus-Abläufe
Datenerhebung
Methode Teilbarer Link für Teilnehmer Teilbarer Link für Teilnehmer Video an die KI-Engine übertragen
Echte Teilnehmer Erforderlich Erforderlich Nicht erforderlich
Messmethoden Eye-Tracking · Mimik · Atmung · Umfrage Kalibrierungsfreies Eye-Tracking · Gesichtsausdruck · Umfrage Gesichtsausdruck (durch KI vorhergesagt)
Analyseergebnisse
Ausgabe Vollständiger Export biometrischer Daten · Segmentanalyse · Anmerkungen · Rohsignaldaten Verlauf der emotionalen Ausdrucksformen + zusammenfassende Kennzahlen Werte für Aufmerksamkeit, Ausdrucksstärke und Valenz + KI-Zusammenfassung
Benchmarking im Vergleich zu globalen Markt-/Kategorienormen
Export in iMotions Lab
Anmerkungen
Plattformunterstützung
Plattformen Desktop · Smartphone · Tablet Desktop · Smartphone · Tablet Desktop · Smartphone · Tablet
Verfügbarkeit von API/SDK API SDK
Hardware ✓ Keine Hardware erforderlich ✓ Keine Hardware erforderlich ✓ Keine Hardware erforderlich

KI ist nur so gut wie die menschlichen Daten, auf denen sie basiert.

  1. )=>{ cursor.style.transform = 'scale(1)'; setTimeout(res, 150); }, 120); }); } function wait(ms){ return new Promise(res => setTimeout(res, ms