Skip to main content

Updated Member Portal and Mobile App Experience

A Faster, More Modern Desktop and Mobile Experience for Your Players

Written by Mari Bern

Introduction

Feature Summary: The new CourtReserve experience is an updated version of the member portal and mobile app. Pages load faster, so players can move through options and complete tasks more quickly. It has a cleaner, more modern look while keeping the layout players already know.

Use Cases:

  • Give players a faster, more modern interface for booking, registering, and managing their account

  • Give players access to new features, such as the Player Network and Tournaments, that are only available in the new experience


Overview

The new CourtReserve experience gives your players a faster, more modern way to use the member portal and mobile app. Pages load quickly and show players what’s happening as they move through the app, and an updated look makes booking, registering, and managing their account easier than ever. The admin panel stays the same.

Players book reservations, register for events, and manage their account the same way they do today. Most screens keep the same layout, so players can find everything right where they expect it.

New player features from CourtReserve are built for the new experience. When the new experience is on for desktop and mobile, your players get access to these and future features.


What's New for Players

  • Updated design - A cleaner, more modern look, including an updated reservation experience

  • Faster and more responsive - Pages load faster and buttons respond more quickly. A loading preview appears while content loads, and buttons show when an action is processing, so players always know what’s happening.

  • Updated navigation - Collapsible side menus and a quick-jump menu help players move between areas more easily. Account pages on the member portal, such as My Bookings and My Family, also include a side menu with all account options.

  • High contrast - Players can turn on stronger borders around buttons and other controls from the same Settings page

  • Dark theme - Players can switch to a darker color palette from Personal Information > Settings in the member portal or mobile app

  • More Club information in the mobile app - Players can tap the weather widget to view information about your club


What Players See

The change applies to all of your players on that device type right away. Players don’t need to log out or update the app. They see the new experience the next time they open the member portal or mobile app.

Note: There is no way to preview the new experience for only system users before turning it on for players.


How Your Portal Settings Carry Over

Your existing Portal Settings carry over to the new experience, so your logo, header colors, menu, navigation, footer links, and custom pages appear automatically. To keep the look consistent and easy to read across devices, the new experience handles a few settings for you:

  • Footer colors - The footer matches your header colors, giving the page a unified look.

  • Button colors - Your club’s colors appear in key places, such as the home page. Other buttons, such as Register and Learn More, use black for clear, high-contrast readability.


Before and After

The examples below compare the classic and new versions of common mobile app and member portal screens, starting with the mobile app, since that’s what most players use. Players use these screens the same way in both versions. Most screens keep the same layout with an updated look. Your club’s screens may look slightly different depending on your settings and the features your club uses.


Mobile App

The new mobile app has a cleaner, more modern look, with the same screens and options players already know.

Home Screen

Example of the Classic Home Screen
​

Example of the New Home Screen

​

What changed: The menu at the bottom of the screen now floats above the page, and players can tap the weather widget to view information about your club.


Create Reservation

Example of the Classic (Left) and New (Right) Create Reservation Screen:

What changed: The date and time now appear at the top in a simple calendar-style graphic, with the full time range shown so players don’t need a separate End Time field. Add Guest and Add Player are now separate buttons. To sign a waiver, players tap the waiver icon next to their name instead of a Sign Waiver(s) link.


Account Menu

Example of the Classic (Left) and New (Right) Account Menu:


​What changed: The account menu now includes a Notifications option, so players can manage their notification settings from the same menu. Each option has its icon in a small tile, and the menu at the bottom of the screen floats above the page.


Event List

Example of the Classic Event List and Filters:
​

Example of the New Event List and Filters:
​

What changed: The Filter button is now a filter icon at the top of the screen. In the filter panel, each filter collapses into a section that shows how many options it has, and players can now sort events by name (A-Z).


Light and Dark Mode

Players can turn on Dark Theme or High Contrast from Personal Information > Settings. These settings only apply to the player's own view.

Example of the Player Settings Page:
​

Example of the Default Theme:

Example of the Dark Theme:
​


Member Portal (Desktop)

The new member portal includes the same updates as the mobile app, adapted for a desktop browser. The member portal also has a few changes of its own, including a side menu on account pages and a default home page for clubs that haven’t added custom content.

Home Page

Example of the Classic Home Page:
​

Example of the New Home Page:

What changed: Your club’s custom content at the top of the home page stays the same. Below it, news now appears in a News section with a View All link, and your club’s contact information and hours appear in a Location & Hours section that shows whether your club is open now.

Default Home Page

If your member portal home page doesn't have any custom rows, the new desktop experience automatically displays a home page using your club's information. Example below. You can still add your own content from Settings > Portal Settings > Website > Rows. Learn more about customization of rows here.

Example of New Home Page template (with no custom rows configured):
​


Create Reservation

Example of the Classic Create Reservation Window:

Example of the New Create Reservation Window:

What changed: The Create Reservation window has a cleaner, more modern look. Players book reservations the same way as before.


Event List

Example of Classic Event List:

Example of New Event List:
​

What changed: Filters now collapse into dropdowns, and players can switch between grid and list views. Event cards show the category and tags together at the top, along with how many dates the event has.


Account Menu

Example of the Classic Account Menu:
​

Example of the New Account Menu:
​

What changed: The account menu has the same options as before, now with an icon next to each option. The menu now has a white background instead of your club’s custom color.

When players open an account page, such as My Bookings, the same options also appear in a side menu on the left, so players can move between account pages without reopening the account menu. Example shown here.
​


My Family

Example of the Classic My Family Page:
​

Example of the New My Family Page:

What changed: Family members now appear as individual cards instead of rows in a table, with each member's role and membership status shown at a glance. A side menu lets members move between account pages, such as My Bookings, My Membership, and Payment Profiles, without returning to the account menu.


Summary

The new CourtReserve experience gives your players a faster, more modern member portal and mobile app. Pages load quickly, screens have a cleaner look, and players can still find everything where they expect it.

We’d love to hear what you and your players think. Send any feedback to the CourtReserve Support team.

Did this answer your question?