Zöld hős, óriás betűk, emeletek.
Chief Concept
Dr. Csikesz Tamás új tanácsadó cégének weboldala és arculata
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.
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.
Két C
Csendes · grafikaiA 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.
A 49 ajtó
Merész · grafikaiA 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.
Egy szó, egy szín
Merész · tipográfiaiAz ó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.
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.
A terem
Merész · térbeliA 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.
Először a vezető
Csendes · térbeliA 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.
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é.
Világos, szerkesztőségi, nyugodt.
Sötét, filmszerű, éjszakai lift.
Weboldal-koncepciók
Az öt élő, animált irány, amelyből a 04 Apokalüpszisz lett továbbvive.
Váltás, megújítás, szintlépés.
Kérjen konzultációt ›Óriás monogram, narancs csempe, filmszalag-görgetés
SZINTLÉPÉS.
Szerkesztőségi: óriás tömörített cím, mono sorok, kék C
Váltás, megújítás, szintlépés.
Kérjen konzultációt ›Alkalmazás-ikon emelkedő oszlopokkal, három lépcsőfok
Váltás, megújítás, szintlépés.
Kettéváló logó, középen világító húr tárja fel a tartalmat
Váltás, megújítás, szintlépés.
Hálózati térkép: a szerepkörök útvonalként kötődnek össze
04 Apokalüpszisz – változatok
A kiválasztott irány fejlődése.
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.
Logó – „Tükör” család
10 logóváltozat és a hozzájuk tartozó mozgás.
Ikonrendszer – tervezési utasítások
A 04 Apokalüpszisz weboldal 49 ikonja; alatta a tervezési utasítások.
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észA 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árTeljes, 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árA 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
- Visszajelzés a 04 Apokalüpszisz weboldal legújabb változatára.
- Logóválasztás a 10 Tükör változatból.
- 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.
- 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.
Betöltés…
Idővonal
2026. október 5.
- 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.
- 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.
- 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.
- 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.
- 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 ↗ - 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 ↗ - 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.
- 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.
- 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.
- 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.
- 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 ↗ - Ö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 ↗ - Ö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 ↗ - É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.
- 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.