{"id":2920,"date":"2026-10-27T15:53:39","date_gmt":"2026-10-27T14:53:39","guid":{"rendered":"https:\/\/alapdesign.hu\/esettanulmanyok-axisflow\/"},"modified":"2026-10-30T11:03:36","modified_gmt":"2026-10-30T10:03:36","slug":"case-study-axis-flow","status":"publish","type":"page","link":"https:\/\/alapdesign.hu\/en\/esettanulmanyok-axisflow\/","title":{"rendered":"Esettanulm\u00e1nyok – Axis Flow"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n
\n
\n \t\t\t
\n \t\t\t
\/\/Esettanulm\u00e1nyok<\/div>\n\t\t\t\t\t

Nyugalom, ami a k\u00e9perny\u0151n is \u00e9rz\u0151dik
\u2013 \u00faj weboldal \u00e9s tagi fel\u00fclet az Axis Flow sz\u00e1m\u00e1ra<\/h2>\n\t\t\n<\/div>\n\n\t\t\t\t\t

Haraszti Roxi \u00e9p\u00edt\u00e9szk\u00e9nt kezdte a p\u00e1ly\u00e1j\u00e1t, ma yin j\u00f3ga- \u00e9s talaj Pilates-oktat\u00f3k\u00e9nt, ayurv\u00e9dikus massz\u00e1zsterapeutak\u00e9nt \u00e9s f\u0151z\u0151 workshopok vezet\u0151jek\u00e9nt dolgozik. Elk\u00e9sz\u00fclt az Axis Flow weboldala: egy nyugodt, letisztult WordPress-rendszer, amely egyszerre mutatja be a test, a t\u00e9r \u00e9s a kapcsol\u00f3d\u00e1s pill\u00e9reit, \u00e9s z\u00e1rt tagi fel\u00fcleten kezeli az \u00f3r\u00e1kra val\u00f3 jelentkez\u00e9st, a lemond\u00e1st \u00e9s az online fizet\u00e9st.<\/p>\n\t\t

\n
\n \t\t\t
UX\/UI design<\/div>\n\t\t\n<\/div>\n
\n \t\t\t
WordPress fejleszt\u00e9s<\/div>\n\t\t\n<\/div>\n
\n \t\t\t
Elementor v4<\/div>\n\t\t\n<\/div>\n
\n \t\t\t
Arculati rendszer<\/div>\n\t\t\n<\/div>\n
\n \t\t\t
\u00d3rafoglal\u00e1s<\/div>\n\t\t\n<\/div>\n
\n \t\t\t
Tagi fel\u00fclet<\/div>\n\t\t\n<\/div>\n
\n \t\t\t
Online fizet\u00e9s<\/div>\n\t\t\n<\/div>\n
\n \t\t\t
Design system<\/div>\n\t\t\n<\/div>\n
\n \t\t\t
Reszponz\u00edv webdesign<\/div>\n\t\t\n<\/div>\n
\n \t\t\t
Szem\u00e9lyes m\u00e1rka<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n
\n \t\t\t\"Axis\t<\/a>\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n
\n
\n
\n \t\t\t
\n \t\t\t
\/\/ Egy\u00fcttm\u0171k\u00f6d\u00e9s<\/div>\n\t\t\t\t\t

K\u00f6z\u00f6s munka
<\/h2>\n\t\t\n<\/div>\n\n\t\t\n<\/div>\n
\n
\n
\n \t\t\t
\n \t\t\t
\/\/ Axis Flow<\/div>\n\t\t\t\t\t

Projekt\u00f6tlet
<\/h2>\n\t\t\n<\/div>\n\n\t\t\t\t\t

Az Axis Flow nem szolg\u00e1ltat\u00e1sok gy\u0171jtem\u00e9nye, hanem egy szeml\u00e9let: a tudatos mozg\u00e1s, az \u00e9rint\u00e9ster\u00e1pia, a t\u00e1pl\u00e1l\u00f3 \u00e9telek \u00e9s az \u00e9lhet\u0151 terek ugyanazt a c\u00e9lt szolg\u00e1lj\u00e1k. Roxi munk\u00e1ja sokf\u00e9le ter\u00fcletet \u00f6lel fel, a j\u00f3ga\u00f3r\u00e1kt\u00f3l az ayurv\u00e9dikus kezel\u00e9seken \u00e9s f\u0151z\u0151 workshopokon \u00e1t a bels\u0151\u00e9p\u00edt\u00e9szeti tan\u00e1csad\u00e1sig, ez\u00e9rt k\u00f6nnyen sz\u00e9tapr\u00f3z\u00f3dhatott volna k\u00fcl\u00f6n\u00e1ll\u00f3 szolg\u00e1ltat\u00e1sokra. A c\u00e9l egy olyan weboldal volt, amely ezeket egyetlen rendszerk\u00e9nt mutatja be, \u00e1tadja a gyakorl\u00e1s nyugalm\u00e1t, \u00e9s a k\u00f6z\u00f6ss\u00e9g tagjainak egyszer\u0171, \u00f6n\u00e1ll\u00f3 utat ad az \u00f3r\u00e1kra val\u00f3 jelentkez\u00e9shez.<\/p>\n\t\t\n<\/div>\n\n<\/div>\n

\n
\n \t\t\t
\n \t\t\t
\/\/ Alapdesign<\/div>\n\t\t\t\t\t

A mi feladatunk
<\/h2>\n\t\t\n<\/div>\n\n\t\t\t\t\t

A feladat a teljes weboldal megtervez\u00e9se \u00e9s kivitelez\u00e9se volt: inform\u00e1ci\u00f3s architekt\u00fara a h\u00e1rom pill\u00e9r, a test, a t\u00e9r \u00e9s a kapcsol\u00f3d\u00e1s k\u00f6r\u00e9, egyedi vizu\u00e1lis rendszer, valamint egy z\u00e1rt tagi fel\u00fclet, ahol a k\u00f6z\u00f6ss\u00e9g tagjai bejelentkez\u00e9s ut\u00e1n jelentkezhetnek a csoportos \u00f3r\u00e1kra, lemondhatj\u00e1k azokat, \u00e9s el\u00e9rik az \u00e1rlist\u00e1t \u00e9s a gyakorl\u00e1shoz tartoz\u00f3 lej\u00e1tsz\u00e1si list\u00e1kat.
Kih\u00edv\u00e1st jelentett, hogy a nyilv\u00e1nos oldal hangulatk\u00f6zpont\u00fa, lass\u00fa olvas\u00e1sra h\u00edv\u00f3 fel\u00fclet legyen, a foglal\u00e1si r\u00e9sz viszont gyors \u00e9s egy\u00e9rtelm\u0171: k\u00e9t k\u00fcl\u00f6nb\u00f6z\u0151 temp\u00f3 egyetlen, egys\u00e9ges megjelen\u00e9sben.<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n

\n
\n
\n \t\t\t
<\/line><\/svg><\/div>\n\t\t\n<\/div>\n\t\t\t
<\/line><\/line><\/line><\/line><\/svg><\/div>\n\t\t
\n
\n
\n
\n \t\t\t
\/\/ Alapdesign<\/div>\n\t\t\t\t\t

K\u00f6z\u00f6s strat\u00e9gia<\/h2>\n\t\t\n<\/div>\n\t\t\t

A strat\u00e9gia k\u00f6z\u00e9ppontj\u00e1ban a nyugalom \u00e1ll. A l\u00e1togat\u00f3 el\u0151sz\u00f6r nem \u00f3rarendet keres, hanem azt, hogy j\u00f3 helyen j\u00e1r-e, ez\u00e9rt az oldal Roxi szem\u00e9lyes hangj\u00e1n sz\u00f3l, \u00e9s a szeml\u00e9lett\u0151l halad a konkr\u00e9t lehet\u0151s\u00e9gek fel\u00e9: meg\u00e9rkez\u00e9s \u2192 pill\u00e9rek \u2192 bemutatkoz\u00e1s \u2192 jelentkez\u00e9s. A pill\u00e9rek egy k\u00f6z\u00f6s oldalon, horgonyokkal tagolva jelennek meg, \u00edgy a f\u0151oldalr\u00f3l egy kattint\u00e1ssal el\u00e9rhet\u0151 b\u00e1rmelyik ter\u00fclet. A foglal\u00e1s a megl\u00e9v\u0151 k\u00f6z\u00f6ss\u00e9gre \u00e9p\u00fcl: a tagok e-mailben kapj\u00e1k a bel\u00e9p\u00e9si adataikat, \u00e9s a z\u00e1rt fel\u00fcleten, egyeztet\u00e9s n\u00e9lk\u00fcl int\u00e9zik az \u00f3r\u00e1ikat.<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n

\n \t\t\t
<\/line><\/svg><\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n
\n
\n \t\t\t
\n \t\t\t
\/\/ Funkcion\u00e1lis megold\u00e1sok<\/div>\n\t\t\t\t\t

F\u0151 funkci\u00f3k
<\/h2>\n\t\t\n<\/div>\n\n\t\t
\n
\n
\n \t\t\t\"\"\t\t\n<\/div>\n
\n \t\t\t

H\u00e1rom pill\u00e9r, egy rendszer<\/h3>\n\t\t\t\t\t
Az Axis Flow (test), az Axis Space (t\u00e9r) \u00e9s a Napf\u00e9ny Egyes\u00fclet (kapcsol\u00f3d\u00e1s) k\u00f6z\u00f6s logik\u00e1ban jelenik meg: minden ter\u00fclet ugyan\u00fagy mutatja be a lehet\u0151s\u00e9geket, a helysz\u00edneket \u00e9s az id\u0151pontokat.<\/div>\n\t\t\n<\/div>\n\n<\/div>\n
\n
\n \t\t\t\"\"\t\t\n<\/div>\n
\n \t\t\t

Z\u00e1rt tagi fel\u00fclet<\/h3>\n\t\t\t\t\t
A k\u00f6z\u00f6ss\u00e9g tagjai bejelentkez\u00e9s ut\u00e1n egy helyen \u00e9rik el az \u00f3rajelentkez\u00e9st, a saj\u00e1t foglal\u00e1saikat, a lemond\u00e1st \u00e9s az adataik szerkeszt\u00e9s\u00e9t. A fel\u00fcletet csak a tagok l\u00e1tj\u00e1k.<\/div>\n\t\t\n<\/div>\n\n<\/div>\n
\n
\n \t\t\t\"\"\t\t\n<\/div>\n
\n \t\t\t

Csoportos \u00f3r\u00e1k foglal\u00e1sa<\/h3>\n\t\t\t\t\t
Az esem\u00e9nynapt\u00e1rban a koz\u00e1rmislenyi, bajai \u00e9s online \u00f3r\u00e1k helysz\u00edn szerint jelennek meg, a szabad helyek \u00e9s a jelentkez\u00e9sek automatikusan friss\u00fclnek.<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n
\n
\n
\n \t\t\t\"\"\t\t\n<\/div>\n
\n \t\t\t

Online \u00e9s helysz\u00edni fizet\u00e9s<\/h3>\n\t\t\t\t\t
Jelentkez\u00e9skor bankk\u00e1rty\u00e1s vagy helysz\u00edni fizet\u00e9s v\u00e1laszthat\u00f3, a folyamatot visszaigazol\u00f3 oldal \u00e9s e-mail z\u00e1rja, benne a foglal\u00e1s r\u00e9szleteivel.<\/div>\n\t\t\n<\/div>\n\n<\/div>\n
\n
\n \t\t\t\"\"\t\t\n<\/div>\n
\n \t\t\t

Saj\u00e1t design system<\/h3>\n\t\t\t\t\t
Sz\u00ednek, tipogr\u00e1fia \u00e9s t\u00e9rk\u00f6z\u00f6k Elementor v4 glob\u00e1lis v\u00e1ltoz\u00f3kban \u00e9s oszt\u00e1lyokban \u00e9lnek, \u00edgy az \u00faj oldalak \u00e9s aj\u00e1nlatok gyorsan \u00e9s k\u00f6vetkezetesen k\u00e9sz\u00fclhetnek el.<\/div>\n\t\t\n<\/div>\n\n<\/div>\n
\n
\n \t\t\t\"\"\t\t\n<\/div>\n
\n \t\t\t

Online gyakorl\u00f3t\u00e9r<\/h3>\n\t\t\t\t\t
Az online \u00f3r\u00e1k Zoom-integr\u00e1ci\u00f3val m\u0171k\u00f6dnek: a csatlakoz\u00e1si link a tagi fel\u00fcleten jelenik meg, a gyakorl\u00e1shoz tartoz\u00f3 lej\u00e1tsz\u00e1si list\u00e1k mellett.<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n
\n \t\t\t
<\/line><\/svg><\/div>\n\t\t\n<\/div>\n\n<\/div>\n
\n
\n
\n
\n \t\t\t
\n \t\t\t
\/\/ Arculati alapok<\/div>\n\t\t\t\t\t

M\u00e1rkaarculat
<\/h2>\n\t\t\n<\/div>\n\n\t\t
\n
\n \t\t\t
Az Axis Flow arculata nem a megszokott wellness-vil\u00e1g \u00e9l\u00e9nk sz\u00edneit \u00e9s sportos lend\u00fclet\u00e9t k\u00f6veti, hanem a meg\u00e9rkez\u00e9s csendj\u00e9t. A moh\u00e1s sz\u00fcrk\u00e9sz\u00f6ld \u00e9s a meleg, f\u00f6ldk\u00f6zeli semleges t\u00f3nusok a term\u00e9szetes anyagokat \u00e9s a gondosan megtervezett tereket id\u00e9zik, Roxi bels\u0151\u00e9p\u00edt\u00e9szeti h\u00e1tter\u00e9hez ill\u0151en. A The Seasons c\u00edmsorbet\u0171 eleg\u00e1ns, lass\u00fa ritmust ad, a Montserrat sz\u00f6vegt\u00f6rzs j\u00f3l olvashat\u00f3, letisztult alapot, a k\u00e9z\u00edr\u00e1sos Bigmaker pedig kis, szem\u00e9lyes gesztusk\u00e9nt jelenik meg.<\/div>\n\t\t\n<\/div>\n
\n
\n
\n \n<\/div>\n
\n \t\t\t

#434942<\/p>\n\t\t\n<\/div>\n\n<\/div>\n

\n
\n \n<\/div>\n
\n \t\t\t

#1F1F1D<\/p>\n\t\t\n<\/div>\n\n<\/div>\n

\n
\n \n<\/div>\n
\n \t\t\t

#A88D67<\/p>\n\t\t\n<\/div>\n\n<\/div>\n

\n
\n \n<\/div>\n
\n \t\t\t

#D9D6D1<\/p>\n\t\t\n<\/div>\n\n<\/div>\n

\n
\n \n<\/div>\n
\n \t\t\t

#EDEAE5<\/p>\n\t\t\n<\/div>\n\n<\/div>\n

\n
\n \n<\/div>\n
\n \t\t\t

#F5F3F0<\/p>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n

\n \t\t\t
<\/line><\/svg><\/div>\n\t\t\n<\/div>\n\n<\/div>\n
\n
\n
\n \t\t\t
\n \t\t\t
\/\/ Weboldal r\u00e9szletek<\/div>\n\t\t\t\t\t

Kiemelt weboldal elemek<\/h2>\n\t\t\n<\/div>\n\n\t\t\n<\/div>\n\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t