Proposal for eCommerce Website

Development
 PROJECT NAME

eCommerce Website Development

URL OR DOMAIN NAME

To be discussed

EXECUTIVE SUMMARY

The client would like to build an eCommerce website that would allow them to sell their products online.
The website must have a unique look and feel that can attract users and is easy to understand by the
customers. The website must also possess all the necessary functionality of an eCommerce website, it
should allow users to browse products, purchase and pay through the set payment gateway on the
website. Overall, the website should serve as a convenient way for the users to purchase the company’s
products.

The project should include the development of the tasks and features listed under “Site Pages and
Features”. The website to be built will be responsive and mobile – friendly.

The website to be developed would be dynamic wherein the site owner and/or administrator will be able
to manage the contents using a Content Management System. We will be using WordPress as the main
platform to create the website for ease of use.

SITE PAGES AND FEATURES

PAGES TO BE DEVELOPED

1. Home
2. About Us
3. Products
4. Contact Us
5. Register
6. Login
7. User Dashboard
8. Shopping Cart
9. Checkout

DESCRIPTION OF PAGES AND FEATURES

1. Home – this is the main page of the site. It should contain the following elements
a. Header – this is a global element, it can be found on all the pages of the website
i. Company Logo and Company Tagline
ii. Menu Links
iii. Login/Register
iv. Shopping Cart
b. Image Slideshow – this section contains different images of the company or its products
that they wish to emphasize on the website
c. A section for a short welcome message

Page 2 of 9
 d. A section for the featured products
e. Footer – this section is a global element on the website. It should be found on all the
pages of the website:
i. Social Media Icons
ii. Contact Details
iii. Terms and Conditions
iv. Privacy Policy
v. Copyright

2. About Us – this page contains information about the company. This page is recommended to have
the following elements:
a. Page Banner
b. Company Background
c. Mission and Vision

3. Products – this page contains the different products of the company. This page is recommended
to have the following elements:
a. Search Filter
i. Product Name
ii. Product Category
b. Product Section
i. Featured Image
ii. Product Name
iii. Price

Product Single Detailed Page – when a particular product is clicked, it will then redirect the user
to the single detailed page of the selected product. This page contains the following elements:
a. Product Name
b. Featured Image
c. Image Gallery
d. Product Price
e. Product Variation – Optional
f. Product Quantity
g. Button: Add to Cart – when clicked will add the selected product to the user’s cart
h. Product Details

4. Contact Us – this page contains the contact information of the resort. This page is recommended
to have the following elements:
a. Page Banner
b. Contact Details
c. Map
d. Contact Us Form
i. Name
ii. Email
iii. Phone Number
iv. Message
v. Security Code
vi. Send – when clicked will send the form to its designated recipients

Page 3 of 9
5. Register – this page allows the users to create an account on the website. This page is
recommended to have the following elements:
a. Register as a Customer
i. Name
ii. Email – will serve as the user’s username
iii. Address
iv. Phone Number
v. Password
vi. Terms and Conditions
vii. Register – when clicked will prompt the system to check if there are no errors on
the information given by the user. If no error is found then user is redirected to
the user’s dashboard. If an error is found, then the system will display the said
error.

6. Login – this page allows the user to log in on the website. This page is recommended to have the
following elements:
a. Login Form
i. Email
ii. Password
iii. Login – when clicked will prompt the system to check if the user’s account exists
on the website’s database. If the account exists, then the user is redirected to
their respective dashboard. If an error is found, then the system will display the
said error.
b. Forgot Password – allow user to recover loss passwords
c. Create an Account – when clicked will redirect the user to the registration page

7. User Dashboard – this page can only be accessed by users who have logged in on the website.
This page allows users to manage their account information and orders. This page contains the
following elements:
a. Order History – listed here are the different transactions of the user on the website
b. Shipping and Billing Address – listed here are the saved shipping and billing address of the
user so that they don’t need to input anymore on the checkout page
c. Update Account Information – the user is able to update their personal information and
their password on this page

8. Shopping Cart – this page contains the products that the user has selected and wants to purchase.
This page contains the following elements:
a. Cart Section
i. Product Name
ii. Product Quantity
iii. Product Unit Price
iv. Total Price
b. Coupon Code – allow user to use coupon codes to avail discount
c. Proceed to Checkout – when clicked will redirect the user to the checkout page

9. Checkout – this page is the final step for the user to finalize their orders. This page contains the
following elements:
a. Personal Information – the user is able to input their personal information on this section
and create an account on the website if they don’t have an account

Page 4 of 9
 b. Shipping and Billing Information – the user is able to input the shipping address of their
order and also the billing address if it is different. They can also select from their saved
shipping and billing addresses of their account as long as they are signed in on the website
c. Order Review – the user can review their order and remove products that they don’t want
to continue to purchase
d. Payment Method – allow the user to select the payment gateway that they would like to
use (PayPal)
e. Submit Order – when clicked will prompt the website to check if all the data given by the
user is correct. If no error is found, then the user is redirected to the selected payment
gateway to settle payment, once completed, the user is redirected to a thank you page
on the website and their order is saved on the backend of the website. If an error is found,
the website will display the said error. The website will also send an email notification to
the user and admin about the order.

