Mahjong Learning Platform UI/UX Design Case Study

01 — Overview

A complete community product experience, designed end to end

AlnairTech designed the full For The Love Of Mah Jongg experience — marketing pages, event discovery, lessons, member accounts, dashboard tools, bookings, and checkout — one cohesive green-and-gold system.

Client: For The Love Of Mah Jongg
Project Type: Full Product UI/UX Design
Timeline: 6 Weeks
Our Role: UI/UX & Product Design

02 — Challenge

Design a platform people can live in, not just land on

Public pages had to feel welcoming; member tools had to feel equally warm. Auth, bookings, and payments needed clarity without losing the community personality.

Convert beginners through approachable marketing UX
Keep auth and dashboard friendly, never clinical
Make event detail and checkout trustworthy at a glance
Simplify profile, bookings, and saved cards

03 — Solution

One design system across marketing, members, and checkout

We mapped flows and designed every key surface — public pages, Sign In/Register, dashboard modules, booking confirmation, and payment review — with consistent components and a calm visual voice.

Grow bookings through clearer discovery UX
Reduce friction from event detail to payment
Make member tools feel simple and inviting
Carry one green-and-gold system end to end

04 — Design Showcase

Homepage design

Scroll the homepage composition, then explore the member and checkout screens.

05 — Spotlight

Moments that define the product

Discovery, membership, and payment flows designed as one journey.

Events

Browse workshops and tournaments with date, level, and Book Now.

Event Detail

Mahjong Learning Platform

Everything players need before they book

The Event Detail page gives players a complete picture of each session, including the schedule, instructor, availability, and pricing, so they can book with confidence in just a few clicks.

Spots availability
Real-time capacity shows how many seats are left at a glance.
At-a-glance schedule
Key details like date, time, and format stay front and center.
Clear booking CTA
Pricing and a prominent action make booking simple and fast.

Intermediate Mahjong Lessons event detail page

Goal: Give players all essential event information and make booking effortless.
Interaction: Scan details, check availability, and book in one clear flow.
Outcome: Faster bookings, fewer drop-offs, and higher event participation.