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

AI-HI Működésfejlesztés

Egyoldalas weboldal az AI- és a HI-fejlesztés közös átalakításáról

visszajelzésre vár
Élő weboldal

AI-HI Működésfejlesztés

Egyoldalas weboldal az „AI Működésfejlesztés” táblázat szövegével: mozgó idegháló-agy a nyitóképen, a vonat-hasonlat, a HI gondolata, a két átalakulási koncepció, szolgáltatások, csapat és díjtalan nyitókonzultáció.

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

Logó – 10 koncepció

Tíz logóirány a Claude Designnal, a weboldal mostani zöldjeiben: mindegyik sötétzöld és fehér alapon, valamint alkalmazásikonként és egyszínű változatban. A választott jel a 04 Szinapszis: ez van már az élő oldal fejlécében és böngészőfülén.

04SzinapszisVálasztott logó

Két sejt egymás felé nyúlik, mélyzöldből élénkzöldbe: az AI és a HI kapcsolata.

Szinapszis – sötétzöld alaponSzinapszis – fehér alapon
Szinapszis – ikon, sötétzöldSzinapszis – ikon, fehérSzinapszis – egyszínű ikon, fehérSzinapszis – egyszínű ikon, sötét
01Két betű, két intelligencia

Az AI és a HI betűi, köztük a nyitókép színátmenete; ikonként AH monogram.

Két betű, két intelligencia – sötétzöld alaponKét betű, két intelligencia – fehér alapon
Két betű, két intelligencia – ikon, sötétzöldKét betű, két intelligencia – ikon, fehérKét betű, két intelligencia – egyszínű ikon, fehérKét betű, két intelligencia – egyszínű ikon, sötét
02Háromszög

A korábbi háromszögjel zöld színátmenettel, mellette az AI-HI felirat.

Háromszög – sötétzöld alaponHáromszög – fehér alapon
Háromszög – ikon, sötétzöldHáromszög – ikon, fehérHáromszög – egyszínű ikon, fehérHáromszög – egyszínű ikon, sötét
03Kapcsos zárójel

A HI kapcsos zárójelben, élénkzöld kiemeléssel – ahogy a weboldal HI-mondatában.

Kapcsos zárójel – sötétzöld alaponKapcsos zárójel – fehér alapon
Kapcsos zárójel – ikon, sötétzöldKapcsos zárójel – ikon, fehérKapcsos zárójel – egyszínű ikon, fehérKapcsos zárójel – egyszínű ikon, sötét
05A pont

Egy élénkzöld pont köti össze a két szót; ikonként a H két szára a ponttal.

A pont – sötétzöld alaponA pont – fehér alapon
A pont – ikon, sötétzöldA pont – ikon, fehérA pont – egyszínű ikon, fehérA pont – egyszínű ikon, sötét
06Zárókő-monogram

Az A íve, tetején zárókővel, közepén a kör.

Zárókő-monogram – sötétzöld alaponZárókő-monogram – fehér alapon
Zárókő-monogram – ikon, sötétzöldZárókő-monogram – ikon, fehérZárókő-monogram – egyszínű ikon, fehérZárókő-monogram – egyszínű ikon, sötét
07Csak tipográfia

Jel nélkül: kis AI a nagy HI fölött – a hangsúly az emberen.

Csak tipográfia – sötétzöld alaponCsak tipográfia – fehér alapon
Csak tipográfia – ikon, sötétzöldCsak tipográfia – ikon, fehérCsak tipográfia – egyszínű ikon, fehérCsak tipográfia – egyszínű ikon, sötét
08Kettős ékezet

Az Ű kettős ékezete két zöldben: két intelligencia egy betűn.

Kettős ékezet – sötétzöld alaponKettős ékezet – fehér alapon
Kettős ékezet – ikon, sötétzöldKettős ékezet – ikon, fehérKettős ékezet – egyszínű ikon, fehérKettős ékezet – egyszínű ikon, sötét
09Térkép

Kis háromszögekből rakott térkép a csoportszínekkel.

Térkép – sötétzöld alaponTérkép – fehér alapon
Térkép – ikon, sötétzöldTérkép – ikon, fehérTérkép – egyszínű ikon, fehérTérkép – egyszínű ikon, sötét
10Elmozdulás

Kettévágott kör, a két fél elcsúszik egymáshoz képest: a változás pillanata.

Elmozdulás – sötétzöld alaponElmozdulás – fehér alapon
Elmozdulás – ikon, sötétzöldElmozdulás – ikon, fehérElmozdulás – egyszínű ikon, fehérElmozdulás – egyszínű ikon, sötét

A weboldal asztali gépen és telefonon

Ugyanaz az oldal két méretben; a telefonos nézetben a menü a „Díjtalan konzultáció” gombra egyszerűsödik.

Asztali nézet1440 px
Mobil nézet390 px

Az AI-HI agy – így épül fel

Az AI-HI weboldal nyitóképén forgó idegháló-agy nem videó és nem kép: a böngésző rajzolja ki, képkockáról képkockára, több tízezer pontból. Lépésről lépésre végigmehetsz a rétegein – kattints egy lépésre, vagy indítsd el a felépítést.

