Munkamegoldások · tervjavaslat · 2026. október 7.
A tesztek ugyanazok. A látogató megmondja, kinek keres mérést, és ehhez igazodik a főcím, a felvezető, a gombok és az ár („/ fő” csak munkáltatónak). Négy elhelyezés a mostani oldal saját stílusában, saját ikonokkal. Mindkét nézet magáz.
Tervjavaslat, nem éles kód. A munkavállalói (B2C) szövegek javasolt szövegek, helykitöltők: a DFT saját szövegére cseréljük. A munkáltatói szöveg a mai oldalé. Új tényt, számot vagy árat nem írtunk bele.
Mind a négy ugyanazokat a szövegeket cseréli (főcím, felvezető, gombok, díjmentes sor, terméksztenderd, négy lépés, kártyaár, termékoldal). A különbség az, hol és mikor kérdezünk. Az élő mintán a felső szürke sávban lehet váltani a változatok között; a „↺ Első látogatás” gomb törli a választást.
A főoldal hősében, a cím fölött két mező. A felső sávban „Nézet: Munkáltató | Munkavállaló”, telefonon két ikon a fejlécben.
Két fül a lap legtetején, mint a bankoknál: „Munkáltatóknak | Munkavállalóknak”. A fül az egész oldalt váltja.
Első látogatáskor kétfelé osztott nyitólap, egy-egy sorral. A választás után a rendes oldal jön, a fejlécben kis kétikonos váltó marad.
?nezet=) átugorja, a keresőből érkezőt viszont megállítja.
Az oldal betölt, majd nyugodt kérdés-ablak nyílik (telefonon alulról becsúszó lap), „Később” gombbal. Utána a váltó a fejlécben van.
Mindegyik billentyűzettel is kezelhető (rádiócsoport, illetve fülek: nyilak, Home, End, Szóköz, Enter; a kapu és a kérdés-ablak modális, Esc = Később), látható fókusszal; csökkentett mozgásnál nincs animáció. A tesztelt szélességek: 1440, 1180, 1024, 768 és 390 px, vízszintes görgetés nélkül.
A mostani katalógus piktogramjainak nyelvén: 48 × 48-as rács, 1,7-es vonal, kerek vég és csatlakozás, egy menta kiemelő vonal (az ajtó, illetve a gallér), a másodlagos vonalak halványan. Sötétkéken fehér, fehéren sötétkék és DFT-zöld. A kis (24 px-es) változat a váltókban és a fülekben szerepel.
munkaltato.svg (24)munkavallalo.svg (24)munkaltato-48.svgmunkavallalo-48.svgnyil.svgbezaras.svg
A 24-es és a sima 48-as fájl currentColor, a kiemelés színe a --mm-akcentus változóval állítható. A -sotet és -vilagos fájlok fix színűek, <img>-hez.
Keretrendszer nélküli csomag a DFT saját kódbázisához: rövid magyar leírás, közös valaszto.js és valaszto.css, változatonként egy működő mintaoldal, és az ikonok.
localStorage["mm-aud"] = b2b vagy b2c; az oldalon <html data-aud="…">, választás után data-aud-set is.data-csak="b2b|b2c", a CSS mutatja az egyiket. JavaScript nélkül a munkáltatói látszik.Mindkettőben ugyanaz a logika: a főoldal első képernyőjén egy kétgombos kérdés („Kinek szól a mérés?”), a fejlécben pedig egy mindig elérhető kis váltó. A választás a böngészőben megmarad.
Két nagy, kivágás-sarkú gomb ikonnal; a kiválasztott fehérre vált. Asztalon a felső zöld sávban (a HU · EN mellett), tableten a ragadós fejlécben, telefonon egy 40 px-es kapcsoló és a menü tetején is.
Élő előnézet ↗Munkavállalói nézet ↗Termékoldal ↗Megrendelés ↗
Az élő előnézet a következő feltöltés után mutatja a választót; a képek a helyi buildről készültek.
A választó a hős számdobozainak nyelvén: két mező keretben, a kijelöltön zöld alsó vonal. A felső sávban a HU / EN kapcsolóval azonos pirula, mobilon két ikon a fejlécben.
A teljes minta megnyitása ↗Munkavállalói nézet ↗A mostani oldal ↗
?nezet=munkavallalo vagy ?nezet=munkaltato (ez nem írja felül a látogató korábbi választását).Mindenhol magázás, a munkavállalói nézetben is („Válasszon”, „Lássa tisztán, hol tart”). A mostani oldal mintája már így készült. Az új oldal (A) képei és a szövegtábla A-sorai még a korábbi, tegező vázlatot mutatják; ezeket is magázóra írjuk.
Ami nincs a táblában, az mindkét nézetben ugyanaz (a tesztek, a kártyák szlogenje és leírása, a „Megnézem” gomb). Az új oldalon minden sor egyetlen fájlban szerkeszthető: src/data/audience.ts.
| Elem | Munkáltató (B2B) – mai szöveg, magázás | Munkavállaló (B2C) – javasolt szöveg |
|---|---|---|
| Maga a választó (mindkét oldal) | ||
| Kérdés | Kinek szól a mérés? | |
| Két válasz | Munkáltató vagyok – A csapatomnak, a cégemnek | Munkavállaló vagyok – Magamnak, a saját fejlődésemhez |
| Fejléc-váltó | Munkáltató | Munkavállaló |
| Felolvasó jelzés váltáskor | Munkáltatói nézet: az oldal szövegei a csapatoknak szólnak. | Munkavállalói nézet: a szövegek Önnek szólnak. |
| A · új oldal (korábbi, tegező vázlat; magázóra írjuk) | ||
| Felső sáv | Kitöltés 5–15 perc / fő · a kiértékelés azonnal elkészül | Kitöltés 5–15 perc · az eredményed azonnal elkészül |
| Felvezető sor | Méréseken alapuló, pontos helyzetelemzések | Rövid online mérések a saját munkádhoz |
| Főcím | Hiteles vezetői döntések | Lásd tisztán, hol tartasz |
| Alcím | Kérdőívekkel tárjuk fel a szervezet működését, hogy a vezetői döntések valós adatokra épüljenek … | Rövid kérdőívekkel mutatjuk meg, mi motivál, hogyan dolgozol és mit tudsz ma a munkádban – hogy a következő lépésedet valós eredményre építsd. |
| Kereső | Mi a gond? Írja le a saját szavaival | Mire vagy kíváncsi? Írd le röviden |
| Gyakori keresések | nagy a fluktuáció · sok a hiba · nem működnek a megbeszélések | mi motivál? · sok a stressz · hogyan tanulok? |
| Fő gomb (hős) | Mérést választok | Saját mérést választok |
| Díjmentes sor | Az első mérést Ön maga díjmentesen kitöltheti, és azonnal megkapja a saját eredményét. Csapat- és vezetői riport megrendeléssel. | Az első mérést díjmentesen kitöltheted, és azonnal megkapod a saját eredményedet. |
| Terméksztenderd – Mennyiség | 1 kitöltés / fő, 1 összesítő riport / csapat | 1 kitöltés, 1 saját riport – akár csak neked |
| 10 kihívás – cím | Melyik áll legközelebb az Önök helyzetéhez? | Melyik ismerős a munkahelyedről? |
| Katalógus – cím | Válasszon az átvilágítások közül | Válassz a mérések közül |
| Katalógus – alcím | … Válasszon egyet, és a következő oldalon adja meg a létszámot. | … Válassz egyet, és a következő oldalon megrendelheted magadnak. |
| Kártya – ár | 1 500 Ft / fő | 1 500 Ft |
| Kártya – gomb | Megnézem (első személyű, mindkettőben jó – külön szerkeszthető) | |
| Négy lépés – cím | Négy lépés a riportig | Négy lépés a saját riportodig |
| Négy lépés | Teszt kiválasztása · Létszám megadása · Kiküldés e-mailben · Egyéni + összesített riport | Mérés kiválasztása · Megrendelés magadnak · Kitöltés a saját linkeddel · Saját riport azonnal |
| Termékoldal – fő gomb | Megrendelem a csapatnak | Megrendelem magamnak |
| Termékoldal – ár a mezőben | 10 fő esetén 1 380 Ft / fő (sávos ár) | Egy kitöltés 1 500 Ft |
| Termékoldal – következő lépés | Hány munkatársnak szeretné kiküldeni? · Létszám és megrendelés | Magadnak rendeled meg? Egy kitöltéssel is megrendelheted … · Megrendelés magamnak |
| Megrendelés – cím | Hány kitöltést vásárol? | Hány kitöltést szeretnél? |
| Megrendelés – alcím | Annyit, ahány munkatársat szeretne bevonni. A sávos kedvezmény automatikusan érvényesül. | Ha csak magadnak rendeled, elég 1 fő. Ha másokat is bevonnál, 10 főtől a sávos kedvezmény automatikusan érvényesül. |
| Megrendelés – alap létszám | 3 fő | 1 fő |
| Megrendelés – 2. lépés | Kik töltsék ki? | Ki tölti ki? |
| B · mostani oldal, mind a 4 változat (magázás) | ||
| Hős – főcím | Hiteles vezetői döntések | Lássa tisztán, hol tart |
| Hős – alcím | Kérdőívekkel tárjuk fel a szervezet működését … | Rövid kérdőívekkel mutatjuk meg, mi motiválja, hogyan dolgozik és mit tud ma a munkájában, hogy a következő lépését valós eredményre építhesse. |
| Katalógus – cím | Válasszon az átvilágítások közül | Válasszon a mérések közül |
| Négy lépés | Teszt kiválasztása · Létszám megadása · Kiküldés e-mailben · Egyéni + összesített riport | Teszt kiválasztása · Megrendelés magának · Kitöltés a saját linkjével · Saját riport azonnal |
| Kártya – ár | 1 500 Ft / fő | 1 500 Ft |
| Felső sáv | Kitöltési idő: 5–15 perc / fő · A kitöltések után azonnali elemzés … | Kitöltési idő: 5–15 perc · A kitöltés után azonnal megkapja az eredményét |
| Hős – nagybetűs sor | Munkaszervezeti online átvilágítások | Online mérések munkavállalóknak |
| Hős – felvezető | Méréseken alapuló, pontos helyzetelemzések | Méréseken alapuló, személyes visszajelzés |
| Gombok | Válasszon tesztet · Összesített riport minta | Válasszon tesztet magának · Riportminta megtekintése |
| Díjmentes doboz | Az első terméket díjmentesen kipróbálhatja. Megrendeli, kitölti, és megkapja a riportját. … | Az első terméket díjmentesen kipróbálhatja. Megrendeli, kitölti, és megkapja a saját riportját. |
| Terméksztenderd – Kinek / Forma | Munkaszervezetek: cégvezetők, HR-vezetők … · Egyéni riport + aggregált vezetői összesítő | Munkavállalók, akik a saját működésükre kíváncsiak · Saját, egyéni riport, amelyet csak Ön lát |
| Termékoldal – listaár | 1 500 Ft / fő, nettó | 1 500 Ft, nettó |
| Szélesség | A · új oldal | B · mostani oldal |
|---|---|---|
| Első képernyő (főoldal) | Két nagy gomb a zöld hősmezőben, a cím fölött | Két mező a sötétkék hős bal oszlopában, a cím fölött |
| ≥ 1041 px | Felső zöld sáv, a telefonszám és a HU · EN mellett („Munkáltató | Munkavállaló”) | Felső sötétkék sáv, a HU / EN pirula mellett, „Nézet” felirattal |
| 421–1040 px | Ragadós fejléc, a kereső előtt (ikon + felirat, 700 px alatt csak ikon) | Ragadós fejléc, a menügomb előtt, két ikon |
| ≤ 420 px | Egy 40 px-es kapcsoló a fejlécben (a mostani nézet ikonja + váltójel); a teljes váltó a menü tetején | Két ikon a fejlécben + a felső sávban felirattal |
| Megrendelés | A lépések alatt: „Munkavállalóként rendelsz” + váltó; a létszám és a cím követi | – (a mostani megrendelő nincs a mintában) |
Egyik gomb sincs kijelölve; alatta a magyarázó sor. A tartalom a munkáltatói. A rádiócsoportba a Tab az első gombra visz.
Új oldal: a gomb fehér, zöld pöttyel. Mostani oldal: zöldes háttér, zöld alsó vonal, kitöltött kör. Minden váltó egyszerre vált (hős, fejléc, menü, megrendelés).
Világosodó háttér és erősebb keret; nyomásra enyhe összehúzódás (0,98).
role="radiogroup" + role="radio", aria-checked. Nyilak / Home / End vált és fókuszál, Szóköz és Enter kijelöl. Látható fókuszgyűrű (menta a zöldön, zöld a fehéren). A 40 px-es mobil kapcsoló role="switch".
A szövegek 320 ms alatt beúsznak (átlátszóság), elrendezés-ugrás nélkül; a változást egy udvarias aria-live sor felolvassa.
prefers-reduced-motion esetén nincs beúszás, a váltás azonnali.
A munkáltatói szöveg jelenik meg, duplikáció nélkül (mindkét változat a HTML-ben van, CSS mutatja az egyiket – villanás nincs).
Privát ablak vagy tiltott sütik: a váltás működik, csak újratöltéskor nem emlékszik. Hiba nincs (try/catch).
Az új oldalon egy kapcsoló (ENABLED / PUBLIC_AUDIENCE=0) – kikapcsolva az oldal pontosan a mai.
A két gomb telefonon is egymás mellett marad (két hasáb), a fejlécben pedig mindig ott a váltó.
Lezárva a DFT válaszai alapján: mindenhol magázás; a számlázás, a tesztek láthatósága és a munkáltató által fizetett rendelés nem része ennek a feladatnak.