-
Notifications
You must be signed in to change notification settings - Fork 0
/
grocerydistrict.html
419 lines (387 loc) · 20.3 KB
/
grocerydistrict.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
<!DOCTYPE html >
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/aos.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="slider d-none">
<a href="#" id="page_up"><i class="fas fa-arrow-up"></i></a>
<a href="#" id="page_down"><i class="fas fa-arrow-down"></i></a>
</div>
<a href="./index.html" class="go-back"><i class="fas fa-arrow-left mr-1"></i> Go back</a>
<div id="wrapper">
<section class="slide">
<div class="container">
<div data-aos="zoom-in-right">
<h1>We create your own E-commerce Platform</h1>
</div>
</div>
</section>
<section class="slide">
<div class="container">
<div class="row">
<div class="col-lg-12 py-5">
<h2 data-aos="zoom-in-left">Domain Creation</h2>
<p data-aos="zoom-in-left" data-aos-delay="300" >We create your own domain, e-commerceplatform and customize its themes accordingto company colors and branding.</p>
</div>
<div class="col-lg-12 py-5 text-right">
<h2 data-aos="zoom-in-right">Security Logins and Pass Codes</h2>
<p data-aos="zoom-in-right" data-aos-delay="300" >We create and generate the platform logins andSecurity pass codes to be assigned on designated personnel chosen by your company.</p>
</div>
</div>
</div>
</section>
<section class="slide bg-blue">
<div class="container">
<h1 data-aos="fade-right">We Orient and Train your Team</h1>
</div>
</section>
<section class="slide bg-blue">
<div class="container">
<div class="row">
<div class="col-lg-12 py-5">
<h2 data-aos="fade-left">System Orientation & Training</h2>
<p data-aos="fade-left" data-aos-delay="300" >We train your assigned team for them to get familiar on how the platform works..</p>
</div>
<div class="col-lg-12 py-5 text-right">
<h2 data-aos="fade-right">Team Assignments</h2>
<p data-aos="fade-right" data-aos-delay="300" >We will assist in the assignment of work departments specifically on their functions and roles.</p>
</div>
<div class="col-lg-12 py-5">
<h2 data-aos="fade-left">Assignment of Logins and Pass Codes</h2>
<p data-aos="fade-left" data-aos-delay="300" >The designated personnel will be provided by their personal Logins and Pass codes in which is strictly confidential.</p>
</div>
</div>
</div>
</section>
<section class="slide">
<div class="container">
<h1 data-aos="zoom-out-right">We Conduct Operations simulations</h1>
</div>
</section>
<section class="slide">
<div class="container">
<div class="row">
<div class="col-lg-12 py-5">
<h2 data-aos="zoom-out-left">Order Simulations</h2>
<p data-aos="zoom-out-left" data-aos-delay="300" >We train the assigned team on how to handle
orders from accepting and transitioning it for
preparations team</p>
</div>
<div class="col-lg-12 py-5 text-right">
<h2 data-aos="zoom-out-right">Preparation Simulations</h2>
<p data-aos="zoom-out-right" data-aos-delay="300" >We train the assigned team on how to accept,
navigate and transition the assembled orders
for checking and assignment of riders</p>
</div>
<div class="col-lg-12 py-5">
<h2 data-aos="zoom-out-left">Fulfillment Simulations</h2>
<p data-aos="zoom-out-left" data-aos-delay="300" >We train the assigned team on how to accept,
navigate and transition the assembled orders
for checking and assignment of riders</p>
</div>
</div>
</div>
</section>
<section class="slide bg-blue">
<div class="container">
<h1 data-aos="fade-up">We Assign POC’s,System support and acct. management</h1>
</div>
</section>
<section class="slide bg-blue">
<div class="container">
<div class="row">
<div class="col-lg-12 py-5">
<h2 data-aos="fade-up">Assignment of POC’s and Escalation
procedures</h2>
<p data-aos="fade-up" data-aos-delay="300" >The creation of a structured escalation matrix
is to provide a systematic approach in
handling issues. The identification of individual
scope of work and jurisdiction is properly
identified to ensure smooth execution of tasks.</p>
</div>
<div class="col-lg-12 py-5 text-right">
<h2 data-aos="fade-up">Creation of the Chat support for
aftersales and operational support</h2>
<p data-aos="fade-up" data-aos-delay="300" >Aside from the Operations Hotline, we will also
provide a Chat support to help and assist the
company’s team once they encounter any
issues or problems. We will also be assigning an
email service to keep track of reports for proper
accountability.</p>
</div>
<div class="col-lg-12 py-5">
<h2 data-aos="fade-up">Creation and synchronization of
reports for accounting</h2>
<p data-aos="fade-up" data-aos-delay="300" >Orientation on accounting reports and email
assignments for billing procedures and Hotline support hours: collections.</p>
</div>
</div>
</div>
</section>
<section class="slide">
<div class="container">
<h1 data-aos="flip-up">We share real time
reports on daily sales
and productivity</h1>
</div>
</section>
<section class="slide">
<div class="container">
<div class="row">
<div class="col-lg-12 py-5">
<h2 data-aos="flip-up">Manage</h2>
<ul data-aos="flip-up" data-aos-delay="300" >
<li>We manage the e-commerce
platform</li>
<li>We manage the Mobile app</li>
</ul>
</div>
<div class="col-lg-12 py-5 text-right">
<h2 data-aos="flip-up">Monitor</h2>
<ul data-aos="flip-up" data-aos-delay="300" >
<li>We monitor sales and
fulfillment</li>
<li>Monitor statistics to help
funnel helpful data for
management reporting and
data analytics</li>
</ul>
</div>
<div class="col-lg-12 py-5">
<h2 data-aos="flip-up">Automate</h2>
<ul data-aos="flip-up" data-aos-delay="300" >
<li>We automate SEO to help
boost visual presence in the
web and social media.</li>
<li>Set email templates to be
used by your reports team in
sending in daily, weekly and
monthly reports.</li>
</ul>
</div>
</div>
</div>
</section>
<section class="slide bg-blue">
<div class="container">
<h1 data-aos="fade-down">What Company gets</h1>
</div>
</section>
<section class="slide bg-blue">
<div class="container">
<div class="row">
<div class="col-lg-6 py-5">
<h3 data-aos="fade-down" data-aos-delay="300">A state of the Art e-
commerce platform.</h3>
</div>
<div class="col-lg-6 py-5">
<h3 data-aos="fade-down" data-aos-delay="700">An attractive, efficient
and reliable website
with a mobile app.</h3>
</div>
<div class="col-lg-6 py-5">
<h3 data-aos="fade-down" data-aos-delay="1100">A competitive edge in
retail sales technology.</h3>
</div>
<div class="col-lg-6 py-5">
<h3 data-aos="fade-down" data-aos-delay="1500">A cost efficient way of increasing sales
without much of the financial risk &
with a reliable IT company partner
support.</h3>
</div>
</div>
</div>
</section>
<section class="slide">
<div class="container text-center">
<h2 data-aos="zoom-in">Components of the Team</h2>
<div class="row mt-5">
<div class="col-lg-3">
<div class="card shadow team-card" data-aos="fade-up" data-aos-delay="300">
<div class="card-body">
<i class="fas fa-user-secret fa-5x d-block mb-3"></i>
<h5>Team Lead</h5>
<div class="row mt-2">
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Responsible for coaching,
developing and
supervising the team.</p>
</div>
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Responsible for checking
and validating orders.</p>
</div>
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Updates inventory of the
products on the platform.</p>
</div>
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Assigns customer orders
for delivery.</p>
</div>
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Ensures fulfillment of
orders and payment.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card shadow team-card" data-aos="fade-up" data-aos-delay="600">
<div class="card-body">
<i class="fas fa-users fa-5x d-block mb-3"></i>
<h5>Support Crew</h5>
<div class="row">
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Responsible for preparing
the orders of the
customers.</p>
</div>
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Responsible for checking
and ensuring quality of
the goods on each
assembly before it is
endorsed for delivery
assignment by the TL.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card shadow team-card" data-aos="fade-up" data-aos-delay="900">
<div class="card-body">
<i class="fas fa-motorcycle fa-5x d-block mb-3"></i>
<h5>Riders</h5>
<div class="row">
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Accepts validated orders
from the TLs.</p>
</div>
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Validates each order by
their unique assigned
pass code before delivery.</p>
</div>
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Delivers orders door to
door to customers.</p>
</div>
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Collects COD payments of
the customers.</p>
</div>
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Remits payments to the
assigned cashier.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="card shadow team-card" data-aos="fade-up" data-aos-delay="1200">
<div class="card-body">
<i class="fas fa-coins fa-5x d-block mb-3"></i>
<h5>Cashier </h5>
<div class="row">
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Accepts riders collections.</p>
</div>
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Ensures accurate
payments are remitted by
each rider.</p>
</div>
<div class="col-2 mb-1">
<i class="fas fa-angle-double-right"></i>
</div>
<div class="col-10 text-left mb-1">
<p>Updates system as
collected.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="slide">
<div class="container text-center">
<h2 data-aos="fade-left">Setup Process</h2>
<div class="agile">
<h5>Agile <br/> Development</h5>
<img src="./img/wheel.png" alt="" data-aos="zoom-out">
</div>
</div>
</section>
<div id="particles-js"></div>
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/popper.min.js"></script>
<script src="./js/particles/particles.min.js"></script>
<script src="./js/particles/app.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script src="./js/jquery.onepage-scroll.js"></script>
<script ></script>
<script>
$(document).ready(function(){
AOS.init({
duration: 1200,
});
});
</script>
</div>
</body>
</html>