Back

Mobile application

Wufang

Established in 2005, Wufang Singapore empowers children and adults to develop discipline, focus and resilience through Wushu and fitness training. This app enable students to easily purchase necessary products, book classes and coaches to mark student's attendance conveniently.
UX/UI Research, Styleguide,
Mobile App Design, Image editing
Role: Lead Designer
Client: Wufang
Year: 2021

Brief

• To design a mobile application for Students and Coaches
• Purchasing of training packages, products and subscribe to useful videos
• Book classes within the application after purchasing packages
• Book & cancel classes in the application
• Waiting list for students if the classes are full
• Student to view overall grading on application
• Coaches to grade students on application
• Coaches can keep track of the attendance of students who attend the lessons

Styleguide

Following Wufang's branding, the mobile application look and feel uses Wufang's branding colours, fonts and images.

Sitemap

Sitemap for both Students and Coaches.

Userflow

There are many modules and functionalities in the project. In oder for seamless user experience, every step has to be thought of carefully, to lead users to the right directions.

Login & Register

Users are able to login with their existing account or register a new account. Every account is a parent account, users can make multiple profiles under the parent account.

An indemnity form is mandatory to filled up when registering an account as it affects the ability of the users to be able to purchase a package later in the application, hence the red disclaimer text on the 3rd step of creating an account. However, users are able to skip that step but will be reminded to fill up the form again when they are about to purchase packages.

Purchasing packages, products & Subscribe to videos

Search & filter functions for packages, products & videos. Users are able to directly purchase from this application.

Flexible booking & canceling system

Users are able to book & cancel lessons after purchasing their packages. Users will be put on the waitlist if the lessons are fully booked. Users will be notified if the fully booked classes have available slots.

Live tracking attendance of students

Instead of manually printing out attendance sheets and marking it, this application makes attendance taking much more convenient in a digital way where coaches  are able to mark & track student’s attendance for each lesson on the application with just one button click!

Comments & Gradings

Coaches are able to grade & comment on students’ performance over the lessons Those grades & comments will reflect on the student's profiles for them to also view and reflect on their lessons.

Notes

This was one of the bigger mobile application projects that I worked on. The amount of functionalities and modules they have on this mobile application pushes me to think a few steps ahead. This project helps me grow to be more meticulous in my designs, not missing out any tiny details.