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

Sztenderdizálás

A DFT-Hungária szolgáltatásának weboldala, a DFT arculatán belül

kész
Élő weboldal – a választott koncepció (v2)

Sztenderdizálás – 1 · Pont. v2

A vezetés választása: a Pont. koncepció második változata, új színekkel, textúrákkal és görgetésre mozgó szakaszokkal.

dft-outreach.com/sztenderdizalas/K1-Pont-v2.dc.htmlMegnyitás ↗

Márkafilm – 20 mp-es animáció

Három filmkoncepció (A · Lépcső, B · Paradoxon, C · Pozitív eltérés), vázlatok hang nélkül. A lejátszósávon szüneteltethetők, képkockánként léptethetők és lassíthatók; mindhárom letölthető MP4-ben.

A

Lépcső

Nyugodt · grafikai · 20 mp

A lépcsőfokok a sztenderdek, a kék pont a pozitív eltérés, amely mindig a következő fokra érkezik.

Videó letöltése (MP4) ↓1920 × 1080 · 20 mp · hang nélkül · 1,3 MB

Megnyitás teljes méretben ↗

B

Paradoxon

Tipográfiai · 20 mp

„A jobbítás állandósítása” és párjai: a négy olvasat egymásra épül, majd sorra jönnek a fejlettségi szintek.

Videó letöltése (MP4) ↓1920 × 1080 · 20 mp · hang nélkül · 1,1 MB

Megnyitás teljes méretben ↗

C

Pozitív eltérés

Nyugodt · grafikai · 20 mp

Az eltérés nem hiba: a vonal fölé ugró pont a teljesítményszintek meghaladását mutatja, a négy fázison át.

Videó letöltése (MP4) ↓1920 × 1080 · 20 mp · hang nélkül · 2,6 MB

Megnyitás teljes méretben ↗

Új jel – Keret

A Sztenderdizálás új jele: a keret a szabály, a hasáb a keret padlójából nő ki és túllép a tetején. Két tervezési kör után a 08 Keret lett a választott jel; az élő oldal fejlécében, láblécében és faviconjában már ez szerepel.

08KeretVálasztott jel
SztenderdizálásA jobbítás állandósítása.
SztenderdizálásA jobbítás állandósítása.
09Chiazmusalternatíva
SztenderdizálásA jobbítás állandósítása.
SztenderdizálásA jobbítás állandósítása.
10Hajtásalternatíva
SztenderdizálásA jobbítás állandósítása.
SztenderdizálásA jobbítás állandósítása.
Az új jel bemutatója – 08 Keret, mellette 09 Chiazmus és 10 Hajtás ↗

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

Weboldal-koncepciók

Öt eltérő weboldal ugyanazzal a tartalommal.

1 · Pont. v2 (végleges)A választott koncepció, kidolgozva: színek, textúrák, görgetésre mozgó szakaszok.
1 · Pont. (1. változat)Kijelentő címek kék ponttal az alapvonalon.
2 · RacsniCsak előre lépő mérőskála-navigáció.
3 · MunkalapSzabványos munkalap, számozott pontok.
4 · LapszámMagazinszerű oldalpárok, nagy számok.
5 · Új alapvonalAz eltérésből új sztenderd lesz.
Mind az 5 koncepció – összehasonlítás és értékelés ↗

Választási lehetőségek

A Pont. v2 egyes szakaszaihoz készült változatok; a választottak már a végleges oldalon vannak.

Hogyan működünk együtt? (4e választva)5 ötlet a szolgáltatási formákra – a választott: 4e Mozgó betűk.
Megbízások – 5 új ötlet (5d választva)Ellenőrzőlista, vonaltérkép, reflektor, számláló, írógép – a választott: 5d Számláló.
Megbízások – görgetési módok5 be- és kilépő mozgás, plusz a mérőszalag 5 tokkal.
Cetlik – görgetési módok5 görgetési mód a szolgáltatási formák cetlijeire.
Idézetek – 10 változat (1a · 1c · 1g)Az idézetblokk tíz stílusa – a választottak: 1a, 1c, 1g.
Logó-lockupA DFT-logó és a „Sztenderdizálás” felirat, világos és sötét módban.

„Alapvonal” ikonrendszer

Minden ikon a saját sztenderdjén áll.

Állandósítás
Jobbítás
Stabilitás
Fejlesztés
Paradoxon
Pozitív eltérés
Üzleti szektor
Közszektor
Átvilágítás
Tanácsadás
Megvalósítás
Audit
Fejlesztési térkép
1. szint
2. szint
3. szint
4. szint
5. szint
A teljes ikonrendszer – szabályok, tesztek ↗

Nyitóanimáció

A „pozitív eltérés” pattogó pontja.

Pattogó pont – 3 felvételA labda útja

A · Pattogás az alapvonalonMinden pattanás magasabb és gyorsabb.
B · A betűk tetejénA labda a betűk tetején ugrál végig.
C · Egyetlen lassított ívEgy hosszú, lassított ív a helyére.

Betűbeúszások – 6 változatA betűk belépése

