A változat
Vegyes
Zöld hős, problémaválasztó, katalógus.
← Minden projekt
Munkamegoldások
Az új munkamegoldasok.hu – a választott K1 · Kivágás irány valódi weboldalként
visszajelzésre vár
Filmsorozat · szavazás39 mérés, mérésenként 3 filmváltozat. Melyik menjen tovább?
Minden méréshez három 25 másodperces animációs koncepció készült. Nézze meg őket, és filmenként szavazzon arra, amelyiket az élő weboldalon látná; mindhárom változat már hanggal szól, a nyertes kapja meg a végleges kidolgozást és a szinkront.
Telefonos nézet – három változat
Három különböző terv ugyanazzal a tartalommal: A, B és C. Görgessen bele mindegyikbe a telefonon belül, majd az „Ezt választom” gombbal jelezze, melyik legyen. A gomb a lap alján lévő megjegyzésbe írja a választást; a küldés az Öné.
B változat
Bolt
Fehér bolt-app, kereső és alsó menü.
C változat
Kalauz
Barátságos kalauz, kérdésről kérdésre.
Fülöp Csaba kérése · visszajelzésre vár
Munkáltató / munkavállaló választó a mostani munkamegoldasok.hu-hoz
A mostani oldal designjában, négy változatban. A tesztek ugyanazok, a választás a megszólítást, a főcímet, a gombokat és az ár szövegét állítja át; mindkét nézetben magázunk. A változatokat új lapon lehet kipróbálni, a terv leírása és a fejlesztői csomag a gombok alatt.
Élő weboldal – az új munkamegoldasok.hu (előnézet)
Munkamegoldások – K1 · Kivágás
A választott irány megépítve, valódi weboldalként: kivágott sarkú mezők, a 41 termék papírkivágás-ikonnal, kereshető katalógus, termékoldalak, létszám szerinti megrendelés és a többi aloldal. Az előnézet semmit nem küld el és nem fizettet.
Játékos, egyszerű, bátor: négy ötlet
A Munkamegoldások négy játékos koncepciója valódi, görgethető főoldalként, ugyanazokkal a DFT-színekkel és ikonokkal. Mindegyiknek saját nagy ötlete és saját mozgása van; a jobb alsó sarokban a „Lassított 0,25×” gombbal lassítva is megnézhető.
Munkavállaló vagy munkáltató – választó (B2C / B2B)
A tesztek ugyanazok, de az oldal első lépésben megkérdezi, kinek keres mérést a látogató, és ehhez igazítja a megszólítást, a főcímet, a gombokat, az árat és a megrendelést. Két terv: az új oldalon és a mostani oldal stílusában – a munkavállalói szövegek javaslatok.
Összehasonlításúj
A választó terve – specifikációA két terv egymás mellett, szövegtábla, alapállapot, állapotok, 390 px, nyitott kérdések.
Megnyitás ↗Weboldalúj
BA mostani oldal stílusábanFejléc, hős, négy termékkártya és egy termékoldal-részlet a választóval – működő minta.
Megnyitás ↗Weboldalúj
AAz új oldalon – munkavállalói nézetAz előnézet a választóval; a következő feltöltés után él.
Megnyitás ↗Régi és új kártyák
A mostani kártya és a korábbi javaslat, mellettük az 1. kör stílusai és a 2. kör öt új opciója a javasolt keverékkel – mind élesben.
Előttea mostani és a korábbi javaslat
Utánaaz új kártyastílusok · ugyanaz a termék
Új opciók · 2. köröt kedvenc minta nyomán · elöl a #15, mögötte a #28, #41, #23
A weboldal ikonjai
A munkamegoldasok.hu mind a 41 termékikonja a választott Papírkivágás stílusban, sötét és világos változatban – zöldben vagy kékben; vigye rá az egeret a mozgáshoz.
Ikonstílus – egy ikon, tíz stílusban
A #23 tíz stílusban, mindegyik mellett a #15, #28 és #41 ugyanabban a stílusban. A három ajánlott stílus meg van jelölve; a részletek lenyithatók.
Egy ikon (#23 · Hibaokok és gyökérokok átvilágítása) tíz stílusban; alul ugyanabban a stílusban a #15, #28 és #41. Az Agyag stílus egyelőre vektoros előnézet.
Kiindulópont
Amihez az új ikonokat mérjük.
Az új ikonok ugyanígy – 2. köra négy mintatermék mind a tíz új stílusban; húzza fölé az egeret
Az összes új ikon egy oldalon – nagyban, sötét és világos csempén, stílusonként ↗Referenciák a mostani oldalról
Haladás és munkaterületek
Elkészült az új weboldal előnézete a dft-outreach.com/munkamegoldasok/ címen. Hátravan: a DFT nyitott kérdései (jogi adatok, fizetési mód, kihívás–mérés párosítás, valódi logók és portrék), a kérdőívek szerveroldali bekötése és a Stripe-fizetés.
Filmsorozat
visszajelzésre várMérésenként három 25 mp-es animációs koncepció (vázlat, már hanggal: mindhárom változat saját hangeffekteket kapott). Szavazzon filmenként, melyik kerüljön az élő oldalra; a nyertes kapja meg a végleges kidolgozást és a szinkront.
Az új weboldal
visszajelzésre vár- Alapok
Színek, betűk, kivágott sarkú mezők, a négy kártyatípus és a 41 mozgó papírkivágás-ikon.
A tervezett sorrendben, asztali gépen és telefonon.
Keresés probléma szerint, rokon szavakkal; típus, célcsoport, rendezés.
Mind a 41, terméksztenderddel, „Ki mit lát?” blokkal és ajánlott mérésekkel.
Létszám és sávos ár, kitöltők beillesztése Excelből, számlázás; a fizetés az előnézetben ki van kapcsolva.
- Éles indulás
Jogi szövegek és cégadatok, Stripe, kérdőívek a szerveren, átirányítások a régi címekről.
Ikonjavaslat (Claude Design brief, 10 koncepció)
visszajelzésre vár- Termékleltár
Mind a 41 termék az élő oldalról: cím, kategória, leírás, szerző, kérdésszám, kitöltési idő és a jelenlegi ikon, táblázatban és adatfájlban.
A 41 ikon áttekintő képe, a katalógus asztali gépen és telefonon, kártyák közelről, egy termékoldal és a Hibaok-átvilágítás oldal.
- Tervezési brief
A kártya és a termékoldal pontos méretei, a márkaszínek kontrasztértékekkel, a dft-logó íve mint közös elem, és egy tiltólista, hogy ne általános, „gépies” ikonok készüljenek.
- 10 koncepciós feladatleírás
Mérőműhely, Bécsi módszer, Betűjel, Metszet, Hajtás, Domborzat, Tollvonás, Modulrend, Kettős kép, Pontrács: mindegyik ugyanazon a 8 terméken, valódi kártyán. A végén rangsor és 3 javasolt minta.
- Háromszempontú átnézés
A feladatleírás ellenőrzése tények, színkontraszt és termékszabályok szerint; a javítások beépítve.
- A 10 koncepció elkészítése
Négy kártyakör után a javasolt „Keverék” kártya; a 2. körben öt új kártyaopció öt kedvenc minta nyomán, egy új keverék, és a #23-as ikon tíz stílusban.
- 2–3 minta bemutatása
A kártyaopciók mind a négy terméken (kategóriánként egy), és az ikon tíz stílusa rendszerpróbával, élesben megnézhetők.
- Mind a 41 termék ikonja
A választott irányban, SVG fájlokban, a mostani oldalba közvetlenül beilleszthető kóddal és ikononként rövid indoklással.
Weboldal-javaslatok
visszajelzésre vár- Az oldal átvizsgálása
Asztali gépen és telefonon: főoldal, a fő aloldalak, hét termékoldal, a megrendelési út a fizetés előtti lépésig, a régi áruházi oldalak, sebességmérés. Minden megállapítás mögött képernyőkép vagy mérés áll.
- Ami már most jól működik
Problémából induló főoldal, szűrhető katalógus, átlátható létszámsávos árak, az erős „Ki mit lát?” blokk és az élő mintariport.
- Javaslat: egy áruház, egy ár
A régi áruházi termékoldalak ma is elérhetők, és egy termék két különböző áron szerepel. A duplikátum törlése, a régi oldalak átirányítása az új termékoldalakra.
- Javaslat: jelenjenek meg a bizalmi elemek
A főoldalon mind a 14 referencialogó és a 8 szerzői portréból 7 törött képként jelenik meg. Egy napon belül javítható.
- Javaslat: egy ingyenes ajánlat, hibátlan megrendelés
Az oldalon három eltérő megfogalmazású „ingyenes első mérés” szerepel, és a megrendelőlapon is vannak hibák. Mindenhol ugyanaz az egy mondat, és javított megrendelési út.
- Javaslat: jogi alapok a kártyás értékesítéshez
Önálló ÁSZF, sütihozzájárulás-kérés, és a teljes cégadatok a láblécben.
- Javaslat: a kérdéssorok védelme
A kérdőívek tartalma és a kiértékelés kerüljön teljes egészében a szerver oldalra, hogy a fizetős kérdéssorok védettek legyenek.
- Javaslat: katalógus, keresés és termékoldalak
A katalógus kerüljön feljebb; a kereső találja meg a kézenfekvő szavakat (pl. „fluktuáció”); belső jegyzet és elírások törlése; egységes termékoldal-felépítés.
- Javaslat: telefon, sebesség, Google-láthatóság
Lassabb mobilneten a főoldal kb. 2,5–2,8 másodpercig üres; a termékoldalaknak nincs önálló, kereshető webcíme és címe; megosztáskor kép nélküli, „Tesztek” című előnézet jelenik meg.
- 14 gyorsan javítható pont
Egyenként egy napon belül elvégezhető javítások listája, köztük a tanúsítvány megújításának ellenőrzése.
Következő lépések
- A 10 ikonkoncepció elkészítése a Claude Designban, majd a 2–3 legerősebb minta bemutatása.
- A választott irányban mind a 41 termék ikonja, SVG-ben és a mostani oldalba közvetlenül beilleszthető kóddal.
- A weboldal-javaslatok átadása a projektért felelős üzletvezetőnek; a gyorsan javítható pontokkal érdemes kezdeni.
Döntések, alapbeállítással
- Ikonirány a 41 termékre — A 2–3 mintából kiválasztott irány; választásig a jelenlegi ikonok maradnak.
- Kártyafejléc — A mostani sötétkék fejléc marad, így az új ikonok az oldal más elemeinek módosítása nélkül cserélhetők.
- A javaslatok sorrendje — Először a 14 gyorsan javítható pont, utána a nagyobb tételek: a régi áruházi oldalak, a kereshető termékoldalak és a kérdéssorok védelme.
Megjegyzések és feladatok
Írja le ötleteit, vagy azt, amit módosítani kell. A feladatokat kipipáljuk, amikor elkészültek. A kérdésekre egyenként, közvetlenül alattuk lehet válaszolni.
Betöltés…
Idővonal
2026. október 8.
- Négy játékos koncepció élő oldalként visszajelzésre vár
A Claude Design négy játékos, egyszerű, bátor koncepciója (Mappa, Egy szín egy szó, Kártyapakli, A pötty) elkészült valódi, görgethető főoldalként, asztali gépen és telefonon is, a tervezett mozgásokkal és interakciókkal. Mindegyik a jobb alsó sarokból lassítva is lejátszható. Az oldalak a keresőkben nem jelennek meg.
megnyitás ↗
2026. október 7.
- A kék változat levéve
A DFT a kék színt elvetette, ezért a kék weboldal-változat, a kék kártyák és ikonok, valamint a Zöld / Kék kapcsoló lekerült. Minden a zöld változatban marad.
megnyitás ↗ - Munkáltató / munkavállaló választó a mostani oldalhoz, négy változatban visszajelzésre vár
Csaba kérésére a választó a mostani munkamegoldasok.hu designjában készült el, négy változatban: kártyák a nyitóképen, fülek az oldal tetején, belépő kapu első látogatáskor, kérdés párbeszédablakban. A választóhoz két ikon készült a mostani oldal ikonstílusában, és a fejlesztőknek egy működő kódcsomag. Mindkét nézetben magázunk. A projektoldal tetejére került.
megnyitás ↗
2026. október 6.
- Kihívások egymásra csúszó kártyákon, a választó letisztítva
A főoldal „Melyik áll legközelebb az Önök helyzetéhez?” része az új dft.hu „Tíz út” mintájára működik: görgetéskor a tíz kihívás kártyái egymásra csúsznak, bal oldalt 01–10 számláló mutatja, hol tart a látogató, és minden kártyán egy panel jelenik meg mozgással (az ajánlott mérések száma és egy témába illő ikon). A „Kinek szól a mérés?” választó csak a címeket mutatja, az ikonok a termékikonok stílusában készültek (a fejlécben is). Javítva: a hős háttérvonalai a mező aljáig érnek, a zöld kártyák íve széltől szélig tart.
megnyitás ↗ - Munkavállaló vagy munkáltató – választó (B2C / B2B) visszajelzésre vár
Megterveztem, hogyan választhat a látogató a munkavállalói és a munkáltatói nézet között – a tesztek ugyanazok, a megszólítás, a főcím, a gombok, az ár és a megrendelés szövege más. Az új oldalon működő prototípus készült: a főoldal első képernyőjén a „Kinek szól a mérés?” kérdés két nagy gombbal, a fejlécben mindig elérhető váltó, a termékoldalon „Megrendelem magamnak”, a megrendelésen 1 fős alaplétszám; minden szöveg egy szerkeszthető fájlban van, és a választást a böngésző megjegyzi. A mostani oldal stílusában egy működő mintaoldal mutatja ugyanezt. Javaslatom: munkáltatónak magázás, munkavállalónak tegezés; választás előtt a mai, munkáltatói szöveg látszik. A munkavállalói szövegek javaslatok; nyitott kérdés többek közt a bruttó ár és a magánszemélyes számlázás.
megnyitás ↗megnyitás ↗
2026. október 5.
- Letölthető kód a kártyákhoz és az ikonokhoz
„B-terv” csomag fejlesztőknek: ha a mostani munkamegoldasok.hu marad, az új kártya és a 41 termékikon akkor is beépíthető. A kártyacsomagban keretrendszer nélküli HTML/CSS/JS kód, mintaoldal, termékadatok és az összes kártyakoncepció; az ikoncsomagban minden ikon SVG-ben (sötét, világos, mezőn, átlátszó) és az animáció kódja – zöldben és kékben, magyar leírással.
megnyitás ↗ - Zöld / Kék kapcsoló a kártyákon és az ikonokon elvetve
A projektoldalon a kártyák, a weboldal 41 ikonja és a tízstílusú ikontábla mellett is ott a Zöld / Kék kapcsoló; egy kattintás az egész oldalt átváltja (az élő weboldal-előnézettel együtt), és a böngésző megjegyzi a választást. A DFT a kék színt elvetette, ezért 2026. október 7-én levettük.
megnyitás ↗ - Kék változat: a teljes weboldal és mind a 41 ikon elvetve
Elkészült az új munkamegoldasok.hu teljes kék változata (dft-outreach.com/munkamegoldasok-kek/), és a projektoldalon egy Zöld / Kék kapcsolóval lehet választani a kettő között. A weboldal 41 termékikonja (Papírkivágás stílus) is elkészült kékben, letölthető SVG-csomaggal. A kékek a zöldek helyére kerültek azonos fényességgel, így minden kontraszt ugyanaz marad. A DFT a kék színt elvetette, ezért 2026. október 7-én levettük.
megnyitás ↗ - Az új kártyák kék változatban
Minden új kártyakoncepció elkészült kékben is: az 1. kör hat stílusa (Nagy kérdés, Színmező, Műszer, Címke, Ikon-hős, Keverék), a 2. kör öt mintája (Díj, Adat, Tárgy, Üveg, Kivágás) és a keverék mind a négy terméken. Az elrendezés és a kontraszt ugyanaz, a zöld árnyalatok helyére a megfelelő kékek kerültek; a teljes koncepciótáblák is megnyithatók kékben.
megnyitás ↗
2026. október 4.
- Javítás: a Gondolkodási profil ikonja teljes egészében látszik
A legyező-ikon szélső lapjai túllógtak az ikon keretén, ezért a termékkártyákon levágódtak bal és jobb oldalt. Most mind a tíz lap látszik; a többi 40 ikont is ellenőriztem, azoknál nem volt ilyen hiba.
megnyitás ↗ - Tervezési prompt: a kihívások szakasz animációja (5 változat) folyamatban
Claude Design prompt készült a főoldal „Melyik áll legközelebb az Önök helyzetéhez?” szakaszához: öt játékos, egyszerű és merész animációs változat a belépésre, a kihívás kiválasztására és a jobb oldali panel váltására.
- Főoldal: letisztultabb nyitókép
A nyitókép tetejéről lekerült a „Munkaszervezeti online átvilágítások” címke; a blokk most a „Méréseken alapuló, pontos helyzetelemzések” sorral kezdődik.
megnyitás ↗
2026. október 2.
- Valódi logók és szerzői fotók, kártyahibák javítva
A munkamegoldasok.hu-ról átvettem a valódi referencia-logókat és a szerzők portréit, és kijavítottam a termékkártyák megjelenési hibáit.
megnyitás ↗ - Az új munkamegoldasok.hu felépítve visszajelzésre vár
A jóváhagyott tervből elkészült a teljes oldal: főoldal, katalógus, 41 termékoldal, próbaverzió, Hibaok-oldal, rendelés és kosár, tartalmi és jogi oldalak.
megnyitás ↗
2026. szeptember 29.
- Termékkártya és ikonstílus – 2. kör visszajelzésre vár
Öt új kártyaopció öt kedvenc minta nyomán (Díj, Adat, Tárgy, Üveg, Kivágás) és egy javasolt keverék, mind a négy terméken; a korábbi kártyastílusok mellé kerültek. Az ikonhoz a #23 tíz stílusban készült el, rendszerpróbával és a három ajánlott stílus megjelölésével; a korábbi 22 ikonos galéria lekerült.
megnyitás ↗
2026. szeptember 28.
- 10 ikonkoncepciós prompt, átnézve és javítva folyamatban
Tíz egymástól eltérő ikonkoncepció (például Mérőműhely, Bécsi módszer, Domborzat, Pontrács) ugyanazon 8 terméken, valódi kártyán. A végén a három legerősebb kerül bemutatásra a kért 2–3 mintához; egy háromszempontú átnézés javításai már benne vannak.
- Ikonrendszer: tényanyag és tervezési brief
Részletes brief a termékikonokhoz: kártyafelépítés, DFT színek és kontrasztszabályok, a DFT logó ívének geometriája, tiltólista és a 41 termék. Három irányt kér ugyanazon 8 valódi terméken, valódi kártyán, ebből áll össze a kért 2–3 minta.
- Javaslatok a weboldalhoz folyamatban
Magyar nyelvű javaslatlista: az öt legfontosabb javaslat és a gyors javítások, mindegyik mögött képernyőkép vagy mérés. A projektért felelős üzletvezetővel is megosztható.
- A weboldal átvilágítása: 22 megállapítás
Asztali és mobil nézetben végigjártam az oldalt és a megrendelési utat a fizetés előtti lépésig. 22 megállapítás született bizonyítékkal, súlyossággal és javítási javaslattal.
- Teljes terméklista és a jelenlegi ikonok
Mind a 41 termék adatai (cím, kategória, leírás, szerző, ár, kitöltési idő) táblázatban, a jelenlegi ikonok pedig egy áttekintő lapon, az „előtte” állapot rögzítésére.
- Kiinduló helyzet áttekintése
Átnéztem a munkamegoldasok.hu oldalt (41 mérés és tudásaudit termékkártyákkal) és a továbbított korábbi kártyatervet, amelynek beágyazott képét is kinyertem. Ebből derült ki, mit kell felülmúlnia az új ikonoknak.