//Esettanulmányok

Nyugalom, ami a képernyőn is érződik
– új weboldal és tagi felület az Axis Flow számára

Haraszti Roxi építészként kezdte a pályáját, ma yin jóga- és talaj Pilates-oktatóként, ayurvédikus masszázsterapeutaként és főző workshopok vezetőjeként dolgozik. Elkészült az Axis Flow weboldala: egy nyugodt, letisztult WordPress-rendszer, amely egyszerre mutatja be a test, a tér és a kapcsolódás pilléreit, és zárt tagi felületen kezeli az órákra való jelentkezést, a lemondást és az online fizetést.

UX/UI design
WordPress fejlesztés
Elementor v4
Arculati rendszer
Órafoglalás
Tagi felület
Online fizetés
Design system
Reszponzív webdesign
Személyes márka
// Együttműködés

Közös munka

// Axis Flow

Projektötlet

Az Axis Flow nem szolgáltatások gyűjteménye, hanem egy szemlélet: a tudatos mozgás, az érintésterápia, a tápláló ételek és az élhető terek ugyanazt a célt szolgálják. Roxi munkája sokféle területet ölel fel, a jógaóráktól az ayurvédikus kezeléseken és főző workshopokon át a belsőépítészeti tanácsadásig, ezért könnyen szétaprózódhatott volna különálló szolgáltatásokra. A cél egy olyan weboldal volt, amely ezeket egyetlen rendszerként mutatja be, átadja a gyakorlás nyugalmát, és a közösség tagjainak egyszerű, önálló utat ad az órákra való jelentkezéshez.

// Alapdesign

A mi feladatunk

A feladat a teljes weboldal megtervezése és kivitelezése volt: információs architektúra a három pillér, a test, a tér és a kapcsolódás köré, egyedi vizuális rendszer, valamint egy zárt tagi felület, ahol a közösség tagjai bejelentkezés után jelentkezhetnek a csoportos órákra, lemondhatják azokat, és elérik az árlistát és a gyakorláshoz tartozó lejátszási listákat.
Kihívást jelentett, hogy a nyilvános oldal hangulatközpontú, lassú olvasásra hívó felület legyen, a foglalási rész viszont gyors és egyértelmű: két különböző tempó egyetlen, egységes megjelenésben.

// Alapdesign

Közös stratégia

A stratégia középpontjában a nyugalom áll. A látogató először nem órarendet keres, hanem azt, hogy jó helyen jár-e, ezért az oldal Roxi személyes hangján szól, és a szemlélettől halad a konkrét lehetőségek felé: megérkezés → pillérek → bemutatkozás → jelentkezés. A pillérek egy közös oldalon, horgonyokkal tagolva jelennek meg, így a főoldalról egy kattintással elérhető bármelyik terület. A foglalás a meglévő közösségre épül: a tagok e-mailben kapják a belépési adataikat, és a zárt felületen, egyeztetés nélkül intézik az óráikat.

// Funkcionális megoldások

Fő funkciók

full coverage

Három pillér, egy rendszer

Az Axis Flow (test), az Axis Space (tér) és a Napfény Egyesület (kapcsolódás) közös logikában jelenik meg: minden terület ugyanúgy mutatja be a lehetőségeket, a helyszíneket és az időpontokat.
article

Zárt tagi felület

A közösség tagjai bejelentkezés után egy helyen érik el az órajelentkezést, a saját foglalásaikat, a lemondást és az adataik szerkesztését. A felületet csak a tagok látják.
animated images

Csoportos órák foglalása

Az eseménynaptárban a kozármislenyi, bajai és online órák helyszín szerint jelennek meg, a szabad helyek és a jelentkezések automatikusan frissülnek.
mimo 1

Online és helyszíni fizetés

Jelentkezéskor bankkártyás vagy helyszíni fizetés választható, a folyamatot visszaigazoló oldal és e-mail zárja, benne a foglalás részleteivel.
stylus note 2

Saját design system

Színek, tipográfia és térközök Elementor v4 globális változókban és osztályokban élnek, így az új oldalak és ajánlatok gyorsan és következetesen készülhetnek el.
handshake

