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

Chief Concept

Dr. Csikesz Tamás új tanácsadó cégének weboldala és arculata

visszajelzésre vár
Élő weboldal – legújabb (v6)

Chief Concept – 04 Apokalüpszisz

Grid Pulse háttér: zöld rácsos „szoba”, amelynek celláit a kurzor buboréka festi ki; a háttér lassabban mozog a tartalomnál, a gombok mágnesesen vonzzák a kurzort.

dft-outreach.com/chief-concept/grid/Megnyitás ↗

Márkafilm, 2. kör: saját filmnyelv

A második körben a filmek már nem a weboldal rácsos hátterét használják: megmarad a Tükör-jel, a 49 ikon, a színek és a betűk, minden más új. Három koncepció, mindegyikben a 12 koncepcióalkotóval; hang és hangalámondás még nincs bennük. Mindhárom letölthető MP4-ben.

2a

Két C

Csendes · grafikai

A jel két fele mint két szereplő mélytintán. A tömör C a vezető, a 72 pont a szervezet: a pontok szétszóródnak, sorba állnak, szétnyílnak, szintet lépnek, és végül visszatérnek.

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

A 49 ajtó

Merész · grafikai

A kettévált ikonok ajtók: mindegyik a saját mozdulatával kinyílik, és mögötte új színű szoba áll. Az utolsó ajtó maga a jel, ami bezárul.

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

Egy szó, egy szín

Merész · tipográfiai

Az óriás betű a díszlet. Minden állítás teli színmezőt kap, a kulcsszó betűi egyenként, a jel pontjaiból érkeznek.

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

Márkafilm: két 30 mp-es koncepció

A Chief Concept két animált márkafilmje a weboldal saját jeleiből: a Tükör-jelből, a fényhúrból és a rácsból. A filmek a csapatot mutatják be, mind a 12 koncepcióalkotót. A lejátszósáv „Hang” gombja a hangeffekteket kapcsolja; a hangalámondás új felvételre vár. Mindkét film letölthető MP4-ben.

1b

A terem

Merész · térbeli

A szintlépés szó szerint: a kamera a rácsteremben fölfelé halad, egy zöld lépcső rajzolódik ki lépésről lépésre, alagúton át egészen a „Kezdjük?” gombig.

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

Először a vezető

Csendes · térbeli

A Tükör-jel saját nyelvtana mint történet: előbb a vezető (a tömör C), aztán a szervezet (a 72 pont). A pontok szétrepülnek a rácsra, és a végén visszatérnek.

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

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

Az öt élő, animált irány, amelyből a 04 Apokalüpszisz lett továbbvive.

04 Apokalüpszisz – változatok

A kiválasztott irány fejlődése.

Grid Pulse háttér (v6, új)Zöld rácsháttér: a kurzor nyomán felgyúló cellák. Nyissa meg, és mozgassa az egeret.
Legújabb weboldal (v5)Zöldebb, 8 pontos menü, egyedi díjazás.
„Húr” hős-vonal (v4)Az előző változat.

Tengely – 5 hős-vonal koncepció

Öt módja annak, hogyan húzódjon a zöld vonal a logó két C-je között. Csak maga a vonal a logóban – kattintson egy nézetre a részletes leírásért és a teljes specifikációért.

01 · TükörélA Tükör-logó tükre, pontosan élből nézve; zöld, mint a valódi üveg éle.
02 · HúrKifeszített húr a két C állkapcsa magasságában: érkezéskor egyszer megrezdül, aztán megfeszül.
03 · MérceMérce: a vezető oldalán sima, a koncepció oldalán 13 beosztás, pontsoronként egy.
04 · NullpontKét fénycsík egy rácslépésnyire megáll egymástól; a váltás a köztük lévő tiszta pontban kezdődik.
05 · FolyamatPontként indul, egyenletesen nő a vezető magasságáig, majd állandóvá válik – 38 másodperc alatt.
A teljes Tengely oldal – mind az 5 koncepció részletesen, kritikával ↗

