DRIP Singapore and CHERRY Discotheque are nightclubs located in Singapore. With the goal of reaching out to their customers and increasing customer experience, the owners are looking to create a mobile application for their customers. At the same time, the mobile application will help facilitate event and club sales.

First, I explored Dribbble and Pinterest for visual inspirations to define the app's branding and card design. This helped me gather ideas for color schemes, layout, and style, ensuring the design was clean, fun, and aligned with the brand’s exclusive feel. It served as a foundation for refining the app’s visual direction.

The app is all about that sleek, VIP vibe – where simplicity meets a hint of fun. The look is mostly white and silver with a crisp black mono font that keeps things clean, modern, and sharp. I left behind the usual club glitz and made it feel exclusive but approachable, like users are part of something special from the moment they open it.

This isn’t a typical club app; it’s a fresh, members-only feel that’s easy on the eyes and easy to use. Whether users are browsing events or making a booking, the layout keeps things simple and classy, with subtle touches that bring in just the right amount of energy.

I created user journey flows for the customer, admin, and staff portals to map out key interactions. The customer journey focused on tasks like event ticketing and membership management, ensuring a smooth experience. The admin journey optimised backend tasks such as managing users and transactions, while the staff journey streamlined operational features like scanning QR codes and processing payments.

To visualise these journeys, I started with low-fi wireframes, prioritising functionality and layout. This approach helped me refine user flows and ensure the app's features were aligned with user needs, setting a strong foundation for further design work.

On the application, customers can buy membership plans to give them access to nightclubs, purchase in-app credits which can be used to purchase food and beverages, and buy event tickets.

The membership cards are crafted to give an exclusive, high-end feel with a sleek 3D look and holographic sheen that adds visual depth and interactivity. Swiping through the cards is central to the experience, with a card-flipping animation that responds to touch, making each interaction feel dynamic and engaging.

Each card carries the essentials for easy verification at the club:

Date of Membership and Expiry Date for tracking membership duration

A unique QR code for quick access or entry scanning

The last 4 digits of the NRIC for identification

The club logo to reinforce brand identity

While the core design remains consistent across tiers, each level has a distinct customisable color scheme to differentiate membership tiers. This gives members the option to personalise their cards while maintaining a unified, luxurious look across the app. This design also ensures that bouncers or staff can quickly verify age and membership details, creating a seamless entry experience for users.

The event ticketing feature offers a streamlined purchase flow that directs users to a secure Stripe checkout page for quick, reliable payments. To enhance the member experience, users with an existing membership enjoy priority queue access—ensuring they can secure tickets before general release. For additional flexibility, promo codes can be applied at checkout to unlock special offers. A user account is required for ticket purchases, keeping the process personal and secure.

Tickets come with clear usage conditions: they are non-refundable and non-transferable, valid only at the specified event venue, and expire automatically once the event concludes. This transparent, efficient setup reinforces the app’s exclusivity and ease of use, while ensuring that all ticketing details align with a premium, user-friendly experience.

The Vault module provides users with a simple, streamlined way to purchase membership plans and in-app tokens that enhance their club experience at Drip and Cherry.

For in-app tokens, customers can purchase credits with a 1:1 exchange rate with the Singapore Dollar, also processed via Stripe. These tokens never expire and can be used solely at Drip and Cherry to buy food and drinks. Tokens are non-refundable, non-transferable, and do not accept promo codes at checkout. User accounts are required for all credit purchases, and no token packages are available, keeping the process straightforward.

For membership plans, users are directed to a secure Stripe checkout page. Once purchased, a unique membership card is generated for each customer, giving them immediate access to exclusive benefits. Memberships are set to auto-renew, with the option to opt-out at any time. Customers can cancel at any time (active until the next billing date), upgrade immediately with pro-rated pricing, or schedule a downgrade effective at the next billing date. Promo codes can be applied during checkout, and a user account is required for purchase.

i. Upgrade Membership Ability to switch the current membership to a more premium plan

Context: Current billing cycle is 12 months and next billing date is on 4 Jan 2024

Action: User upgrades membership from $50 plan to $100 plan on 5 July 2023

Scenario: User is instantly billed the pro-rated amount [$100 - $(50/12*6) = $75] for the 'premium' membership subscription.

Result: New billing cycle is 12 months and new billing date is on 4 Jul 2024

ii. Downgrade Membership Ability to switch the current membership to a more affordable plan

Context: Current billing cycle is 12 months and next billing date is on 4 Jan 2024

Action: User downgrades membership from $50 plan to $25 plan on 5 July 2023

Scenario: Current 'premium' membership will end on 4 Jan 2024 and user will be billed the price of the 'less premium' membership

Result: No change to billing cycle and billing date. User continues to have access to current 'premium' membership benefits until the next billing date.