FelemelkedésA betűk az alapvonal alól emelkednek fel.
RugóA betűk az alapvonalból nőnek ki.
HullámLökéshullám a becsapódás pontjától.
Résbe csúszásMinden betű oldalról a saját résébe csúszik.
KitöltésA betűk alulról töltődnek ki, mint egy mérőedény.
SzökkenésA betűk a helyük fölé lendülnek, majd leülnek.

Eltérés-jelölők – 8 változatHol ér véget a pont

K1 · Méretvonal
K2 · Új alapvonal
K3 · Lenyomat
K4 · Ütemjelek
K5 · Kitevő
K6 · Szóméretű grafikon
K7 · Mérőkereszt
K8 · Emelt pontválasztott
A teljes animációs anyag – felvételek, időzítések ↗

Anyagok

Haladás és munkaterületek

Kész: a választott Pont. v2 oldal és minden szakaszváltozata élesben megnézhető. Hátravan: a 13 új szolgáltatásleírás jóváhagyása, a csapat fotói, a kapcsolattartási adatok és az űrlap bekötése, majd az élesítés.

Weboldal-koncepciók (5)

kész
  • Ajánlott irány: kijelentő címek kék ponttal az alapvonalon.

  • Bal oldali mérőskála-navigáció, amely csak előre lép.

  • Szabványos munkalap számozott pontokkal és fejléctáblával.

  • Magazinszerű, nagy számokkal tagolt oldalpárok.

  • Teljes képernyős fejezetek: az eltérésből új sztenderd lesz.

  • A választott koncepció véglegesítése

    Csapatfotók, telefonszám, az űrlap bekötése.

Ikonrendszer és mozgás

kész

Nyitóanimáció

kész

Új jel (logó)

kész

Következő lépések

  1. A Pont. v2 13 új szolgáltatásleírásának jóváhagyása (DFT).
  2. A sztenderdizátorok fotóinak és a telefonszámnak a beépítése, amint megérkeznek.
  3. A Pont. v2 végleges, statikus oldalának elkészítése a Hibaok nyitóoldal mintájára, majd élesítés.

