UI Stuff

What I need:

• Exact font style use. If N/A, give the closest equivalent
• Exact color scheme. Preferrable if color codes or hex values are used to accurately reproduce the color on the UI.
• Official La sema logo

'

Five main user types

• • Superadmin (IT Manager)
    • Superadmin basically has unrestricted access to the system (all other functions below, including the ability to manage admins)
• admin (IT)
  • Admin has all access to the system as mentioned below, but can also manage users below its tier, as well as access to the logs of the system (for non-repudiation purposes). Admin cannot manage other admins.
• Manager
  • Manager has all the functionalities of receptionists and staff, but can manage them, as well as see and utilize a reports page detailing the projected revenue of la sema. They also have a comprehensive view of the transactions made encoded by the receptionist.
• Receptionist
  • Receptionists can only do one thing, and that is to schedule sessions by assigning a therapist, a massage, and a room to a client, all while recording the whole transaction, producing a treatment slip manually (other reports, such as the cut-off report, are produced automatically).
• Staff
  • The staff view needs no account. In fact, it is merely a view or interface where staff can view tasks assigned to them and acknowledge their task. Shown on one big TV, the view is merely there to inform them, and their interactions with the system are very limited. Hence, very limited permissions.

Entry pages

Sign in page

• Shows merely email and password input. Below t he password input, is a small higlighted text that says “Forgot password? Contact your admin”. Default password are set by admins. Below that is the button “Sign in”

Sign up page

• At present, I don’t think we need a sign up page. The accounts will be made by the admin themselves. However, for reference, make a sign up page that contains the following details
  • First Name
  • Last Name
  • email
  • password
  • confirm password
  • “Create your account” button

Reports Page

• I’m still developing this. But this page gets information from a database storing transaction data. An AI API will then use this data to generate future revenue predictions based on past and present revenue data. Data is formatted using statistical graphs, visuals, etc., that are interacted and give essential information for the manager in making future financial decisions.

Miscellaneous features

• The “Admin” or the right upper side icon, when clicked, should show a few options, chief of which is the settings page. Here’s a sample

'

• The “Spa Management System” next to SumiCare Logo should state the role the user has, whether “Admin”, “Receptionist”, or “Manager”, etc.

• For the Header, we will replace the “SumiCare” name to the La sema official logo. However, I’m thinking of keeping SumiCare (our own branding. Think about Dashlabs’ model). Idk where to put it, maybe next to the logo. For now, we will replace SumiCare and just put the logo in its place.

• Extra note for the header: the header as it is shown only exists for manager, admin, and superadmin (the latter two have certainly more features, so the below header really is suited more for the manager). This, receptionist and staff views, don’t have those options. Maybe other options that are related to receptionist view. For now, for receptionist and staff, remove the four options. Link to dashlabs: https://www.dashlabs.app/admin?page=0&rowsPerPage=200&searchText=&sortBy=name&sortDirection=desc&status=ACTIVE

Sidebar

• Lastly, for admins and super admin, include a sidebar with the burger menu, like dashlabs'