User (Guest) Admin (client)
1) Onboarding screens, the first things that
the users see when they launch our
website.
 Navbar Section
-include home-about us-why us
-team-Pricing-contact us
 Home Section
-there is a button in home section
That will open a video to make user
know How to use website.
 About us Section
-A small article explains the user with
simplified information about the program.
-there is also a button that directs him to a
special page with a detailed explanation of
the program
 Why us Section
-Explains to the guest how to benefit
from the program according to the
nature of the user’s work
 Team Section
-guest can know the team how build
the program and he can also know
their role in program and contact
them
 Pricing Section
-guest can know the pricing that the
program provides and what is the
features that every package provides
and it price.
 Contact us Section.
-guest can contact one of our
customer service or leave message or
review for us.
1) Onboarding screens, the first things
that the users see when they launch
our website.
 Navbar Section
-include home-about us-why us
-team-Pricing-contact us-
get started (sign in-up page)
 Home Section
-there is a button in home section
That will open a video to make user
know How to use website.
 About us Section
-A small article explains the user with
simplified information about the program.
-there is also a button that directs him to a
special page with a detailed explanation of
the program
 Why us Section
-Explains to the guest how to benefit
from the program according to the
nature of the user’s work
 Team Section
-guest can know the team how build
the program and he can also know
their role in program and contact
them
 Pricing Section
-guest can know the pricing that the
program provides and what is the
features that every package provides
and it price.
 Contact us Section.
-guest can contact one of our
customer service or leave message or
review for us.
 2) Signup (Register)

 Authentication
 Name
 Email
 Password
 Re-password
 Address
 Phone Number
 National ID

 Select a plan.
 Pay the plan amount.

2) Login
 Enter his:
 Email
 Password
 Click on the Forget password link.
 Click on the login button.

3) View
 Main Dashboard
 Side bar with multiple choices
Example (Employees-warehouses)
 Account icon with name of admin
 Message and notification icons
 Search bar
 Web cards for monthly and annually
revenue and pending task and complete
one

4) Actions

a. Admin can:
Add employee
Edit employee
Remove employee

b. Admin can also:

Add tasks
Remove tasks
Edit tasks

c. Can:
Edit his account info
Upgrade the package after buying it