You are on page 1of 11

Needs of the admin panel

Finance & Discounts section​: ​In the admin website we need a section that collects
information about the finances of the platform and a place to create/edit the discount codes. See
the sketches to understand what to do.

Title of the section: Sales

The 2 charts below are made with Charts - Flot - Combine Chart.
For the charts, only use the vertical bars (green), not the lines in orange and blue.

The vertical axe represent “$” and be horizontal axe can change by day,weeks or months. Add an
option to select how is the horizontal axe. We should be able to select dates to see the revenues
in between those dates. When the page loads, you see the last week revenue.

This first chart represent the sales we made and it is simply the addition of all the sales made in
the section Service.
Title: Sales

This second chart represent the profit we made and it is simply the addition of all the sales minus
all the money we pay the partners for the services (see the section Service).
Title: Gross profit

Title of the section: Rates for the services


Use Table - Data table - Data table for the next two tables.

The first table title : List of prices


The table should look like the chart below. The values inside are not final

Type Price Partner’s Bank fees Profit Action


share

Towing 89$ 70$ 2$ $ Edit

Winching 50$ 40$ 2$ $ Edit

Jump start 40$ 35$ 2$ $ Edit

Tire change 50$ 40$ 2$ $ Edit


Fuel delivery 50$ 40$ 2$ $ Edit

Lockout 50$ 40$ 2$ $ Edit

Cancellation 30$ 25$ 2$ $ Edit


The last column is Action there is a button you can click. If you click “Edit”, you can directly
edit the prices directly into the tables. It should update automatically into both apps.

At the right of this table, there’s another table that should look like below. This table is used to
view and edit the supplemental costs for the towing services and the winching services. Those
value are not final and will change.
Title: Supplements

Type Condition Supplement Action

Towing Less than 10km 2.00$/km Edit

Between 10km and 20km 1.50$/km Edit

Between 20km and 40km 1.25$/km Edit

More than 50km Fixed price Edit

Winching Less than 1h 0$ Edit

Each 0.5 hour 30$ Edit


The last column is Action and inside there’s a button you can click. If you click “Edit”, you can
directly edit the prices directly into the tables. It should update automatically into both apps.
“Fixed price” is an amount that will be settled with the partner and the client. ​You can edit this
part later when I have the final restrictions

Title of the section: Discounts


The second table title : Discounts
Keep the “Entries selection” option, the “Search” option and the buttons to reorganize the

columns (they look like this: )

The table should look like below.Always shows the Actives ones first, then the Inactives
Title Code Discount Expires at Usage Active Action

Winter RUSH100 10$ (Can DD/MM/YYYY 345 Button Button:


be $ or “Active” in “Delete” if
%) green and active or
“Inactive” “Create” if
in grey not active

Finally, add a bar with the title: Add a discount


Add a button “ADD”. When you click here, it opens a form.
Simply add the information : Title / Code / Discount (% or $). Then a button “Save”. When
Saved is pressed, then the code appears into the table above and the ​promo code can be used by
customers.
I didn’t sketches 100% of this but it’s really simple. Just create the form.

Client Section: ​In the admin website we need a client section from where admin can see
every details of the client.

Title of the section: Users


Use Table - Data table - Data table.
Always keep the “Entries selection” option, the “Search” option and the buttons to reorganize the

columns (they look like this: )

First table title: New users


The table should look like this:

Date Name Email Phone Cars Payment Smartphone

DD/MM/ First name + email Format : All the cars in The type of the Smartphone (IOS
YYYY. Last name 514-717-5384 a list. Format: card like Visa or or Android)
This Make - Model MC” or “None” if
represent - Year no card are added
the signup into the account.
date There can be more
than one card.
Second table title: Users
The table should look like this:

Date Nam Email Phone Cars Payment Smartph Location Services Action
e one

DD/MM/ First email Format : All the Type of the card Smartpho The city Digit that Button “Ban”
YYYY. name 514-717- cars in a like Visa or ne model where he represent the .If I ban, a
Represen + 5384 list MC” or “None” logged in number of confirmation
t signup Last if no card are services he popup
date name added into the used. If he appears and
account. He can deleted the in “Service”,
have more than account, Put a a red button
one card pink button “Banned”
“Deleted”

Title of the section: Statistics

1. Title of the pie: App versions


Use Chart - Flot - Easy pie to create a comparison of the smartphone users. It should compare the
numbers of Android users vs IOS users. I need to see ​the numbers of each and the % of each​. See
my sketch.

2. Title of the chart: App connections


Use Charts - Flot - Combine Chart.

