Különleges kérések

Vizuális trükkök, amikre még a fejlesztők is azt mondják: „oké, ez beteg jó”.

Ez az oldal olyan UI / UX megoldásokat mutat, amiket külön kérésre építünk be. Nem sablon, nem „letöltött theme”, hanem kézzel írt logika, valódi, élő hatás.

01 • Interaktív háttér
Követő fényfolt – mintha egy lámpával festenél a háttérre.

A kurzor mozgására reagáló fénykör, ami azonnal „wow-effektet” ad a hero vagy bemutatkozó sávnak. Bárhová viszed az egeret, a fény odacsúszik – mobilon ujjlenyomatra is beállítható.

Fogd meg az egeret, mozgasd

Világíts rá a részletekre

Ott jelenik meg a fény, ahol te mozogsz – igazi „él a háttér” érzés.
02 • 3D mozgás
Kurzorral irányított 3D kártya – mintha kézben tartanád.

Az ajánlati doboz, ami szó szerint „megfordul” feléd. A kártya a kurzor helyzete szerint dől el, közben a fény is másképp csúszik végig rajta. Produkt, csomag vagy referencia kiemeléséhez brutális.

Mozgasd fölé az egeret
Aurion PRO csomag
Teljes webshop + admin + AI modulok.
3D interactive card
03 • Folyékony CTA
Élő, folyékony „blob” gomb – mintha digitális láva lenne a háttérben.

Két egymásba úszó színes blob mozog a háttérben, előtte pedig egy kristálytiszta CTA. Egyszerre nyers, organikus és high-tech – portfólió vagy fő ajánlati sáv brutál kiemeléséhez.

Valós idejű mozgás

Dobd át az ötleted, kísérletezzünk.

Mondod, milyen őrült vizuált szeretnél, én pedig kitalálom rá a technikai megoldást.

04 • Előtte / utána
Valódi, húzható előtte–utána sáv – nem csak képpár.

Egy slider, amin a látogató fogja és fizikailag elhúzza a határvonalat. Használható régi–új weboldal, redesign, fotó retusálás vagy bármilyen „upgrade” bemutatására.

Fogd meg középen, húzd jobbra-balra
Előtte
Utána
05 • „Élő rendszer” érzet
Pingelő státuszsáv + mini command bar hangulat.

Nem csak statikus „Online” felirat, hanem finoman pulzáló státusz, mellette pedig egy parancssor-szerű sáv: mintha egy saját kis vezérlőpultod lenne az oldal tetején.

Folyamatosan mozog, de nem zavaró
Rendszer: stabil • 100% uptime
Deploy, mentés, monitorozás: automatizálva.
⌘ K Keresés a projektjeid, taskok, logok között – egy helyen.
Élő státuszsáv, amit beköthetünk
valós monitorozó rendszerbe is.
06 • Mágneses interakció
Mágneses CTA – a gomb szó szerint „utánad mozdul”.

A fő gomb finoman elmozdul a kurzor irányába, mintha vonzaná a kezed. Ez az a mikroanimáció, amit az emberek öntudatlanul is észrevesznek, de nem tudják megfogalmazni, miért „élőbb” az oldal.

Mozgasd az egeret a sötét sáv fölött
07 • Code rain
Mini „Matrix” kódeső – külön panel a kódnak.

Egy önálló kódeső blokk, ami mutatja: a háttérben tényleg kód születik. Szöveg, számok vagy saját karakterkészlet is betölthető, márkázott színekben.

Élőben rajzolja a vásznon
08 • Szöveg morph
Egy mondat, ami 5 különböző irányba „alakul át”.

Nem csak statikus szlogen: a mondat közepe folyamatosan változik, hogy megmutassa, mennyi mindent lehet ugyanarra a logikára építeni – webshopot, admin rendszert, játékot, AI eszközt…

Figyeld a középső szót
Ugyanabból a kódból építünk webshopot.
09 • 3D rétegelt jelenet
Három lebegő réteg – mintha belenéznél a rendszer „dobozába”.

Hátul a sötét háttér, középen a rács / kód, elöl pedig az üveglap a szöveggel. Az egész blokk 3D-ben dől a kurzor felé, a rétegek külön mélységben mozognak – pont úgy néz ki, mintha egy mini UI-dobozt tartanál a kezedben.