Logó – „Tükör” család

10 logóváltozat és a hozzájuk tartozó mozgás.

01Vonalak
02Pontrács
03Körvonal
04Három ív
05Lépések
06Lépték
07Negatív
08Kézírás
09Szögletes
10Víztükör
A teljes logóanyag – mozgással ↗

Ikonrendszer – tervezési utasítások

A 04 Apokalüpszisz weboldal 49 ikonja; alatta a tervezési utasítások.

AI
Anyag
Apokalüpszisz
Biztonság
Cél
Célzás
Dokumentum
Dokumentumok
Díjazás
Előre
Energia
Eredmény
Fejlődés
Feltárás
Figyelem
Folyamat
Gondolkodás
Háló
Idő
Irány
Kapcsolat
Kereszt
Koncepcióalkotók
Kulcs
Kész
Lépcső
Megújítás
Mérés
Működés
Névjegy
Növekedés
Online
Pillérek
Párbeszéd
Szervezet
Szikra
Szintlépés
Sztenderd
Találkozó
Tanácsadás
Telefon
Tábla
Térkép
Vezető
Váltás
Vízió
Átfedés
Érték
Ötlet
Az ikonok élesben, a weboldalon ↗

Haladás és munkaterületek

A projekt kb. 90%-ban kész: elkészült az 5 koncepció, a 04 Apokalüpszisz weboldal legújabb változata (a gyorsaudit e-mail-űrlappal együtt) és a 10 logókoncepció. Hátravan a végleges logó és ikonirány jóváhagyása, a végleges tartalom, majd az élesítés a cég saját domainjén.

Weboldal-koncepciók (5)

kész
  • A systemset.co stílusának elemzése (vízszintes görgetés, óriás monogram, alsó menüsáv, sötét záróblokk), és öt eltérő irány logóval, mini arculattal, asztali és telefonos nézettel, a megrendelő által küldött szövegekkel.

  • Élő, animált változatok

    Mind az öt koncepció statikus terv és élő, animált oldal formájában is elkészült: a szakaszok és elemek görgetésre, koncepciónként más módon mozognak.

  • Óriás CC monogram színátmenetes lapon, sok fehér tér, egy élénk kiemelőszín.

  • A logójel két állapot között fordul át; fekete-fehér, egyetlen kiemelőszínnel.

  • Emelkedő lépcsők és szintek: a haladás lépcsőfokonként.

  • Sötét alap, fénysávok tárják fel a rejtett tartalmat görgetés közben.

  • Ötleteket összekötő vonalak és csomópontok. A görgetés utólag simábbra optimalizálva, minőségvesztés nélkül.

  • Élesítés a dft-outreach.com címen

    Mind az öt koncepció biztonságos (HTTPS) kapcsolattal elérhető, statikus és élő változatban.

04 Apokalüpszisz weboldal

visszajelzésre vár
  • Teljes, vízszintesen görgethető weboldal alsó menüsávval; telefonon és csökkentett mozgásnál függőleges elrendezés.

  • Öt változat a nyitókép fényvonalára, összehasonlításra.

  • 13 panel. A logó két C-je közti vékony zöld húr görgetésre a jobb szélre vándorol, a tartalomblokkokhoz igazodik, és megpendül, amikor tartalom halad át rajta.

  • 1440 és 390 px szélességen, hibaüzenet nélkül; a telefonos nézet oldalirányú kilógása javítva.

  • Végleges logó és ikonok beépítése

    A kiválasztott Tükör logó és az új ikonrendszer beépítése a weboldalba.

Tükör logókoncepciók

visszajelzésre vár
  • „A vezető és a tükre”: Vonalak, Pontrács, Körvonal, Három ív, Lépések, Lépték, Negatív, Kézírás, Szögletes, Víztükör. Mindegyik 16, 24 és 32 px-es méretben, fehéren és feketén is.

  • Be-, nyugalmi és kiúszó animáció, sebességállítás, forgatókönyvek, kis méretű és inverz változatok, 30 másodperces bemutató.

  • SVG fájlok

    Mind a 10 jel különálló SVG fájlban, fekete és fehér változatban.

  • Logóválasztás

    A kiválasztott változat kerül a weboldalra és a céges anyagokra.