The vertical axe represent how many connections occurred and the horizontal axe can be
changed by day,weeks or months. Add an option to select how is the horizontal axe. We should
be able to select the dates to see the connections in between the dates. At beginning, it should
show the connections from the last week. Also, can you show those connections in two ways.
1. Unique connections (how many clients were connected no matters how many times)
2. Total connections (no matter who tried to connect)

3. Title of the chart: Connections out of area


Use Charts - Flot - Combine Chart.

The vertical axe represent how many connections occurred out of the La Depanneuse coverage
and the horizontal axe can be changed by day,weeks or months. Add an option to select how is
the horizontal axe. We should be able to select the dates to see the connections in between the
dates. At beginning, it should show the last week connections. Also, can you show those
connections in two ways.
1. Unique connections (how many clients were connected no matters how many times)
2. Total connections (no matter who tried to connect)

4. Title of the chart: Connections on highway


Use Charts - Flot - Combine Chart.

The vertical axe represent how many connections occurred on the highway where we can’t assist
the client due to certain local laws and the horizontal axe can be changed by day,weeks or
months. Add an option to select how is the horizontal axe. We should be able to select the dates
to see the connections in between the dates. At beginning, it should show the last week
connections. Also, can you show those connections in two ways.
1. Unique connections (how many clients were connected on highway no matters how many
times)
2. Total connections (no matter who tried to connect)

Finally, a table with the title: Partner not found


Use Tables - Data table -Data Table.
We will compile all the client that used the service but did not found a partner. Those are clients
that are willing to use the services so we want to send them eventually a Discount on the next
service. Compile it in a table that should look like below. It should be organized by date (new
first, old at the end).

Date Time Name Email Phone Service

DD/MM/YYYY HH:MM First name + blabla@email. Format: Type of service(example:


last name com 514-717-538 towing, lockout)
4

P​artner section: In the admin website we need a partner section from where the admin can
see every registered partner. And can see how many persons (In how many devices our app is
installed, which are working under him) are working under that partner.

Title of the section: Partners


Use Tables - Data table -Data Table for the next three tables ! Always keep the “Entries
selection” option, the “Search” option and the buttons to reorganize the columns (they look like

this: ).

This first section presents the partners that need to have their account validated by us. Title:
Approval
Signup Name Type Number of Account Insurance T&C Driver’s Action
date employees licence

Format First Business, A digit Clickable Clickable Clickable Clickable Clickable button
DD/MM/ name Employee representing button button button button “Accept”. Use UI
YYYY + last or how many “View” “View” in “View” in “View” in widgets - Sweet
name Individual employees in green green and green and green and alerts - With cancel
the business and non-clickabl non-click non-clickab message. Leave the
have. non-click e button able le button popups of the
(empty for able “Incomplete” button “Incomplet button. Edit the text
employees) button in grey “Incompl e” in grey to only: Are you
“Incompl ete” in sure? (YES/NO). If
ete” in grey he has been
grey accepted, button
becomes “Block”
For the sections Account, Insurance, T&C (accepting the terms and conditions) in the partner
admin dashboard, if the partner completed the section, then there’s a button you can click
“View” to see the information (in a popup maybe, do as you think it’s easy and simple). If the
partner didn’t completed the information, then leave as Incomplete in a grey button (like those

).​When i press “Accept” in the “Action” column, the partner and all his
employees (if there are some) can now receive job opportunities into the app.

Title of the second chart: Basic information


Signup Status Name Phone Email Cars Approved Rating Action
date number

Format Business, First Format: email Number If account Rating Clickable button
DD/MM/ Employee name + 514-717- of cars in has been on 5 “Ban”. Use UI
YYYY or last 5384 account approved, widgets - Sweet
Individual name then a alerts - With cancel
green message. Leave the
button popups of the button.
“Approved Edit the text to only:
”, if not, a Are you sure?
red button (YES/NO).
“Not
approved”
In Action column, Ban make the partner and his employees unable to receive job opportunities.

Title of the third table: Other information

Status Name Location Smartpho Services Services Rating Schedule Online


ne provided refused

Business First The city Smartpho Digits Digits Rating If the schedule If the partner
, name + where he ne model representi representing on 5 is set in the is online in
Employe last name connected (IOS or ng the the number app, then the app, then
e or the last Android) number of of services green button green button
Individu time services provided “Set”. If not “Online”. If
al provided red button not red
“Incomplete” button
“Offline”
PS: The three tables (Approval, Basic information and Other information) always contain all the
partner (employer and employees).

Title of the section: Statistics

1. Title of the pie: Ratio


Use Chart - Flot - Easy pie to create a comparison of the partners type. It should compare the
numbers of Employer, Employee and Individual users. I need to see ​the numbers of each and the
% of each​. Can you add a Total below (giving the total of Partners)

2. Title of the pie: App versions