Döntések, alapbeállítással

  • Koncepció — 1 · Pont. v2 – a vezetés választása.
  • Nyitóanimáció — „Résbe csúszás” a betűkkel és „Emelt pont” jelölővel; a többi változat összehasonlításra elérhető marad.
  • Fotók és telefonszám — Addig helyőrzők maradnak („fotó: név”, „+36 …”), kitalált adat nem kerül az oldalra.
  • Ikonkészlet — Az „Alapvonal” készlet kerül minden koncepcióba; az első kör öt ikonkészlete archívumként megmarad.
  • Szakaszváltozatok — Hogyan működünk együtt?: 4e Mozgó betűk · Megbízások: 5d Számláló · Idézetek: 1a, 1c, 1g. A többi változat összehasonlításra elérhető marad.

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

    1. Az idézetek egységes megjelenése

      A Sztenderdizálás oldal mindhárom további idézete („A sztenderdizálás a megvalósítható paradoxon…”, a két „Szándékunk…” idézet) a „Pozitív eltérés” blokk formáját kapta: sötétzöld panel, világos idézetkártya a nagy idézőjellel a kártya bevágásában, DFT-Hungária aláírás és logó, Chiazmus-csempe. Mindegyik kapott egy kis saját csavart: a paradoxon tükrözött elrendezésű, címmel és kiemeléssel; az első szándéknyilatkozatnál fent van az idézőjel és az aláírás, pöttyrácsos háttérrel; a fejlesztési térképnél jobbra lent az idézőjel, négyzetrácsos háttérrel. Asztali és mobil nézetben is ellenőriztem.

      megnyitás ↗
    2. Pont. v2: Kevin 12 javítási megjegyzése

      Átvezettem a Sztenderdizálás oldalon Kevin 12 megjegyzését. A „Totális vezető” és „Totális folyamatgazda” címke most egyformán erős. Az idézetkártya és a koncepció/pozitív eltérés aláírásából kivettem a felesleges alcímeket, így csak „DFT-Hungária” maradt. A 04-es blokk címkéje „Ügyfelek” lett, a kérdés „Mik az ügyfelek céljai?”, a hat cél kártyája pedig egyenként fordul be. Az 05-ös cím: „Milyen sztenderdizálási folyamatokban állunk rendelkezésére?”, telefonon és asztalon is kiegyensúlyozottan tördelve. A „Hogyan működünk együtt?” sötét blokk saját, lekerekített, elkülönülő szakasz lett. A „Mivel bízzon meg minket első lépésben?” kérdés kétsoros, erősebb címet kapott, a hat jegy játékosan érkezik, és rámutatásra, fókuszra vagy kattintásra mozdul. A fejlesztési térkép fázisfülei billentyűzettel is kezelhetők, a panel finoman vált, és a szövegek rámutatás nélkül is látszanak. A gyorsaudit-űrlap feljebb, a „Ki a sztenderdizátor?” elé került.

      megnyitás ↗
    3. A weboldal logója: 09 Chiazmus

      A Sztenderdizálás oldal fejlécében, láblécében, faviconján és a „Pozitív eltérés” csempén a 09 Chiazmus jel szerepel a Keret helyett, világos és sötét változatban.

      megnyitás ↗
    4. Új jel: Keret

      Beépítettem a Sztenderdizálás új jelét, a 08 Keretet: a keret a szabály, a hasáb a keret padlójából nő ki és túllép a tetején. Elkészült a bemutatóoldal (v1 → v2, szerkesztőrács, be / idle / ki mozgás, kis méretek, mellette a 09 Chiazmus és a 10 Hajtás mint vizsgált változatok), és a Pont. v2 oldalon a régi jel helyére került: fejléc és lábléc DFT-Hungária | Sztenderdizálás lockuppal, új favicon, a fejlécben munkamenetenként egyszer lejátszott beúszás, a „Pozitív eltérés” blokkban pedig görgetésre induló mozgás.

      megnyitás ↗megnyitás ↗
    5. Új logó: brief 10 koncepcióhoz folyamatban

      Elkészült a Claude Design brief a Sztenderdizálás új logójához: tíz különböző koncepció a márka fő gondolataira (a jobbítás állandósítása, a pozitív eltérés, az öt fejlettségi szint), a DFT-Hungária családjába illesztve, kis méretben is olvashatóan. Két körben, ajánlással és átadási csomaggal.

    2026. október 4.

    1. Nyitóanimáció minden megnyitáskor, nagyobb lépcsőfeliratok

      Az oldal címe minden betöltéskor beanimál (a pont a vonalra pattan, a betűk a helyükre csúsznak, megjelenik a „pozitív eltérés”). A fejlettségi szintek feliratai felfelé haladva egyre nagyobbak, függőlegesen középre igazítva.

      megnyitás ↗
    2. A Sztenderdizátorok valódi fotói

      Hét munkatárs a dft.hu-n található fotójával jelenik meg (kivágva, a mintás formában); akiről nincs fotó a dft.hu-n, annál a monogram maradt.

      megnyitás ↗
    3. Módosítások a jegyzetek alapján

      Új mondat a fejlesztési koncepciónál, kérdés és szándékmondat a fejlesztési térképnél, kérdés formájú cím és sorszámok nélküli fejlettségi szintek, teljes Pozitív eltérés idézet, külön szakasz a „Job on the training” workshopoknak, a Sztenderdizálás logó egyben a DFT-vel, és gyorsaudit e-mail-kérés.

      megnyitás ↗

    2026. október 1.

    1. A választott koncepció: 1 · Pont. v2 visszajelzésre vár

      Feltöltöttem a vezetés által választott Pont. koncepció második változatát és minden szakaszváltozatát: 5 ötlet a szolgáltatási formákra (választva: Mozgó betűk), 5+5 megbízás-animáció (választva: Számláló), 5 cetli-görgetés, 10 idézetstílus (választva: 1a, 1c, 1g) és a logó-lockup. A korábbi öt koncepció is frissült, és mind elérhető marad.

      megnyitás ↗megnyitás ↗

    2026. szeptember 28.

    1. Öt oldalkoncepció, ikonrendszer és nyitóanimáció folyamatban

      A briefek alapján elkészült az öt oldalkoncepció (1 · Pont., 2 · Racsni, 3 · Munkalap, 4 · Lapszám, 5 · Új alapvonal), az „Alapvonal” ikonrendszer 13 szolgáltatási ikonnal és 5 fejlettségi szinttel, valamint a nyitóanimáció („Résbe csúszás”, „Emelt pont”) összehasonlítható változatokkal. Ajánlott irány: 1 · Pont. A közzététel a dft-outreach.com oldalon előkészítés alatt.

    2026. szeptember 27.

    1. Nyitóanimáció: egyre magasabbra pattanó jelölő

      Új brief: a kék jelölő labdaként pattog végig a címen, és minden pattanása magasabb az előzőnél, a sztenderd meghaladásának képeként. Két alternatív változatot és lassított nézetet is kér az összevetéshez.

    2. Nyitóanimáció első ötlete: ékezetek elhelyezése

      Brief a cím betöltésére: a kék „pozitív eltérés” jelölő végigugrál a címen, és a helyére teszi az ékezeteket. Ezt később egy új irány váltotta fel.

    3. Tervezési csomag a Claude Designhoz

      Egy mappában minden, ami a tervezéshez kell: vektoros DFT logó, a Felívelő Vonal arculati leírása és színváltozói, a Hibaok nyitóoldal kódja és képernyőképei, valamint a tartalom.

    4. Brief átdolgozva a DFT arculatán belül

      Mind az öt koncepció a DFT alá került: a DFT logó a fő márka „dft | Sztenderdizálás” jelöléssel, a jóváhagyott Felívelő Vonal színekkel és a DFT logóval bal lent. A koncepciók elrendezésben és mozgásban térnek el.

    5. Brief öt weboldal-koncepcióhoz

      A kapott táblázat teljes tartalmára épülő brief öt koncepcióhoz (Pozitív eltérés, Etalon, Paradoxon, Szabványlap, Kristályrács), a Chief Concept megoldásaitól eltérő elrendezéssel és navigációval.