UX/UI Mobile App

Objective
Design UI/UX for a reward program app that works by QC code. This is an MVP app and the design should allow web developers to easily understand the app and how it should work. The intended market is saloons, barbershops and carwashes.
How it works
When a user is done receiving a service or a product, the service provider takes out their phone to scan a QR code of the customer to obtain their details. Then enter the value of the product/service the customer has purchased into the app or select pre-populated items from their shop for example hair cut 12 dollars, or if it is a custom service they can type the value $15. Once they have captured the value and customer details the customer gets credited with “points”. The points can be set up in the backend of what monetary value they have, for example, $1 can be equivalent to 100 points. Once the points have accumulated to a certain value, they can be redeemed back for a product or service. For example, the service provider can create a programme where is the customer accumulates 1000 points they can get a free haircut, so in that case when the customer comes to claim back the points, they scan the QR of the service provider to redeem those points.

Backend service provider (View from service provider)
Should be able to list a product catalogue for their shop.
They should be able to determine how many points each item has based on the value.
They should be able to push notifications on the app for promotions or specials they are running.
They should also be able to send emails and WhatsApp messages to their clients from the app. Users should be able to opt out of these marketing messages.
If a QR code is not available, they should still be able to capture user details using their mobile number.
The app should allow the service provider also to be able to generate invoices for their customers using the listed products or entering a custom value.
No payments or transactions on the app.
Should be able to register one store only
Should be able to view all customers who signed up for the loyalty program.
They should be able to message customers individually or as a group on the app.
Be able to generate an invoice for customers.



Customer side
Customers should see all service providers with a loyalty program on the app when they open it. They should be able to see many barber shops and salons.
They should have an inbox tab where service providers can message them
They should be able to see how many points they have acquired for each store
The app should be able to work offline and sync later when it's connected to the internet.

Service provider side


Main function
Rewardsprogram
Marketing CRM solution
Invoice Maker


Login
Be able to sign up using a Gmail account or email.
The sign-up should include a mobile number as mandatory.
Free version
Limits the number of customers the service provider can have.

Paid version
Unlimited number of customers on the systems
Subscription-based plans, monthly or yearly.

Admin side
Should be able to remove or add service providers manually on the app
Should be able to add customers manually.
Should be able to gather usage analytics of the app.
Should be able to change free and paid plan options and amounts
Should be able to limit or increase features

App
Mobile Cross Platform (Android and iOs)
Should have a web application for admin
Should have a customer side, service provider side, and admin side (web).

Deliverables
Figma files wireframes
Figma UX/UI design
Mockup images of app's main screen
Flow diagrams of app operations
One page elevator pitch marketing brochure