Administrative Features

This is the backend of the website where the admin is able to manage and update the information of the
website. The admin of the site should be capable of doing the following:

Home

- Admin should be able to add/edit/delete page content

- Admin should be able to add/edit/delete slideshow images
- Admin should be able to add/edit/delete welcome message
- Admin should be able to set featured products
About Us

- Admin should be able to add/edit/delete company background

- Admin should be able to add/edit/delete mission and vision
- Admin should be able to add/edit/delete awards and certificates

Products

- Admin should be able to add/edit/delete products

- Admin should be able to add/edit/delete product details
- Admin should be able to set product categories
- Admin should be able to add/edit/delete product categories
- Admin should be able to upload product images

Orders

- Admin should be able to add/edit/delete orders

- Admin should be able to add/edit/delete order details
- Admin should be able to view orders
- Admin should be able to view order details
- Admin should be able to update order status

Page 5 of 9
User Management

- Admin should be able to add/edit/delete users

- Admin should be able to add/edit/delete user details
- Admin should be able to view user orders

Contact Us

- Admin should be able to add/edit/delete page banner

- Admin should be able to add/edit/delete contact details
- Admin should be able to set map location
- Admin should be able to set contact form recipients

Coupons

- Admin should be able to generate coupon codes

- Admin should be able to view used coupon codes

DEVELOPING LANGUAGE TO BE USED

Page 6 of 9
 Wordpress, PHP, MySql, HTML, Ajax, JavaScript, CSS

SUGGESTED HOSTING REQUIREMENTS FOR YOUR WEBSITE

Linux Server - Preferably CentOS, Apache, PHP version 5, MYSQL version 5

TEAM COMPOSITION

1 Analyst and Project Manager

1 Developer

DEVELOPMENT SCHEDULE

Activity Name No. of Working Hours

A Requirements Gathering - client time frame
B Site Architecture and Analysis
C Final Interface and Layout Design 8
- Creation of 2 Design Concepts and sub-page
D Design Review and Revision 4
E Slicing/ HTML/ CSS Creation
- PSD Conversion to HTML/CSS or CMS templates
- Template Review – design and requirements testing of the
sliced template
- Responsive 24
F Web Development 24
G Page Testing /Quality Check
- Initial Review - Functional and Requirements Testing in
Development Server
- Re-Testing/Regression Testing in Development Server
- Browser Compatibility Testing 20
H Project Uploading
- Site Migration and Configuration. Downloading of the Site
files from the development server and uploading it to the
live server 4
I Live Testing
- Final Review – Regression Testing on the live site 10
Total Estimated number of working hours 94
J Client Acceptance Period 5days

PROJECT DURATION

Page 7 of 9
The costing of the project was based on the total number of working hours estimate at 94 hours. However,
this project may run at the period of 1 month depending on the speed of turn-around time of clients on
supplying the contents, feedback and approval.

Note for Timetable Schedule:

1. Counting of schedule and start of work is done upon receipt of non-refundable activation
fee. Site shall be developed as a CMS and will be completed even if full contents have not been
provided as this can be updated by the client themselves.
2. If all has been complied by Syntactics at the end of the acceptance stage and the project
has only been delayed due to the delay of the client in providing the contents, the client must
settle the remaining balance of this project. Syntactics will launch the site and will update the site
according to scope indicated in the proposal when the contents have been provided by the client.

ESTIMATED PROJECT COST

PHP 60,000.00

*Project cost does not include the purchase of any premium plugin for the website.

FREE Package Inclusions:

✓ User Training and User Manual (Video Format)

✓ Google analytics configuration
✓ On-page Optimization (Homepage)
✓ Free 1 Year Hosting and Domain
✓ Free 12 Hours Website Maintenance

TERMS OF PAYMENT

50% on Project Activation – PHP 30,000.00

Remaining balance of the actual cost – after acceptance period

MAINTENANCE SERVICES

Page 8 of 9
Syntactics, Inc. conducts a thorough testing on the site after it is launched. We provide our client 5-10days
to test the site also from their end. During this time, any technical issues and bugs found that are caused
from developer’s end will be resolved at no cost. After the project has been duly approved and closed,
this contract will be terminated. Any additional updates and changes after closing will be billed accordingly
at a reasonable rate.

ADDITIONAL SITE CHANGES

Any changes and updates of the website following the completion of the project whereby all items
indicated in the proposal has been completed will be charged separately. Syntactics, Inc. accommodates
update tasks according to the work required by the client. You may contact your team or project manager,
sales representative to discuss the requirements and for additional information.

TO GET STARTED

1. Sign the Contract to confirm approval.

2. Pay through PayPal, credit card and deposit the 50% activation fee to officially kick off the
project.

Page 9 of 9