Ikonrendszer

Claude Design munkára vár
  • A 04 Apokalüpszisz ikonjai a „feltárás” gondolatára: ami rejtett, láthatóvá válik, és a kék kiemelés csak a feltárt részen jelenik meg.

  • Első változat mind az 51 ikonra

    Sötét témában, kék kiemeléssel; a hiányzó „Kezdőlap” és „Díjazás” ikon is pótolva.

  • Öt animált változat feladatleírása

    Varrat, Fényél, Negatív tér, Rétegek, Egy vonal: mindegyik más rajz- és mozgásnyelv, animált ikonlapon.

  • Az első körök túl általános ikonjai helyett: szerkesztési rendszer, metafora-műhely és három gyökeresen eltérő irány 8 kulcsikonon: „Aicher rács” (az 1972-es müncheni olimpia piktogramjainak szellemében), „Dürer metszet” (Dürer Apokalipszis-metszetei nyomán) és „Negatív varrat”.

  • A három irány elkészítése és irányválasztás

    A Claude Design a 8 kulcsikonon mutatja be a három irányt, ajánlással.

  • A teljes készlet megrajzolása és beépítése

    Mind az 51 ikon a választott irányban, mozgással, közvetlenül a 04 weboldalba építve.

Következő lépések

  1. Visszajelzés a 04 Apokalüpszisz weboldal legújabb változatára.
  2. Logóválasztás a 10 Tükör változatból.
  3. Az ikonrendszer három irányának elkészítése a Claude Designban, irányválasztás, majd a teljes készlet beépítése.
  4. A végleges tartalom és a kiválasztott logó beépítése, majd élesítés a cég saját domainjén.

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

  • Logó — Választásig a weboldalon a jelenlegi CC jel marad; a Tükör változatok bármelyike később beépíthető.
  • Weboldal-változat — A legújabb változat (a „húr” a két C között) a fő irány; a v4 és a Tengely összehasonlításra elérhető marad.
  • Ikonirány — A három irány közül a tervezői ajánlás szerintivel folytatódik a munka, ha más kérés nem érkezik.
  • Végleges webcím — Élesítésig minden a dft-outreach.com címen érhető el; a végleges oldal a cég saját domainjére kerül.

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. Chief Concept: javítások a weboldalon

      Átvezettem a jegyzeteket a grid változaton (asztali és mobil nézet): nagyobb lett a penge a logóban; a szekciócímek kérdések lettek; az A/B/C célok egy-egy nagy, rövid címet kaptak (Megújítás, Paradigmaváltás, Valóságfeltárás), a részletek rámutatásra vagy koppintásra jelennek meg, a „felemelkedés” kikerült; a CCC mellett kiírtam, hogy Chief Concept Creator; az AI és HI kártya interaktív AI ↔ HI váltót kapott; a potenciálfejlesztési cím dőlt betűs, hosszú kérdés lett; a fotó nélküli csapattagok és a „Minimumdíj · 3 óra” kikerültek.

      megnyitás ↗

    2026. október 4.

    1. Gyorsaudit: e-mail-cím kérése a Kapcsolat részen folyamatban

      A Kapcsolat panelre (asztali és mobil nézet) bekerült egy „Kérem a gyorsauditot” mező: ellenőrzi az e-mail-címet és visszaigazol. Az űrlap még nincs bekötve, a beérkező kérések helyét egyeztetni kell.

      megnyitás ↗

    2026. október 3.

    1. Rács oldal: húr középebbre, fehér szűrő nélkül, mobilon lapozás

      A jobb oldali zöld húr a képernyő háromnegyedéhez került, a felső fehér szűrő (függöny és ragyogás) teljesen lekerült. Mobilon nincs húr, helyette vízszintesen lapozhatók a szakaszok.

      megnyitás ↗

    2026. október 2.

    1. Rács oldal: nyugodtabb kameramozgás

      A háttér túl gyorsan mozgott, ezért a kamera már nem fordul körbe: a szimmetrikus alagútban egy negyedfordulat (90°) is ugyanoda ér, így a mozgás lassabb és nyugodtabb.

      megnyitás ↗

    2026. szeptember 28.

    1. 04 Apokalüpszisz: legújabb weboldal élesítve visszajelzésre vár

      A legújabb változatban a zöld húr a logó két C betűje között jelenik meg, majd görgetésre az oldal szélére vándorol. Asztali gépen és telefonon hibaüzenet nélkül tesztelve.

      megnyitás ↗
    2. 04 Apokalüpszisz v4 és a Tengely oldal

      Élesítettem a 04 Apokalüpszisz weboldal v4 változatát a „Húr” hős-vonallal, valamint a Tengely oldalt, amely az öt hős-vonal koncepciót (Tükörél, Húr, Mérce, Nullpont, Folyamat) mutatja be.

      megnyitás ↗megnyitás ↗
    3. Tükör logócsalád: 10 logó animációval visszajelzésre vár

      Tíz logóváltozat „a vezető és a tükre” gondolatra, mindegyik be-, nyugalmi és kiúszó animációval és 30 másodperces bemutatóval, SVG-fájlokban is. A kezdőoldal új menüpontjáról érhető el.

      megnyitás ↗megnyitás ↗

    2026. szeptember 27.

    1. Ikonrendszer v2: profi tervezési folyamat alapján folyamatban

      Kutatás a profi ikontervezők módszereiről (rács, keretformák, vonalszabályok), és erre épülő brief három gyökeresen eltérő iránnyal: geometrikus, Dürer-metszet ihlette és negatív formás. Az irány kiválasztása után készül el mind az 51 ikon.

    2. Ikonrendszer: öt animált változat briefje

      Az ikonok első változata után brief öt eltérő rajz- és mozgásnyelvű változathoz (Varrat, Fényél, Negatív tér, Rétegek, Egy vonal), élő, animált ikonlapokkal és összehasonlító oldallal.

    3. 04 Apokalüpszisz: ikonok újratervezési briefje

      Brief mind az 51 ikon egységes, „feltárás” motívumú újrarajzolására, animációval. Közben kiderült, hogy a menü Kezdőlap és Díjazás ikonja hiányzott; a brief ezeket is pótolja.

    4. 05 Koncepció-térkép: akadozás megszüntetve

      A görgetéskor akadozó 05-ös koncepciónál a böngésző rajzolási munkája nagyjából a felére csökkent, a látvány változatlan maradt.

      megnyitás ↗
    5. Öt élő koncepció élesítve

      Az öt animált és az öt statikus koncepció biztonságos HTTPS-kapcsolaton, egy közös kezdőoldalról érhető el a dft-outreach.com címen.

      megnyitás ↗megnyitás ↗
    6. Öt élő koncepció tesztelése és hibajavítása

      Az öt animált koncepciót (Monogram, Paradigmaváltás, Szintlépés, Apokalüpszisz, Koncepció-térkép) asztali és mobil nézetben teszteltem, és kijavítottam egy mind az ötöt érintő animációs hibát.

      megnyitás ↗megnyitás ↗
    7. Élő, animált weboldalak: mozgástervezési brief

      Brief, amely a koncepciókat görgetésre animált, működő weboldalakká alakítja, mindegyiket saját mozgásnyelvvel, és a pontos újraépítéshez mozgásleírást is kér.

    2026. szeptember 26.

    1. Systemset-elemzés és tervezési brief

      Elemeztem a systemset.co felépítését (oldalra haladó filmszalag, lebegő menü, sötét zárás), és erre épülő brief készült márkakoncepciókhoz saját logóval, a kapott magyar szövegekkel.