/* FCL Website UI kit — Case study OLAS: od badania do tożsamości marki. Scroll-driven story in 4 chapters: Badanie → Wyniki → Tożsamość → Wdrożenie. Counters animate on scroll; IG screenshots show the real-world implementation. */ function useCsInView(rootMargin = '0px 0px -18% 0px') { const ref = React.useRef(null); const [shown, setShown] = React.useState(false); React.useEffect(() => { const el = ref.current; if (!el) return; let done = false; const fire = () => { if (!done) { done = true; setShown(true); cleanup(); } }; const check = () => { const r = el.getBoundingClientRect(); if (r.top < (window.innerHeight || 800) * 0.85 && r.bottom > 0) fire(); }; const io = new IntersectionObserver((es) => { es.forEach((e) => { if (e.isIntersecting) fire(); }); }, { threshold: 0, rootMargin }); io.observe(el); window.addEventListener('scroll', check, { passive: true }); check(); function cleanup() { io.disconnect(); window.removeEventListener('scroll', check); } return cleanup; }, []); return [ref, shown]; } function CsCounter({ to, suffix = '%', shown, duration = 1600 }) { const [val, setVal] = React.useState(0); React.useEffect(() => { if (!shown) return; let raf; const t0 = performance.now(); const tick = (t) => { const p = Math.min(1, (t - t0) / duration); const e = 1 - Math.pow(1 - p, 3); setVal(Math.round(to * e)); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [shown]); return {val}{suffix}; } function CsChapter({ label, children }) { const [ref, shown] = useCsInView(); return (

{label}

{children}

); } function CsPhone({ src, alt, rotate = 0, width = 'clamp(180px,22vw,250px)', caption }) { return (

{alt} — {caption}

); } function CaseStudy() { const [statsRef, statsShown] = useCsInView(); const stats = [ { to: 63, suffix: '%', l: 'uczestniczek odczuło wzrost pewności siebie w sukienkach OLAS' }, { to: 44, suffix: '%', l: 'podniosło ocenę komfortu kobiecości — zdarzały się skoki z 1 do 7' }, { to: 70, suffix: '%', pre: '37% →', l: 'wysokie oceny akceptacji własnego ciała (6–7 na 7) po przymiarce' }, ]; const uses = [ { a: 'Strategia marki', d: 'Archetyp, pozycjonowanie świadomego premium, segmentacja klientek na 3 profile psychologiczne.' }, { a: 'Komunikacja', d: 'Storytelling „Kobiety OLAS” — postać, z którą klientki chcą się utożsamiać: co czyta, czym żyje, jak mówi.' }, { a: 'Social media', d: 'Insighty z badania jako gotowy content — wspólne posty OLAS × FCL, język siły i kobiecości w każdym poście.' }, { a: 'Design ubrań', d: 'Forma steruje emocjami: strukturalne kroje → stanowczość i siła, miękkie → zmysłowość. Czerwień = siła.' }, { a: 'Sesje i wizual', d: 'Estetyka premium z vibe’em lat 70 — aspiracyjny obraz „kobiety premium”, nie casualowej dziewczyny.' }, { a: 'PR i marketing', d: 'Działania dopełniające wizerunek: miejsca, marki i osoby, którymi marka się otacza.' }, ]; return (

02 — Case study: OLAS

Ile marka może wyciągnąć z jednego eventu?

Wróćmy do jednego z projektów z portfolio powyżej. Jeden event badawczy z marką OLAS — od przymiarek w butiku po nowy język, którym marka mówi dziś na Instagramie.

{/* 01 — BADANIE */}

Klientki przymierzały sukienki — a my mierzyłyśmy, co dzieje się w środku.

Dwuetapowa ankieta psychologiczna przed i po przymiarce (n=16), obserwacja mowy ciała i wywiady — podczas kameralnego eventu w butiku. Bez laboratorium, w realnym kontakcie z ubraniem.

Event badawczy OLAS

teren · lato 2025

JAK FASHION COGNITION LAB ZROBI TO ZA CIEBIE

Zanim zadamy pierwsze pytanie, przechodzimy przez setki badań z psychologii mody — enclothed cognition, wpływ formy, koloru i materiału na psychikę — i dopasowujemy je do tej konkretnej marki i tych konkretnych ubrań. Dopiero wtedy powstają pytania, które wyciągają sedno: co te ubrania naprawdę robią dla Twoich klientek.

{/* 02 — WYNIKI */}

{stats.map((s, i) => (

{s.pre ? {s.pre} : null}

{s.l}

))}

Do tego: bardziej wyprostowana postawa, płynniejszy ruch, forma ubrania sterująca emocjami — miękka → zmysłowość, strukturalna → stanowczość.

{/* 03 — RAPORT: wiele pieczeni na jednym ogniu */}

Jeden event.
Jeden raport.
Paliwo dla całej marki.

Z danych zebranych podczas jednego spotkania z klientkami powstał raport, który OLAS wdraża w każdym obszarze marki — spójnie, bo wszystko wynika z tych samych danych.

{uses.map((u, i) => (

0{i + 1} {u.a}

{u.d}

))}

A jedna rzecz nie mieści się w żadnym raporcie: więź.

Klientki wychodzą z eventu z czymś, czego nie da im żadna kampania: wiedzą, co ubrania realnie dla nich robią, czują się wysłuchane i zaopiekowane — a marka, która im to dała, przestaje być jedną z wielu. Tej relacji nie da się kupić ani skopiować.

{/* 04 — WDROŻENIE */}

Marka nie dostała segregatora do szuflady. OLAS mówi dziś językiem swoich klientek — publicznie.

{/* Zamknięcie */}

Tak wygląda marka, która zna swoją klientkę.

); } window.CaseStudy = CaseStudy;