Skip to content

XFitness

XFitness

Our 3D devices, with stills of the real XFitness screens.

Kiosk, native mobile app, website and system admin for a gym in Johor, plus access control on its gate.

Role
Built by Tesseracq: the kiosk, the native mobile app, the website, the system admin and the access control on the gate.
Services
  • Kiosk
  • Mobile app
  • Website
  • System admin
  • Access control
Visit site (opens in a new tab)
Photo, XFitness. Treadmills on the cardio floor.
Photo, XFitness. Treadmills on the cardio floor.

Renders

Render: real XFitness check-in, member app and admin screens on rendered devices
Render: real XFitness check-in, member app and admin screens on rendered devices
  • Render: the real XFitness check-in screen on a rendered counter tablet

    Render: the real XFitness check-in screen on a rendered counter tablet

  • Render: the real XFitness member app on a rendered phone

    Render: the real XFitness member app on a rendered phone

  • Render: the real XFitness owner dashboard on a rendered laptop, figures blurred

    Render: the real XFitness owner dashboard on a rendered laptop, figures blurred

Photo, XFitness. The X FITNESS turf on the training floor.
Photo, XFitness. The X FITNESS turf on the training floor.

The system

Member app

The home screen with the member card, the plans (prices hidden) and the account settings.

  • XFitness member app: home with the member card and quick links
  • XFitness member app: choose your plan (prices hidden)
  • XFitness member app: account settings

Kiosk

Phone number entry at the counter, then the check-in confirmation.

  • XFitness kiosk: enter a phone number
  • XFitness kiosk: the checked-in confirmation

System admin

The owner dashboard (figures hidden).

  • XFitness system admin: owner dashboard (figures hidden)
Client
Gym and fitness centre
Location
Iskandar Puteri, Johor, Malaysia
Platforms
Web, counter tablet, iOS and Android, Windows
Gate hardware
Two MAG FR320 readers, entry and exit
Stack
Next.js, React Native (Expo), Supabase, Node.js

The challenge

Make the gym’s kiosk, member app, website and system admin work as one system, with a gate that opens for active members only.

What we built

  1. Kiosk: a tablet at the counter to check in with a phone number, sign up as a new member, or pay for a walk-in visit.

  2. Native mobile app: built for iOS and Android, for members to sign up, buy and renew memberships, pay online, enrol their face and book personal training.

  3. Website: membership plans, programmes, timetable, trainers and FAQ, live at xfitness.my.

  4. System admin: members, payments, point of sale, invoices, payroll, personal training and reports, also as a Windows desktop app.

  5. Access gate: set up on two MAG face readers, one for entry and one for exit. Only an active membership opens it.

  6. One entry, then one exit, per member, so staff see a live count of how many are inside and members see how busy it is.

  7. A bridge on the reception PC keeps the readers in step with the system, with an email alert if it stops.

Result

The public website is live at xfitness.my.

  • Client's premisesPhoto, XFitness. Squat racks and the lifting platform.
  • Client's premisesPhoto, XFitness. Squat racks and bumper plates.
  • Client's premisesPhoto, XFitness. The posing room.
  • Client's premisesPhoto, XFitness. The front counter.