DFT-HungáriaDigitális fejlesztések
← Minden projekt

DFT.hu – új weboldal

A www.dft.hu újratervezése a nulláról, a DFT-vérvonalra építve

folyamatban
Élő weboldal – az új dft.hu (előnézet)

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.

dft-outreach.com/dft/Megnyitás ↗

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.

AJelenlegi FőoldalAz új dft.hu főoldala, ahogy most áll.
dft-outreach.com/dft/Megnyitás ↗
Az A változat megnyitása ↗
BCEO tervA vezérigazgatói terv szerinti második változat.
dft-outreach.com/dft/fooldal-b/Megnyitás ↗
A B változat megnyitása ↗
CA dizájnja, B tartalmaAz A változat megjelenése a CEO terv szövegeivel, adataival és szakaszaival.
dft-outreach.com/dft/fooldal-c/Megnyitás ↗
A C változat megnyitása ↗

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ó.

Asztali nézet1440 px
Mobil nézet390 px

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.

Áttekintés – 00bVérvonal, oldaltérkép, 20 koncepciókártya, szövegkönyv.
Mesterek – 00a12 forrás, egy-egy elv.

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ész
  • Minden 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ó

folyamatban
  • DFT-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

  1. 2. kör: a Pályázatok szekció és a teljes Jogosultságvizsgálat, mobilon is.
  2. Az archiválandó elemek (lezárt felhívások, ProQM-jelentkezés) megerősítése.
  3. A 20 koncepció elkészítése körönként négyesével.
  4. A top 3 bemutatása Dr. Csikesz Tamásnak.
  5. 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.

Húzza ide a fájlokat, vagy illesszen be képernyőképet (⌘V / Ctrl+V). Legfeljebb 8 fájl, egyenként 25 MB.

      Betöltés…

    Idővonal

    2026. október 8.

    1. 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 ↗
    2. 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 ↗
    3. É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.

    1. 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 ↗
    2. 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.

    1. 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 ↗
    2. „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.

    1. Ú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 ↗
    2. 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 ↗
    3. 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 ↗
    4. Ú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 ↗
    5. 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.

    1. 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 ↗
    2. 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 ↗
    3. 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 ↗
    4. 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 ↗
    5. 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.

    1. 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.

    2. 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 ↗
    3. 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 ↗
    4. 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.

    5. 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.

    6. 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.

    1. 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.

    2. 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.

    1. 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 ↗
    2. 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.

    1. 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 ↗
    2. 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 ↗
    3. 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 ↗