Réteg

    A tíz terület

    Számokban

    Hogyan készült?

    Valós agyforma

    Az oldalnézeti körvonal egy valódi agy profiljából készült: homloklebeny, halántéklebeny, nyakszirti csúcs, alatta a kisagy és az agytörzs. Keresztben lapított, a homlokrész felé keskenyedő forma, a két féltekét hosszanti hasadék választja el.

    Természetesen ágazó neuronok

    Minden ág a sejttesttől kifelé vékonyodik, az elágazásoknál a gyermekágak vékonyabbak a szülőnél (Rall 3/2-szabálya alapján). A végek hajszálvékonyak, az utak simítottak, éles sarok nélkül.

    Duzzanatok és tüskék

    A finomabb ágakon fokozatosan kiöblösödő duzzanatok (varikozitások) és apró tüskék ülnek. A sejttestből az ágak kiszélesedve nőnek ki, egyetlen kitöltött formaként.

    Piramissejtek

    A neuronok többsége piramissejt: háromszögletű sejttest, felfelé futó, a végén bokrosodó csúcsi dendrit, oldalra és lefelé ágazó bazális dendritek, és egy hosszú axon egy szomszéd neuronhoz.

    Tíz funkcionális terület

    A színes neuronok a valódi agyterületek szerint oszlanak el, mindegyik a saját színében. A rendszer időnként egy egész területet „felkapcsol”: neuronjai együtt, kicsit elcsúsztatva tüzelnek.

    Fény az ágakon

    Egy tüzelés a sejttestből indul, végigfut az ágakon, és a hosszú axonon átugorhat a szomszéd neuronra. A fénycsík követi az ág vastagságát, a duzzanatoknál rövid ideig felizzik. Az oldalon bármelyik színes pályára kattintva is elindítható.

    3D a böngészőben

    Minden pont térbeli: képkockánként egyszer vetítődik, a távolabbi részek halványabbak. Az agy lassan forog, és enyhén követi az egeret; a körvonal ott a legfényesebb, ahol a felület éppen a néző felé fordul el.

    Gyors, könyvtár nélkül

    Sima Canvas 2D, külső könyvtár nélkül. A vonalakat vastagság szerint csoportosítva, csoportonként egyetlen rajzolással rajzolja ki, így telefonon is folyamatos marad.

    Kutatási koncepció: Megszeretni az ismeretlent

    Kutatási koncepció egy mobiljátékról, amely napi tízperces kihívásokkal segíthet oldani a felnőttek félelmét a tanulástól és a változástól. A tanulmány bemutatja a játék elméleti hátterét és öt szakaszát, valamint egy tervezett tizenkét hetes, 40 fős megvalósíthatósági próbavizsgálatot, 45 ellenőrzött szakirodalmi hivatkozással.

    A teljes tanulmány letöltése (PDF, 13 oldal) ↗

    Haladás és munkaterületek

    Kész és élő a teljes egyoldalas weboldal asztali gépre és telefonra, link-előnézettel. Hátravan: a szövegek jóváhagyása (a táblázat néhány valószínű elírása szó szerint maradt), a végleges domain és a kapcsolatfelvétel módjának megerősítése.

    Weboldal

    kész
    • Nyitókép, vonat-hasonlat, HI-gondolat, a két átalakulási koncepció, szolgáltatások, csapat, kapcsolat – a táblázat szövegével, szó szerint.

    • Linkként küldve (iMessage, Messenger, e-mail) a nyitókép jelenik meg: AI-HI felirat, Működésfejlesztés, mellette az idegháló-agy.

    • Csapatfotók

      A hat tanácsadó és fejlesztő portréja egységes kivágásban.

    • Tíz logókoncepcióból a 04 Szinapszis lett a választott: két sejt egymás felé nyúlik, a weboldal zöldjeiben. A fejlécben és a böngészőfülön már ez látható.

    • Tanulmány a Kezdő módról, egy mobiljátékról, amely segít a felnőtteknek biztonságban kipróbálni új dolgokat. 13 oldal, 45 ellenőrzött hivatkozással.

    • Szövegek jóváhagyása

      A táblázat valószínű elírásai (pl. „cetrumba”, „infrastuktúrát”) egyelőre szó szerint szerepelnek; javítás jóváhagyás után.

    • Végleges domain

      Az oldal most a dft-outreach.com/ai-hi/ címen érhető el.

    Következő lépések

    1. A szövegek és a valószínű elírások javításának jóváhagyása.
    2. A végleges domain kiválasztása és az oldal átköltöztetése.
    3. A kapcsolatfelvétel (e-mail, telefon, nyitókonzultáció) megerősítése.

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

    • Szöveg — A táblázat szövege szó szerint, a valószínű elírások külön listában, javításra várva.
    • Betűtípus — Az oldal saját betűi (BT Brik, BT Super Seventy, Inter Tight); a dft-outreach.com Poppins-kapcsolója ezen az oldalon nem jelenik meg.

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

      1. Kutatási koncepció: Megszeretni az ismeretlent

        Kutatási koncepció egy mobiljátékról, amely napi tízperces kihívásokkal segíthet oldani a felnőttek félelmét a tanulástól és a változástól. A tanulmány bemutatja a játék elméleti hátterét és öt szakaszát, valamint egy tervezett tizenkét hetes, 40 fős megvalósíthatósági próbavizsgálatot, 45 ellenőrzött szakirodalmi hivatkozással.

        megnyitás ↗megnyitás ↗
      2. Az agy – így épül fel visszajelzésre vár

        A nyitókép agya rétegenként, saját oldalon: nyolc lépés a körvonaltól a fényig, a tíz terület színekkel és kiemeléssel, élő számok a hálózatból és rövid jegyzetek a készítéséről. A projektoldalon beágyazva is kipróbálható.

        megnyitás ↗megnyitás ↗
      3. A 10 logókoncepció a projektoldalon

        Mind a tíz irány sötét és krém alapon, alkalmazásikonként és egyszínű változatban; a választott Szinapszis kiemelve. A 80 SVG egyben is letölthető.

        megnyitás ↗
      4. Új logó: Szinapszis visszajelzésre vár

        Tíz logókoncepcióból a 04 Szinapszis lett a választott: két sejt, lila és borostyán, egymás felé nyúlik. Élesben a fejlécben (jel és AI-HI felirat) és a böngészőfül ikonjaként.

        megnyitás ↗
      5. Vonat-panel középen telefonon visszajelzésre vár

        Telefonon a vonat-panel kitölti a képernyőt, a tartalma középen áll, nem marad üresen a képernyő alja; asztali gépen változatlan. Élesben 02:47-től, mind a hat utas végiglép telefonon és asztali gépen is.

        megnyitás ↗
      6. A három új szakasz élesben visszajelzésre vár

        Asztali gépen és iPhone-on tesztelve: a panelek rögzülnek és végiglépnek, hibaüzenet és oldalirányú görgetés nélkül.

        megnyitás ↗
      7. Új játék-szakasz

        XP-sáv és rögzített játékképernyő: LVL 1–5, majd MAX és a záró idézet.

        megnyitás ↗
      8. Új „Mi segít?”

        Görgetésre, soronként: a félelem áthúzódik, mellé besiklik a megoldás.

        megnyitás ↗
      9. Új vonat-szakasz

        Egyszerre egy utas, nagy betűvel, rögzített panelben, hat lépéses haladásjelzővel.

        megnyitás ↗
      10. Az AI-HI a projektek között

        Hatodik projektként megjelent az áttekintő oldalon: élő előnézet, saját projektoldal asztali és telefonos nézettel, link-előnézettel, megjegyzésekkel és idővonallal.

        megnyitás ↗
      11. Link-előnézet, sötét telefonos sáv

        Linkként elküldve az oldal a nyitóképet mutatja (AI-HI felirat, mellette az idegháló-agy). Telefonon a böngésző felső sávja is sötét, és az oldalon nem jelenik meg a Poppins-betűkapcsoló.

        megnyitás ↗
      12. Az AI-HI Működésfejlesztés weboldal élesben visszajelzésre vár

        Az egyoldalas weboldal saját projektként elmentve, és élesben a dft-outreach.com/ai-hi/ címen: mozgó idegháló-agy a nyitóképen, a vonat-hasonlat, a HI gondolata, a két átalakulási koncepció, szolgáltatások, a hat fős csapat és díjtalan nyitókonzultáció. A szöveg az „AI Működésfejlesztés” táblázatból való, szó szerint.

        megnyitás ↗
      13. Kattintható idegpályák

        A nyitókép agyában bármelyik színes pályára kattintva onnan indul a fény, ugyanúgy, mint az automatikus felvillanásnál.

        megnyitás ↗
      14. „Pálya” stílusú háromszögek

        A portrék mögötti háromszögek rétegzett, mozgó pálya-körvonalat kaptak, amely görgetésre rugósan fordul; minden kártya kicsit más formájú és tempójú.

        megnyitás ↗
      15. Két új szakasz: félelmek és játék

        „Miért félünk a változástól?”: hét ok rövid címekkel, mindegyik saját színnel, mellettük a „Mi segít?” válaszok. „Nem mondjuk, hogy légy bátor. Játszunk.”: a változás játékon keresztül.

        megnyitás ↗megnyitás ↗
      16. Kiemelt „AI” a HI-mondatban

        A HI-ről szóló mondatban az „AI” is kiemelést kapott: zárójelben, lila színnel.

        megnyitás ↗
      17. Logó-brief a Claude Designhoz

        Tervezési utasítás az AI-HI logóhoz: a két betűtípus, a márka rövid leírása, tíz változat kérése.

      18. Háromszögek a portrék mögött

        Minden portré mögött saját méretű, szabályos háromszög áll a csoport színében (kék, borostyán, lila). Néhány portré nagyobb lett, hogy az arcok mérete egységes legyen.

        megnyitás ↗
      19. Csapatportrék frissítve

        Puskás Dávid új, nagyobb felbontású fotót kapott, Kulcsár Kevin a saját portréját. Mindkettő kivágva, a többiekhez illesztett méretben.

        megnyitás ↗