Mozgasd felette az egeret
Aurion – rétegezett logika
Hátul az infrastruktúra, középen a kód, elöl a felhasználó – mindegyiket külön kezelem a rendszerben.
10 • 3D Aurion-kocka
Forgó Aurion-kocka – minden oldal egy világ, amit építesz.

Egy kocka, amin körbe vannak írva a fő területek: webshop, admin, AI, játék, portfólió. Folyamatosan forog, hoverre lassul – olyan, mintha egy kis „brand-szobor” lenne az oldal közepén.

Figyeld, ahogy körbejárja a tengelyeit
WEBSHOP
ADMIN
AI MODUL
JÁTÉK
AURION
PORTFÓLIÓ
11 • Orbitáló címkék
Aurion-galaxis – körülötted keringenek a modulok.

Középen a márka, körülötte pályán keringő címkék: webshop, admin, AI, API, statisztika, automatizálás. Olyan, mintha egy kis naprendszert néznél UI-ban.

Finom, folyamatos orbitálás
Aurion
Studio
Webshop
Admin panel
AI integráció
API kapcsolatok
Statisztika
Automatizálás
Felhasználói élmény
Biztonság
12 • 3D kártya-stack
Lépcsőzetes stack – mintha egymás mögé tolt UI-kártyákat néznél.

Három kártya egymás mögött, mindegyik másik réteget jelöl: stratégia, design, fejlesztés. Hoverre az egész stack „felnyílik”, mintha kicsit szétcsúszna előtted a rendszer.

Vidd fölé az egeret
Stratégia Drótváz, üzleti logika, célok.
Design UI, UX, márka – vizuális rendszer.
Fejlesztés Tiszta kód, skálázható struktúra.
13 • 3D gyűrű
Körben álló referenciakártyák – mini „work gyűrű”.

Négy kártya egy 3D gyűrűn, lassan körbeforogva. Mindegyik más típusú munkát jelöl: webshop, portfólió, admin, egyedi rendszer. Olyan, mintha egy saját kis showreel lenne.

Automatikusan körbeforog
Webshop projektek
Portfólió oldalak
Admin felületek
Egyedi rendszerek
14 • 3D console
Dőlt console ablak – mintha épp deploy közben kapnál el.

Egy kis konzol ablak, amiben futó log-sorok, felette pedig végigfutó scan-vonal. Az egész blokk enyhén döntve van, mintha egy 3D dashboard részlete lenne.

Futó scan-vonal
aurion-deploy › live.log
[00:00:01] Initializing build pipeline…
[00:00:03] Assets bundled • 32 files
[00:00:05] DB connection • OK
[00:00:07] Admin panel routes • mapped
[00:00:09] AI endpoint • ready
[00:00:10] Status: deployed • no errors
Programozás = teremtés.
Mit kapsz, ha rám bízod?
Nem „összekattintott” sablont, hanem egyedi rendszert, amin látszik, hogy valaki tényleg gondolkodott rajta.
Ha kell, belemászom a logikádba, és olyan admin felületet építek, amin tényleg szeretsz dolgozni, nem csak elviseled.
Miben vagyok más?
Nem állok meg ott, hogy „működik”. Addig csiszolom, amíg ránézésre is azt mondod: „oké, ilyen oldalam még nem volt”.
Ha eszedbe jut egy őrült ötlet – 3D, AI, játékos logika – az nem gond, hanem kihívás.
Kliens oldal
Átlátható folyamat
Brief → vázlat → design → fejlesztés → finomhangolás.
Mit érzel te?
Nem káosz, hanem rend.
Mindig tudod, épp hol tartunk, miért azt csináljuk, amit.
Technikai oldal
Skálázható alapok
Úgy írom meg a rendszert, hogy később is lehessen rá építeni.
Mit jelent ez?
Nem dobjuk ki fél év múlva.
Ha nő az üzlet, a rendszer nem omlik össze, hanem veled nő.
Mondd el, mit szeretnél látni a saját oldaladon, én pedig kitalálom, hogyan lehet megcsinálni.