iii. Cancel Membership Ability to unsubscribe the current membership

Context: Current billing cycle is 12 months and next billing date is on 4 Jan 2024

Action: User cancelled membership on 5 July 2023

Scenario: User continues to have access to membership benefits until the next billing date

Result: Membership terminates on 4 Jan 2024 and user will no longer have access to membership benefits

Overall, the Vault setup ensures users have flexible access to plans and credits, enhancing their club experience with clear terms and easy management options.

Admins have the highest of all permissions in the application. They are able to view all transactions happening on the application and facilitate refunds to customers. They can also create membership plans and events for users to purchase.

The User Management feature in the Admin portal is designed to give Admins full control over the platform’s user access. Admins can invite new users via email, assigning each as either an Admin or Staff (normal user) based on their role. Once users are added, Admins have tools to restrict or remove access as needed: they can block access for specific Staff users to temporarily limit their permissions or delete Staff accounts permanently if necessary.

To streamline oversight, the module includes standard sorting and filtering options, making it easy for Admins to locate specific users or view groups based on role or status. This setup ensures Admins can quickly and efficiently manage the platform's backend user access, maintaining secure and organised control over the app's operational functions.

The Events Management feature in the Admin portal equips Admins to efficiently create and manage event listings for customer viewing and ticket purchasing. Each event entry requires key details, including an image, event name, location, description, start and end dates/times, price, refund policy, and terms and conditions to ensure clarity and transparency for attendees.

Admins can assign priority access dates specifically for members, allowing exclusive, early access to ticket purchases before the general public. To further streamline event management, the module includes standard sorting and filtering options, making it easy to view, update, or organise events by date, location, or other criteria. This setup provides Admins with a comprehensive toolset to create engaging event listings, while ensuring members enjoy early access benefits.

The Promo Code Management feature in the Admin portal is designed to make it easy for Admins to create and oversee dollar-off discount codes that can be applied during customer checkout. Admins can set redemption limits for each code, providing control over how often a promo code can be used across accounts. Additionally, Admins can track total usage of each code for performance insights.

Promo codes are flexible, allowing multiple redemptions per account without any minimum purchase requirement. This feature simplifies discount management, giving Admins a streamlined tool for boosting sales while maintaining complete oversight of promotional activity.

The Transaction Management feature in the Admin portal provides Admins with a comprehensive view of all transaction logs, including token top-ups, event ticket purchases, membership plan purchases, token payments, and token refunds. Each transaction generates a unique transaction ID to simplify search and identification. For further transaction details, Admins can access additional information directly through the third-party payment platform, Stripe, ensuring detailed transaction insights when needed.

Admins also have the ability to facilitate refunds by reversing token transactions, provided the transactions are marked as completed. Each refund creates a new transaction ID, allowing for clear tracking and auditability. This feature ensures that Admins can efficiently manage customer transactions and address refunds where necessary, maintaining smooth and transparent financial interactions.

The Membership Management feature in the Admin portal allows Admins to create and manage multiple membership tiers for each club. Admins can define each tier by specifying details such as the plan name, duration (e.g. 3 months, 6 months), and price (both monthly and annually). Each membership tier can also have customised designs and color variations unique to each club, with an integrated color picker for easy personalisation.

Admins can also view the list of users under each membership plan, allowing for detailed member tracking. In cases where necessary, Admins can suspend or cancel memberships, with predefined suspension durations (1 week, 1 month, or 1 year). This module empowers Admins to manage and personalise the membership experience effectively, ensuring flexibility and control over the membership structure.

Staffs have limited access and mostly are using the application to facilitate customer’s entry and purchasing of food and beverages. *Take note that these modules are accessible on Admin Portal too

The Attendance Management feature in the Staff portal enables Staff to efficiently track and view member attendance for each day. The system registers attendance automatically with every entry scan, ensuring seamless tracking. Staff can access detailed attendance data for members only, with the data list filtering out non-members. This feature allows Staff to have a clear overview of member attendance and helps streamline the management of member participation at the club.

The Scanning Entry QR feature in the Staff portal allows Staff to verify and scan a customer's membership card QR code upon entry. When the QR code is scanned, the system registers attendance and ensures that each unique QR code can only be scanned once.

To maintain security and prevent reuse, entry QR codes refresh every 12 hours. This functionality helps Staff efficiently verify customers' membership status and track their entry, ensuring a smooth and secure club experience.

The QR Payment feature in the Staff portal allows Staff to easily process payments by scanning the QR code on a customer's membership card. Staff can input the value to be deducted for each purchase, and upon successful processing, the customer's credits will be deducted accordingly.

This feature streamlines the payment collection process, allowing Staff to quickly and accurately complete transactions using the app, ensuring an efficient experience for both staff and customers at the club.