Use Chart - Flot - Easy pie to create a comparison of the smartphone users. It should compare the
numbers of Android users vs IOS users. I need to see ​the numbers of each and the % of each​.

3. Title of the chart: App connections


Use Charts - Flot - Combine Chart.

The vertical axe represent how many connections occurred and the horizontal axe can be
changed by day,weeks or months. Add an option to select how is the horizontal axe. We should
be able to select the dates to see the connections in between the dates. At beginning, it should
show the connections from the last week. Also, can you show those connections in two ways.
1. Unique connections (how many partner were connected to the app no matters how many
times)
2. Total partners that went online

4. Title of the chart: Connections out of area


Use Charts - Flot - Combine Chart.

The vertical axe represent how many connections occurred out of the La Depanneuse coverage
and the horizontal axe can be changed by day,weeks or months. Add an option to select how is
the horizontal axe. We should be able to select the dates to see the connections in between the
dates. At beginning, it should show the last week connections.
1. Unique connections (how many partner were connected no matters how many times)

Then, there will be 2 UI Widgets from Ui widgets - 2nd row.They look like this:

One widget per information:


1. Text: Partners Online
2. Text: Schedules Set
Service section: In the admin website we need a service section from where the admin can
see every services requested.

Title of the section: Services

Use Table - Data table - Data table for the next two tables.

The first table title : Present services

In this table, we can see only the services that are occurring presently at the moment.
The table should look like:

Service Client Partner Location Drop-off Comments

Type of First name + First name + Client’s Client’s destination This is a clickable
service Last name Last name position (address). Can be button written inside
(address) “None” if no “View” or grey button
destination “None”. Looks like

that:
The comments appearing when you click the button “View” can be from client or from the
partner. Use a popup where the title is: “Client” or “Partner” and the subtext is the comment sent
through the app.Make sure the code works for multiples comments

The second table title: Past services

In this table, we can see all the services that occurred through La Dépanneuse app.
Keep the “Entries selection” option, the “Search” option and the buttons to reorganize the

columns (they look like this: )

The table should look like this:

Date Service Client Rating - Rating - Rating - Price Payment Comments Action
Fastness Service Partner

DD/MM/ The type First Rating Rating Rating Rating Button This is a This is
YYYY. of name + from 1 to from 1 to from 1 to from 1 “Paid” or clickable two
service Last 5 giving 5 giving 5 giving to 5 button button clickable
name by the by the by the giving “Cancelled”. written inside button
client to client to partner to by the If payment “View” or written
the the the client client to did not grey button inside
partner partner the worked, “None” “Invoice”
partner button and
“Error” “Paid”
The comments appearing when you click the button “View” can be from client or from the
partner. Use a popup where the title is: “Client” or “Partner” and the subtext is the comment sent
through the app. Make sure the code works for multiples comments.

The button in payment looks like that: and the button in Comments and

Invoice look like that: . There’s two ratings from the client because they have to
rate the fastness of the service and the service in general in the app.
In the section Action, you can click to view the Invoice. The other button Paid is when I payed
the partner. Then it become green and no more clickable.

The third table title: Additional information


In this table, we can see more details from the services. It should contain all the services like the
table above.
Keep the “Entries selection” option, the “Search” option and the buttons to reorganize the

columns (they look like this: )

The table should look like this:

Date Service Client Partner Location Drop-of Distance Towing Hourly Client Partner calls
f fees fees calls

DD/MM The First First The The Distance Fees in Fees in Number Number of
/YYYY. type of name + name + address address in KM $ $ of times times the
service Last Last the client partner called
name name called the the client
partner

The fourth table title: Cancelled service


In this table, we can see more details from the services. It should contain all the services like the
table above.
Keep the “Entries selection” option, the “Search” option and the buttons to reorganize the

columns (they look like this: )


The table should look like this:

Date Service Client Cancelle Reason Elapsed Fee GOA


d by: time

DD/MM/ The type First name First name Reason Time 0$ below Clickable
YYYY. of service + Last + Last selected between 5 minutes button written:
name name. Can in the cancellati and 30$ “Pay”. If the
be client app on and after partner
or Partner appears the cancelled, then
here service button is not
started present.
I will press the button Pay when the payment has been made to the partner.It become unclickable
after that.

STOP HERE, I’LL COMPLETE THE REST THURSDAY OR FRIDAY (26-27 MAY)

Review section: ​In the admin website we need a review section that collects all the comments
received from clients and or partners.

● Comments from clients (by date)


(time, first name, name, email, phone, while service/end of service/send feedback,
comment, action to say if responded by mail)
● Comments from partners (by date)
(time, business, title, first name, name, email, phone, while service/end of service/send
feedback, comment, action to say if responded by mail)

You might also like