Online gyakorlótér

Az online órák Zoom-integrációval működnek: a csatlakozási link a tagi felületen jelenik meg, a gyakorláshoz tartozó lejátszási listák mellett.
// Arculati alapok

Márkaarculat

Az Axis Flow arculata nem a megszokott wellness-világ élénk színeit és sportos lendületét követi, hanem a megérkezés csendjét. A mohás szürkészöld és a meleg, földközeli semleges tónusok a természetes anyagokat és a gondosan megtervezett tereket idézik, Roxi belsőépítészeti hátteréhez illően. A The Seasons címsorbetű elegáns, lassú ritmust ad, a Montserrat szövegtörzs jól olvasható, letisztult alapot, a kézírásos Bigmaker pedig kis, személyes gesztusként jelenik meg.

#434942

#1F1F1D

#A88D67

#D9D6D1

#EDEAE5

#F5F3F0

// Weboldal részletek

Kiemelt weboldal elemek

Axis Flow főoldal – teljes oldal
Hívogató nyitóoldal
A főoldal a „Megérkeztél…” üzenettel nyit: rövid, személyes bevezető, Roxi bemutatkozása és a pillérek gyors áttekintése vezeti a látogatót a számára fontos terület felé.
Axis Flow pillérek oldal – teljes oldal
Pillérek egy oldalon
A tudatos mozgás, az érintésterápia, a tápláló ételek, az Axis Space csomagjai, a táborok és a Napfény Egyesület egységes blokkokban jelennek meg, mindegyiknél a lehetőségekkel és az időpontokkal.
Fizetéstől a számláig – automatikusan
// egyedi összekötés
Online fizetés
bankkártyás fizetés az órafoglaláskor
Egyedi bridge
a foglalás és a fizetés adatai számlaadatokká alakítva
Automatikus számla
e-számla kiállítása és kiküldése azonnal
Fizetve
Adatok átadva
Számla elküldve
Online fizetés és automatikus számlázás
Az órák díja jelentkezéskor bankkártyával, a Stripe-on keresztül fizethető, a számla pedig automatikusan, a Számlázz.hu-n keresztül készül el és jut el a vendéghez. A foglalási rendszer, a Stripe és a Számlázz.hu összekötése nem volt egyszerű: a rendszerek nem beszélnek egymással, ezért egyedi fejlesztésekkel és a működésük alapos ismeretével építettük meg azt a hidat, amely minden sikeres fizetésből pontos számlát állít ki.
Axis Flow tagi felület – órajelentkezés és foglalási ablak
Tagi felület és órafoglalás
Bejelentkezés után az Óráim oldalon lenyitható blokkokban érhető el az órajelentkezés, a saját jelentkezések, a lemondás és az adatok szerkesztése, valamint az árlista és a lejátszási listák.

Eredmények

// 01

Egységes, nyugodt online jelenlét

A sokféle tevékenység egyetlen szemlélet részeként, közös arculatban jelenik meg, így a látogató már az első percekben érti, mit kínál az Axis Flow.
// 02

Önálló órafoglalás a közösségnek

A tagok bármikor, egyeztetés nélkül jelentkezhetnek az órákra vagy mondhatják le azokat, a helyek és a jelentkezések pedig egy helyen követhetők.
// 03

Kevesebb adminisztráció

Az online fizetés, a visszaigazoló e-mailek és a Zoom-linkek automatikus kezelése csökkenti az órák körüli kézi teendőket.
// 04

Önállóan bővíthető rendszer

A design system és az újrahasznosítható komponensek révén új órák, táborok, workshopok és ajánlatok gyorsan felkerülhetnek a meglévő arculatban.
// Projektfolyamat

Idővonal

Idővonal — Axis Flow

Felmérés

1 hét

UX tervezés

1 hét

UI design

1 hét

Fejlesztés és tagi felület

4 hét

Élesítés

1 hét

Utánkövetés

folyamatos
HÓNAPOK 1.2.
// Kezdjük el

Van egy projektötleted?

Beszéljük meg, vagy írj, ahogy neked kényelmesebb