Members Booking Module

members booking screens
Members Module Screens

The Problem

The legacy member's module was a core BRS product that allows member golfers to make online bookings at their golf club. Since its launch in 2004 it has allowed golf clubs to move away from over the phone or in person bookings for casual and competition play.

The legacy BRS Members module was not built with modern UI/UX principles in mind so the redesign was an opportunity to deliver a product that feels more intuitive to use.It was not responsive despite 70% of the traffic coming from Mobile and Tablet devices.

Requirements

  • Mobile first, and fully responsive.
  • Modern design, without alienating our core demographic who are change adverse.
  • Easy navigation - in particualr on the tee sheet page.
  • Streamlined and simplified booking - a 5 step booking process is cumbersome on mobile.
  • Highly Accessible - a good proportion of golf club members reported disabilities like hearing, color blindess and old age and its important that the product is accessible for these users.
Competitor Analysis

Research Methods

  • We kicked off this project with competitor analysis. Although the legacy software was the most widely used in the industry, many similar products had been released by competitors since its launch.
  • We used Google Analytics data to assess which devices and browsers were most widely used, and to gain information about the target demographic.
  • User Interviews - we interviewed golfers and golf clubs to see where they thought the feature gap was in the legacy product, and to see what frustrations they had with using the current system.

Process

As we were largely replicating existing functionality, we kickstarted the design process with some basic wireframes and then built out the new front end of the product using bootstrap/vue.js. We wanted to get the product in the hands of users as early as possible as it is one of the companys core products.

The initial product did not have much visual design imput aside from some of the brand colours, with the developers mainly relying on basic bootstrap styling.

Beta Testing

We beta tested with 10 clubs for initial feedback. We used a combination of user interviews, surveys and FullStory to gather feedback.

  • Users liked that they had a better experience on both tablet and mobile however some users reported that they would like more tee times on the screen and that there was too much scrolling in comparison with the legacy software.
  • Some users reeported that the text was too small, and some reported that the text was too big.
  • Some users reported that they didn't want to see detail such as reservation name and type on the tee sheet, simply who was playing.
  • The controls at the top of the tee sheet dissappeared on scroll. this proved to be quite frustrating for some users who liked to navigate through many days to see who else was playing.

Response to Testing

From our findings we made the following decisions:

  • It was decided to add a button to cycle through 3 different font sizes on the tee sheet to meet varying preferences. We set a cookie to store user preference.
  • It was decided to add a detail toggle so that the user could change this to suit. Again, we set a cookie to store user preference.
  • We changed the tee sheet controls to a fixed header to better suit user behaviour, as it was discovered during full story sessions that users would often change dates to see who was playing when.
  • We changed the visual styling of the product to look more professional and more in tone with other BRS Golf Products.
  • Some adnimation was added to the fixed header of the tee sheet to make users aware that there were additional controls to the right.

Additional Materials

User Personas
Initial Designs


Initial Designs