Axis Flow website – case study

// Case studies

Calm you can feel on screen too
– a new website and member area for Axis Flow

Roxi Haraszti started her career as an architect; today she works as a yin yoga and mat Pilates teacher, an Ayurvedic massage therapist and a cooking workshop host. The new Axis Flow website is a calm, uncluttered WordPress system that presents the three pillars of body, space and connection, and handles class bookings, cancellations and online payment in a closed member area.

UX/UI design

WordPress development

Elementor v4

Brand system

Class booking

Member area

Online payment

Design system

Responsive web design

Personal brand

Axis Flow website – case study cover image

// Working together

Our work together

// Axis Flow

Project idea

Axis Flow is not a collection of services but a way of thinking: mindful movement, touch therapy, nourishing food and liveable spaces all serve the same goal. Roxi's work covers a wide range, from yoga classes through Ayurvedic treatments and cooking workshops to interior design advice, so it could easily have splintered into separate services. The goal was a website that presents all of this as one system, conveys the calm of the practice and gives community members a simple, self-service way to book classes.

// alap design

Our role

The brief covered the design and build of the whole website: an information architecture around the three pillars of body, space and connection, a bespoke visual system, and a closed member area where community members can log in to book group classes, cancel them, and find the price list and the playlists for practice.
The challenge was that the public site had to be mood-led and invite slow reading, while the booking part had to be fast and unambiguous: two different paces in one consistent look.

// alap design

Shared strategy

Calm is at the heart of the strategy. Visitors are not looking for a timetable first; they want to know whether they are in the right place. So the site speaks in Roxi's personal voice and moves from the philosophy to the concrete offer: arrival → pillars → about → booking. The pillars share one page, divided by anchors, so every area is one click from the homepage. Booking builds on the existing community: members receive their login details by email and manage their classes in the closed area, with no back-and-forth.

// Functional solutions

Key features

Three pillars, one system

Axis Flow (body), Axis Space (space) and the Napfény Egyesület association (connection) follow one shared logic: every area presents its options, locations and dates the same way.

Closed member area

After logging in, community members find class booking, their own bookings, cancellation and profile editing in one place. Only members can see this area.

Group class booking

The event calendar lists the Kozármisleny, Baja and online classes by location, and free places and bookings update automatically.

Online and on-site payment

When booking, members can pay by card or on site; the process ends with a confirmation page and an email containing the booking details.

Custom design system

Colours, typography and spacing live in Elementor v4 global variables and classes, so new pages and offers can be built quickly and consistently.

Online practice space

Online classes run with a Zoom integration: the joining link appears in the member area, next to the playlists for practice.

// Brand foundations

Brand identity

The Axis Flow brand does not follow the bright colours and sporty energy of the usual wellness world, but the quiet of arriving. Mossy grey-green and warm, earthy neutrals evoke natural materials and carefully designed spaces, in keeping with Roxi's interior design background. The Seasons headings give an elegant, unhurried rhythm, Montserrat body text a clean, highly readable base, and the handwritten Bigmaker appears as a small, personal touch.

#434942

#1F1F1D

#A88D67

#D9D6D1

#EDEAE5

#F5F3F0

// Website details

Key website elements

Inviting homepage

The homepage opens with the message “You have arrived…”: a short, personal introduction, Roxi's story and a quick overview of the pillars guide visitors to the area that matters to them.

All pillars on one page

Mindful movement, touch therapy, nourishing food, the Axis Space packages, the retreats and the Napfény Egyesület association appear in consistent blocks, each with its options and dates.

From payment to invoice – automatically

// custom integration

Online payment

card payment at the time of booking

</>

Custom bridge

booking and payment data turned into invoice data

Automatic invoice

e-invoice issued and sent instantly

Paid

Data passed on

Invoice sent

Online payment and automatic invoicing

Class fees are paid by card via Stripe at the time of booking, and the invoice is created automatically via Számlázz.hu and sent to the guest. Connecting the booking system, Stripe and Számlázz.hu was not simple: the systems do not talk to each other, so we built the bridge with custom development and an in-depth knowledge of how they work, turning every successful payment into an accurate invoice.

Axis Flow member area – class booking and booking window

Member area and class booking

After logging in, the My Classes page offers class booking, the member's own bookings, cancellation and profile editing in expandable blocks, along with the price list and the playlists.

Results

// 01

A consistent, calm online presence

The many activities appear as parts of one philosophy with a shared brand, so visitors understand what Axis Flow offers within their first few minutes.

// 02

Self-service booking for the community

Members can book or cancel classes at any time without back-and-forth, and places and bookings can be tracked in one place.

// 03

Less admin

Online payment, confirmation emails and automatically handled Zoom links cut down the manual work around the classes.

// 04

A system that grows easily

Thanks to the design system and reusable components, new classes, retreats, workshops and offers can go live quickly within the existing brand.

// Project process

Timeline

Timeline — Axis Flow

Assessment

1 week

UX design

1 week

UI design

1 week

Development and member area

4 weeks

Go-live

1 week

Follow-up

ongoing

MONTHS 1.2.

// Let's get started

Calm you can feel on screen too
– a new website and member area for Axis Flow

Our work together

Project idea

Our role

Shared strategy