DFT.hu – új weboldal
A www.dft.hu újratervezése a nulláról, a DFT-vérvonalra építve
DFT.hu – az új weboldal
A kész tervek valódi, többoldalas weboldalként: Főoldal, Pályázatok a teljes, kattintható Jogosultságvizsgálattal, Fejlesztés (Szolgáltatások, Coaching, Ajánlatkérés), Események (Naptár) és Tudástár (cikkek, keresés, Videótár lejátszóval). Minden szekció a saját gyümölcsszínében. Az előnézet semmit nem küld el.
Főoldal – három változat
Három élő főoldal egymás mellett: az A a jelenlegi új főoldal, a B a vezérigazgatói (CEO) terv szerinti változat, a C az A megjelenése a B tartalmával. Kattintson arra, amelyiket meg szeretné nézni.
Az új főoldal
Az élő főoldal asztali és mobil nézetben. A hősfotó és a médialogók még a DFT-től érkeznek; öt portré a dft.hu-ról való.
Alapozó táblák – 1. kör
Az első tervezési kör két táblája. A 20 koncepció részletes táblái a következő körökben jönnek.
A mostani oldal
Amitől elszakadunk és amit megtartunk: teljes oldalas képernyőképek a mai www.dft.hu-ról.
Brief és mentés
Haladás és munkaterületek
Kész és élő az új weboldal öt szekciója (Főoldal, Pályázatok a Jogosultságvizsgálattal, Fejlesztés, Események, Tudástár) a dft-outreach.com/dft/ címen. Hátravan: a Rólunk, a Kapcsolat és a rendszeroldalak terve (00i, 00j), a DFT nyitott kérdései (nyitott felhívások, visszahívási idő, URL-séma), a HubSpot-bekötés.
A mostani oldal feltérképezése
készMinden oldal szövege és szerkezete, a tartalomkezelő teljes adatai, minden kép és dokumentum eredeti méretben.
A fejléc- és láblécmenük teljes szerkezete, a szekciók oldalszámmal.
- Képernyőképek
A 65 menüpont oldala asztali és mobil nézetben.
- Hibák a mostani oldalon
104 törött belső link (köztük a „Trénerképzés” menüpont) és kb. 60 PDF hibás rövid linkje.
20 UI-koncepció
folyamatbanDFT-zöldek, Apple SF, a felívelő ív, száraz szöveg nélkül, sok ikon és animáció.
Mesterek (12 forrás, egy-egy elv) és Áttekintés (vérvonal, 6 pontos oldaltérkép, migrációs térkép, 20 koncepciókártya, szövegkönyv).
- A 20 koncepció részletes táblái
Főoldal asztali és mobil nézetben, egy belső oldal, ikonkészlet, mozgás és komponensek koncepciónként.
- 3 kattintható prototípus és összehasonlítás
Pontozás, top 3 indoklással.
A kiválasztott terv megépítve: 11 szakasz, mozgás, működő első kérdés, mobil nézet.
Minden szekció saját zöldet kap, minden oldal egy árnyalatnyi eltérést; a gombok és linkek mindenhol DFT zöldek. A színek és kontrasztok számítottak, nem kézzel beírtak.
1a Plakát, 1b Az út, 1c Játék, teljes oldalként asztali gépen és telefonon, és egy tervezői tábla, ahol mindhárom egymás mellett látszik. Döntésre vár: melyik legyen az új Pályázatok oldal.
Következő lépések
- 2. kör: a Pályázatok szekció és a teljes Jogosultságvizsgálat, mobilon is.
- Az archiválandó elemek (lezárt felhívások, ProQM-jelentkezés) megerősítése.
- A 20 koncepció elkészítése körönként négyesével.
- A top 3 bemutatása Dr. Csikesz Tamásnak.
- A választott irányban a teljes oldal megépítése, az 1 397 oldal tartalmának átköltöztetésével.
Döntések, alapbeállítással
- Megszólítás — Magázás (Ön), mint a mostani oldalon, de rövidebb, melegebb szövegekkel.
- Főmenü — Legfeljebb 6 főmenüpont a mostani 7 fő- és 73 almenüpont helyett; minden tartalom megmarad.
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.
- Koncepciók könyve: 54 DFTikum fejezetenként visszajelzésre vár
A Koncepciók könyve (2017) önálló rovatot kapott: 9 fejezet, 54 koncepció, mindegyik külön oldalon, újrarajzolt ábrákkal és DFTikum-pecséttel, amely jelzi, hogy saját szellemi termékről van szó (az átvett modellek pecsét nélkül, forrásmegjelöléssel). Fogalomtár 94 meghatározással. A Tudástárból, a Rólunk oldalról és a láblécből is elérhető, angolul is.
megnyitás ↗ - Tréningkereső és tréningkatalógus visszajelzésre vár
A régi oldal tréningkeresője és a DFTréning katalógus egy új, gyors keresővé állt össze: 153 tréning, ékezet nélküli keresés, szűrők (programcsoport, téma, célcsoport, időtartam, forma). A 116 tréning PDF-lapjából egységes, nyomtatható tréningoldal lett, egy kattintásos ajánlatkéréssel. A katalógus szakmai koncepciója a kereső alatt olvasható. Angolul is elérhető.
megnyitás ↗ - Éva kérései: fejléc, nyitókép, térközök, logó, Kapcsolat, a hat szándék köre
A B főoldalon a fejléc lekerekítése a többi dobozéhoz igazodik, a nyitókép alacsonyabb (laptopon látszik alatta a szolgáltatásdobozok teteje), a szekciók közelebb kerültek, a logó nagyobb, a „Kinek segítünk?” felirat lekerült. A Kapcsolat oldal nagy szavai szolidabbak. A régi oldal hat ikonos köre új, jobb változatban készült el: papírkivágás-ikonok, a régi oldal hat „Szándékunk…” mondata szó szerint, automatikus léptetés, telefonon húzással.
megnyitás ↗
2026. október 7.
- Betűtípus-kapcsoló: Alap vagy Poppins, minden oldalon
A vezérigazgató kérésére minden oldal bal alsó sarkában megjelent egy kapcsoló: „Alap” (az oldalak saját betűi, ez az alapállapot) vagy „Poppins” (a DFT-logó betűtípusa). A választás egyszerre érvényes az összes oldalra: a projektközpontra, az új dft.hu mindhárom főoldalára, a Munkamegoldásokra, a Hibaok nyitóoldalára, a Sztenderdizálásra és a Chief Conceptre, az élő előnézetekkel együtt.
megnyitás ↗ - Főoldal C változat: az A megjelenése a B tartalmával visszajelzésre vár
Elkészült a főoldal harmadik változata: pontosan az A változat dizájnja (fejléc, lábléc, betűk, kártyák, a pixelikonos szolgáltatáslista, mozgás), de a CEO terv (B) szövegeivel, adataival és szakaszaival, a B sorrendjében. A három főoldal a projektoldalon egymás mellett kipróbálható, és a bemutató-kapcsoló A | B | C lett.
megnyitás ↗
2026. október 6.
- Díszítő címkék („kapszulák”) nélkül
Lekerültek a címek fölötti díszítő címkék (pl. „Kiemelt cikk”, a képeken a kategória-címkék). A tartalmat hordozó címkék (típus, állapot, díjmentes, helyszín) megmaradtak, de egyszerű, kis szövegként, kapszula nélkül.
megnyitás ↗ - „Jót és jobban” mindenhol a logó betűtípusával; köztes címek nélkül a főoldal
Éva kérése alapján a „Jót és jobban” felirat mindenhol úgy jelenik meg, ahogyan a logóban: Poppins ExtraLight betűvel, csupa nagybetűvel (a főoldali sliderben, a láblécben és a Rólunk oldalon). A főoldalról lekerültek a köztes címek: Szolgáltatásaink, Szakmai tartalom, Ajánlataink.
megnyitás ↗
2026. október 5.
- Új Kapcsolat oldal: „nagy szavak” visszajelzésre vár
Elkészült a Kapcsolat oldal: hét nagy témaszó (Pályázat, Képzés, Esemény, Tanácsadás, Számlázás, Panasz, Egyéb) és három helyszó (Iroda, Helyszín, Cégadatok). Rámutatva vagy kattintva kinyílnak a téma telefonszámával, e-mail-címével és teendőivel; a szón belül megnyitható az üzenetküldő űrlap, a térkép csak hozzájárulás után tölt be, és van köszönőoldal is. A nyitvatartást, a válaszidőt és a megközelítést még a DFT-től várjuk.
megnyitás ↗ - Főoldal B változat: a CEO terv visszajelzésre vár
Elkészült a főoldal második változata a vezérigazgatói terv alapján (dft-outreach.com/dft/fooldal-b/): Kinek segítünk-sáv, hős-körhinta, Szolgáltatásaink, Szakmai tartalom hírlevél-feliratkozással, Ajánlataink, referenciák, Eseménynaptár és videó. A jelenlegi főoldal változatlan maradt. A projektoldalon a két változat egymás mellett, élő előnézetként látható, és egy kattintással megnyitható.
megnyitás ↗megnyitás ↗ - Főoldal: élő panelmozgás és „Kinek segítünk?” lapozás
A „Tíz út” panelek képei most beúsznak, lassan lebegnek, és kifelé menet visszahúzódnak (mindig teljes fedettséggel); a Coaching és a Kiadványok panel új adatot kapott („Módszer · Megoldás-fókusz”, „Kiadványaink · Könyv és kártya” – DFT-jóváhagyásra vár). A „Kinek segítünk?” kártyái egyszer, lapozva nyílnak ki, a köztük lévő összekötők tiszta, kétszínű felezést kaptak.
megnyitás ↗ - Új, zöld képek a „Tíz út” szolgáltatáspaneleken
A főoldal „Tíz út a jobb működéshez.” szakaszában a tíz szolgáltatás képe egyszerűbb, zöld rajzokra cserélődött, a régi matricák és adatkártyák helyett a panel bal alsó sarkában a fő adat áll (pl. „Projektméret · 1,5 milliárd Ft”). Sima Apple-szerű sarkok, egyetlen közös, nyugodt érkezési mozgás.
megnyitás ↗ - Színválasztó: zöld vagy gyümölcs
Az új dft.hu belső oldalai (Pályázatok, Fejlesztés, Események, Tudástár, Rólunk, Kapcsolat) alapból egységes DFT-zöld árnyalatokban jelennek meg; a fejlécben egy „Színek: zöld / gyümölcs” kapcsolóval visszaállítható a korábbi, oldalanként eltérő gyümölcs-paletta. A főoldal megtartja a saját színeit, ott nincs kapcsoló. Mobilon a kapcsoló a menü alján található; a választást a böngésző megjegyzi.
megnyitás ↗
2026. október 4.
- Rólunk: új ajánláskártyák és névkártyák visszajelzésre vár
Az öt aláírt ajánlás sötét kártyákon, színmezővel és évszám-füllel jelenik meg; a csapat-buborékok névkártyája sötét lett, mindenkinél más szín- és formapárral.
megnyitás ↗ - Rólunk: az új Iránytű („Négy szelet”)
A Fejlesztési koncepció ábrája négy gyűrűszelet a Vezetés körül: rámutatásra, koppintásra vagy a címkékre kattintva kiemelkedik a terület, és leírás jelenik meg. A szeletek Apple-stílusú, folyamatos lekerekítést kaptak.
megnyitás ↗ - Rólunk: referencia-logók
A referenciák keresőjében a nevek mellett megjelennek a logók (493 a 617-ből), felette 24 logós fal.
megnyitás ↗ - Az új Rólunk oldal visszajelzésre vár
Csapat-buborékok a 35 munkatárssal, számok, Miért a DFT?, Azonosság, Fejlesztési koncepció, hat cél, 38 DFTikum, Szirtesi-Nagy Réka profilja, a 617 referencia kereshető listája és a partnerűrlap. A DFT döntésére váró pontok az oldalon jelölve.
megnyitás ↗ - A 617 referencia logóinak összegyűjtése visszajelzésre vár
A referencialista 617 nevéből 493-hoz találtam logót: a dft.hu partneroldalairól, a szervezetek saját oldaláról és önkormányzati címereknél a Wikimedia Commonsból. 124 név (főleg egyéni vállalkozók és megszűnt cégek) logó nélkül maradt; a logók megjelenítéséhez a DFT jóváhagyása kell.
2026. október 3.
- A 35 munkatárs portréja kivágva
A dft.hu munkatársi fotóiról eltávolítottam a hátteret (eredeti színek, egységes keret), a Rólunk oldal csapat-buborékaihoz.
- Videótár: borítóképek és YouTube-szerű böngészés
Minden felvétel a dft.hu-n használt borítóképével jelenik meg, a DFTV-klipek is. A lista témánként vízszintesen görgethető polcokba rendeződött, felül keresővel és szűrőchipekkel.
megnyitás ↗ - Főoldal: „Tíz út a jobb működéshez” egymásra csúszó kártyákkal
A szolgáltatások egymásra csúszó, görgetésre mozgó kártyákon jelennek meg, mindegyiken a megtervezett illusztrált panellel és belépő mozgással. Egységes, Apple-stílusú lekerekítés, árnyék és ikonok nélkül.
megnyitás ↗ - Vegyes sarkú gombok és címkék az egész oldalon
A gombok, címkék és szűrőchipek az egész oldalon változatos sarokformát kaptak, a 01–10 számlálóhoz hasonlóan, így az oldal egységesebb és játékosabb.
- Tervezési promptok: a tíz szolgáltatáskártya képei és animációja
Claude Design promptok készültek a Főoldal „Tíz út a jobb működéshez” kártyáinak illusztrált paneljeihez és a görgetésre belépő mozgásukhoz.
- Az új dft.hu többoldalas változata a /dft/ címen visszajelzésre vár
A tervcsomagból felépült az új oldal: Főoldal, Pályázatok és Jogosultságvizsgálat, Fejlesztés, Események, Tudástár. Egységes betűcsalád az egész oldalon. Az első főoldal-változat a /dft-elso/ címre került.
megnyitás ↗
2026. október 2.
- Gyümölcspaletta: saját színvilág minden menüoldalnak
Hogy ne legyen minden zöld, minden menüoldal kapott egy gyümölcsről elnevezett színvilágot (pl. maracuja, kajszibarack), részletes, kontrasztra ellenőrzött színtáblákkal.
- Rólunk és Kapcsolat: adatlapok és tervezési promptok
Összegyűjtöttem a Rólunk és a Kapcsolat/rendszeroldalak tartalmát (Iránytű, 617 referencia, kapcsolati adatok), és elkészültek hozzájuk a Claude Design promptok.
2026. szeptember 30.
- Alapok: egy ház, sok zöld szoba
Elkészült az aloldalak alaptáblája: a főoldal 5 erőssége és 5 javítandó pontja, a közös szabályok, a 8 szekció saját zöld skálája minden lépés számolt kontrasztjával, 32 oldal árnyalata, az 1 397 oldal térképe és 22 oldalkártya. A gombok és linkek minden szobában DFT zöldek maradnak.
megnyitás ↗ - Az új dft.hu főoldal élőben visszajelzésre vár
Megépítettem a kiválasztott főoldaltervet: kivágott hősfotó-forma, összekötött célcsoport-kártyák, tíz szolgáltatás, működő jogosultságvizsgálati első kérdés, ProQM és események, elismerés, tudástár, csapat valódi portrékkal, kapcsolat. Asztali, tablet és mobil nézetben, csökkentett mozgásra is felkészítve.
megnyitás ↗
2026. szeptember 29.
- Az első kör alapozó táblái folyamatban
Elkészült a Mesterek tábla (12 forrás, egy-egy elv) és az Áttekintés: a közös vérvonal, a 6 pontos főmenü a mostani 7 + 73 menüpont helyett, a migrációs térkép, a 20 koncepció kártyája és az új szövegkönyv.
megnyitás ↗ - Tervezési brief: 20 UI-koncepció
Brief húsz eltérő weboldal-koncepcióhoz a DFT-vérvonalon: zöld árnyalatok, Apple SF betűcsalád, a felívelő ív mint egyetlen motívum, rövid szövegek, sok egyedi ikon és animáció.
megnyitás ↗ - A mostani dft.hu teljes mentése
Elmentettem a www.dft.hu mind az 1 397 oldalát, a tartalomkezelő teljes adatait, 2 593 médiaelemet és 420 dokumentumot (4,4 GB), valamint a 65 menüpont oldalát képernyőképen. Közben 104 törött belső link is előkerült.
megnyitás ↗



