B2C E-Commerce Website

A ONLINE SHOPPING PLATFORM

PREPARED BY | DEPEX TEAM

s

Depex Technologies Pvt. Ltd.

NOIDA, INDIA

Phone: +91 120 495 2819

Email: sales@depextechnologies.com

Website: www.depextechnologies.com

For more information visit www.depextechnologies.com

All rights reserved © Depex Technologies. Depex is the registered trademarks of Depex Technologies.
1|Page
TABLE OF CONTENTS

TABLE OF CONTENTS

1. ABOUT US ..........................................................................................................................................2

2. INTRODUCTION ................................................................................................................................3

3. USER INTERFACE .............................................................................................................................5

4. WORKING MOCK-UPS ...................................................................................................................10

5. TECHNOLOGY USED..........................................................................................…..11

6. PROJECT PHASES ………………………………………..……………………………….12

7. PAYMENT TERMS………………………………………..……………………………….15

8. CONTACT US........................................................................................................................17
2|Page

ABOUT DEPEX B2C E-Commerce Website By DEPEX

ABOUT US

D epex is a leading provider of intelligent business solutions to the enterprise and mid-market,

built on a corporate ethos of delivering intelligent solutions with old-fashioned service. Backed
by a global team of over 50 people, Depex is committed to supporting over 200 + customers
with these features:

ISO 9001:2008, Microsoft Network & Google Adwords Certified Partner

250+ Satisfied Clients & Global operations in 15+ countries

Strong technology competency and its on-going updates

Flexible engagement models with seamless communication

Competitive in cost while ZERO compromise in quality

Strive day in and out to meet client's Satisfaction

Our service offerings include applications business consulting & project management,
applications development, corporate performance management and business process
management.

We Work closely with a range of clients to provide be responsible business and application
consultancy to clients and work throughout the end to end implementation process, as well as
the training of clients.

Part of our responsibilities will include:

 Gather and document client functional requirements

 Perform gap analysis between a client's requirements and the functionality

 Configure the application to meet a client's requirements

 Customization and Workflow Tools

Our mission is to build long term, mutually profitable relationships with our clients, by providing
products and services which meet and in most cases, surpass expectations.
 3|Page

.
PROJECT OVERVIEW B2C E-Commerce Website By DEPEX

INTRODUCTION

Depex is pleased and would like to thank for the opportunity to submit a proposal for the design of B2C

E-commerce website. Working together, we believe that we can create a site that will meet the needs.

This proposal describes the technology, services, terms, and schedule for the web site of this project.

 Client’s company dedicated to providing high-quality and premium t-shirts & caps online by e-

commerce website.

 Client’s focus is on B2C sales services via web portal

 Client will offer different category of apparel all to the customers directly

 We need to build the online platform well and to the point that all the buyer would come over to

the online portal and buy the products directly.

PROJECT SUMMARY

Client is currently looking for a web design firm to assist with their design and development of online e-

commerce website (from scratch) that also includes a proprietary design widget for simple customization

of products for its users.

As an e-commerce site, our primary goal is to emphasize on sale. The success measure is to be able

to establish a strong web presence, attract large numbers of users, effectively promote their products

and provide excellent and economical customer support. In the long run, Client Website is also looking

to develop an extensive customer base and spread brand recognition.

 4|Page

.
PROJECT OVERVIEW B2C E-Commerce Website By DEPEX

Depex is looking to build a clean and contemporary website that will focus designing of Apparel Online

Store Website. There are some proposed feature for website:

 New Logo (eye catching) identity for the website.

 Website should be in a light color

 Website would be mobile responsive

 Admin can change content anytime.

 Attractive User dashboard

 Logical Roadmap for User/customer to order a product online

 Very Clear navigation for website

 Major functional areas of the website will be:

 Easy to access

 Fast monitoring

 Payment Services are convenient, free, safe, secure

 Give end solution to the user

 Website would be secured

 Good Hosting

 Category management of products

 Attractive user dashboard

 Web based control panel

 Attractive images & photos

 Easy order and checkout process

 Unique product description

 Inventory Management

 Once the User registers himself/ herself, he/ she can add the product to their
Cart and buy them later

 Alerts and push notification

5|Page

USER INTERFACE B2C E-Commerce Website By DEPEX

USER INTERFACE

PHASES

1 PLANNING
Detailed Business and Functional requirement document

PHASE 1
2 DESIGN-PUBLIC AND DATABASE DESIGN SCHEMA DESIGN
2.1 Database Schema Design
2.2 Master Layout Mockup design Creation using PHOTOSHOP PSD file
2.3
Internal Pages creation as per specified Requirement (All Buttons/ Forms/
Dynamic Pages) - Static Design prototypes for Overall application

2.4
Base Template (For Different Pages After Homepage Design is Approved)
creation by implementing the approved static design into Framework code

2.5 Responsive website

2.6 Features offered by Website (Other Featured Pages)
2.7 Header links
2.9 Footer links
2.1 Converting Template to Select Framework Template

3 DATABASE DESIGNING

PHASE 2
4 DEVELOPMENT
4.1 Logo
4.1.1 Home
4.1.2
About Us (Eye catching content about the company and about founder)
6|Page

4.1.3 Products (User can find all kinds of product category and its sub category in
this section)
4.1.4
Gallery (User can find product gallery just to view the overall products)

4.1.5 Testimonial (Good reviews from the customer in this section)

4.1.6 Blog (Blogs about E-commerce websites and new technology)
4.1.7 Contact (Contact details of the company like address, customer care no.,
contact information, support e-mail Ids)
4.1.8 Sign-In (Sign-up for new customer, Log-In for old customer and user can track
their parcel from tracking ID no.)
4.1.9 Follow us On - Facebook, Twitter & Instagram
4.1.10 Category (T-shirts & Hats)
When User will (Place Order - Select Color / Select Size with quantity /
Price details/ Add to shopping cart / product detail page and payment by
credit card/ debit card

4.1.10.1 User will find the sub-category in drop down menu to select [Sub-category
(T-shirts- Bluefin, Soaken Circle Hook, Soaken Cockie) (Hats & Caps - Soaken
Hat Black, Soaken Hat Dark Blue)]
4.1.10.2 All Products Search(Category with sub-category search)
4.1.10.3 Men (Featured and shop by category)
4.1.10.4 Women (Featured and shop by category)
4.1.10.5 Children (Featured and shop by category)

4.2 Navigational Menu

4.2.1 Slider Image - Banner
4.2.2 Attractive Images
4.2.3 Shop on Soaken Fishing Gear
4.2.4 Youth/ Fleece/ Collection/ 2018 catalog/Featured product
4.2.5 Show All Products

4.3 Footer Links

4.4.1
About Us (Eye catching content about the company and about founder)

4.4.2 Products (User can find all kinds of 30 -40 products with 2 category and its
sub category in this section)
4.4.3 Testimonial (Good reviews from the customer in this section)
4.4.4 Blog (Blogs about E-commerce websites and new technology)
4.4.5 Contact (Contact details of the company like address, customer care no.,
contact information, support e-mail Ids)
7|Page

4.4.6 Sign-Up for Newsletter (Enter E-mail ID)

4.4.7 My Account - How to order/ Create an account/ Log-in / My account/
Shipping Info
4.4.8 Return Policy
4.4.9 Terms & Conditions
4.4.10 FAQ

4.5 Create an Account (User will fill the registration form details like name, e-
mail id, contact no. etc.)
4.5.1 Your Cart (Show all products added by customer)
4.5.2 Shop By Category
4.5.3 Today's Deals
4.5.4 Your Order (Order history/ On-going orders / Cancelled orders)
4.5.5 Newsletter Subscription settings
4.5.6 Your Account (Account info and customer can edit it like name, email id,
saved cards, address and more)
4.5.7 RMA (Request to return or taking action for product)
4.5.8 Saved Credit cards
4.5.9 Account Settings
4.5.10 Log-Out

5 ADMIN PANEL
5.1 USER MANAGEMENT
5.1.1 Admin can manage the User who register themselves
5.1.2 View list of all added users,
5.1.3 Admin can add/edit/delete any User
5.1.4 Activate/ deactivate user account
5.1.5
User Registration with specific fields like Username, Name, Email, Password

5.1.6 Admin can track order history

5.1.7 Reset customer passwords
5.2 SITE CONTENT MANAGEMENT
5.2.1
Manage and edit informative pages and its contents –Add / View/ Edit/ Delete

5.2.2 Add images and manage uploaded image library

5.3 FORM MANAGEMENT
5.3.1
Admin can manage all the forms available, i.e., user registration form etc.

5.4 PROFILE MANAGEMENT

8|Page

5.4.1 Admin can manage the profile of the Users

5.4.2 Admin can edit/delete the profile of any User
5.5 CREATE AN ACCOUNT MANAGEMENT
5.5.1 Login Module for user login from the front end
5.5.2 Create User profile
5.5.3 Manage login form
5.6 NOTIFICATION MANAGEMENT
5.6.1
Notification will be sent on customer registered email id or contact no.

5.6.2 Admin can manage the tasks performed by user

5.6.4 Admin can manage to send the notification
5.6.5 Admin will send notifiication to buyer on e-mail ID or contact no.
5.6.6
Payment notification sent to user for transaction will be manage by Admin

5.7 REPORTS MANAGEMENT

5.7.1 Admin can view transactional reports of user
5.7.2
Admin can filter the reports for Date Range, Monthly, Weekly, Daily

5.8 CATALOG MANAGEMENT

5.8.1 Search and sort to easily find categories
5.8.2 Manage categories and sub-categories
5.8.3 Feature categories within navigation or on the homepage
5.8.4 Set categories as “active” or “inactive”
5.8.6 Manage categories thumbnails and images
5.8.7 Search and sort to easily find products in certain categories or with specific
attributes
5.8.8 Ability to select options such as featured, free shipping, reviews allowed,
require moderation for reviews and more
5.8.9
Add and manage main product image and additional product images
5.9 ORDER MANAGEMENT
5.9.1 Manage and updated order status
5.9.2 View order number and all customer information
5.9.3 View order information and purchase details (products, tax, shipping,
addresses, etc.)
5.9.4 Add private notes to the order
5.9.5 View shipping and billing address maps
5.9.6 Create and manage custom order statuses
5.9.7 Receive email when order is placed
9|Page

5.9.8 Admin can manage all the images being displayed at the Front End
5.11 PAYMENT MANAGEMENT
5.11.1 Export to CSV/excel sheet
5.11.2 Send invoice to user against submitted /purchased membership subscription
plan
5.11.3 View a list of payment and its transaction details
5.11.4 Search / Filter / Sort particular payment and its transaction details
5.11.5 Admin can change the promo code to be generated
5.12 INVENTORY MANAGEMENT
5.12.1 Manage products and price
5.12.2 Sellable quantity for each product
5.12.3 Low Stock Notification
 10 | P a g e

WORKING MOCK-UPS B2C E-Commerce Website By DEPEX

WORKING MOCK-UPS
Product Description Page

Note:

 When user logs in in to the system then he will be able to see the product details.

 This is the unique feature where user will select only color/quantity and size pay for the product and

it will be delivered on his billing or shipping address

 There will 30-40 products well displayed on the website.

11 | P a g e

TECHNOLOGIES USED B2C E-Commerce Website By DEPEX

TECHNOLOGIES USED
For Web Application

A web application will be developed in Magento 2.0 with and MYSQL (MySQL, MYSQLI,
SQL Light, and Oracle) database. Technical approach for designing complete will be n-tier
application with layered architecture. The application will be developed with one of the
Magento 2.0 framework.

TECHNOLOGY OPTIONS
DATABASE SERVER MySQL
CLIENT SIDE ENVIRONMENT HTML 5.0, CSS 3.0 Java Script
FRAMEWORK Woo-Commerce

System Requirement

 Recommended Linux distributions: Centos / Ubuntu / RedHat

 Minimum 50 GB Hard Disk

 Dedicated 2GB RAM

 Dual core processor or higher

 Bandwidth: 50gb +

 Web site must not require plug-ins as a default.

 Site must be built in accordance to the Web Content Accessibility Guidelines 1.0,
provided by the W3C and should also be easily accessible to the novice as well as
the experienced Internet user.

 Fast Loading Pages – The web site must be designed with a balance of text and
graphics such that each page loads in 2 seconds or less on the average computer.
12 | P a g e

PROJECT PHASES B2C E-Commerce Website By DEPEX

PROJECT PHASES

PHASE 1: Structure & Design

DEPEX Team has already done a significant amount of preparatory work and planning. As soon as we
receive the "Your Company" Approval, we are able to start working immediately. Phase one is where we
will start from the research, content analysis & Design of your website for structuring the Website.

PHASE 1 STEPS:

1) Outlining content: Begin to group things into categories and decide which contents should go on the
Website.

2) Develop navigation: Create preliminary navigation for the Website based on the content we have
gathered. We will create your business Logo and Home page designs

3) Define user task: Create 2- 4 users’ scenarios based on the personas.

4) Website wireframes: Build computer-sketched wireframes of all main pages of the website as well as
the Admin.

5) Everything will be shown Live to you as it is done on our staging servers.

DELIVERABLES

• At least three sets of wireframes Designs (Mockups) will be shared with you. You choose any one which
ever looks best to you

FORMAT FOR DELIVERY

• Designs, Mockups and wireframes will be delivered in color JPEG format

MILESTONE

Phase one will be done with a milestone - wireframe. "Your Company" team will be presented with the
deliverables and a summary based on our findings of which you will have to review closely, request
changes or ask questions and eventually sign off with a Website approval (On email or Skype). Once you
sign off with your final approval on the Designs of website & Admin, no more refinement will be done. &
we proceed to the next phase – Phase II.
13 | P a g e

PROJECT PHASES B2C E-Commerce Website By DEPEX

PHASE 2: BUILD
This is where we start building the Website. Once the framework of the Website is completed and
Website approved by "Your Company", the next step is to focus on the initial setup of the Website
platform, start coding the pages, and build database for user accounts.

PHASE 2 STEPS:

1) 2nd-round user testing: UX testing helps us find out how people interact with this Website, and what
works for them and what doesn’t. We will gather about 10 people for the second round of user testing
using the Website mockup we have developed.

2) Setup file and directory hierarchy: Setup a temporary directory in our own server while building the
Website.

3) Create WEBSITE pages: Start coding HTML/CSS/JS of all pages based on the Website approved
design mockup.

4) Develop platform: Develop Website platform and begin modifying it.

5) Web Admin implementation: Build We will start building the web Admin interface for your website in
this step

6) Implementing backend scripting: Build database for users accounts, making sure the payment
method is working.

7) Prototype / Beta Website: Phase two will end with a beta Website on our servers.

8) Everything will be shown Live to you as it is done on our staging servers.

DELIVERABLE

• A fully working (beta) Website uploaded to our server

FORMAT FOR DELIVERY

• The link to the beta Website

MILESTONE

Phase two will be done with a milestone - a beta Website. "Your Company" team will be presented with
the deliverables and a summary based on our findings of which you will have to review closely, request
changes or ask questions and eventually sign off with an Approval (Email or Skype). We move over to
next phase – Phase III.
 14 | P a g e

PROJECT PHASES B2C E-Commerce Website By DEPEX

PHASE 3: MEASURE, TESTING & WEBSITE LAUNCH

At this phase, we will complete the entire web pages development and programming. This is the part
where we make sure that the Website is fully functional, bug-free and the payment system is working and
secured. After final Approval by "Your Company", the Website is ready to be launched.

PHASE 3 STEPS:

1. 3rd-round user testing: We will have about 10 team members for the third round of user testing
using the beta Website we have built.

2. Debugging: Make sure the Website is bug-free after the user testing.

3. Key staff member training: Provide up to 5 hours of training to "Your Company’s two key staff
members.

4. Prepare announcement plan: DEPEX Team will work together with "Your Company" to prepare
announcement plan.

5. Develop maintenance plan: Come up with a maintenance plan for the Website in the long run.

6. Confirm Website security: Ensure that the Website is secured and it has a good protection

7. Website launch: After making sure that the Website is bug-free and working perfectly, "Your
Company" is ready to launch the Website to public.

8. Everything will be shown Live to you as it is done on our staging servers.

DELIVERABLES

• The link to final Website

• All the SOURCE CODE.

FORMAT FOR DELIVERY

• The link to the Website (App) on our staging servers. Once you approve it and no more changes is
needed – We make it Live on your web servers.

MILESTONE

Phase Three will be done with a milestone - Website launch. "Your Company" team will be presented with
the deliverables and a summary based on our findings of which you will have to review closely, request
changes or ask questions and eventually sign off with an Approval (on email or Skype). Once you sign off
with your final Approval – Your website (App) will be made LIVE.
 15 | P a g e

PAYMENT TERMS B2C E-Commerce Website By DEPEX

PAYMENT TERMS

COMMERCIAL PROPOSAL
Salient Features of our Engagement

Analysis is done at pre-sales level – We do a detailed analysis at pre-sales level to clearly define
following things:

(a) Cost and time-frame for the given scope of the project

(b) Any risks and uncertainties in the project

(c) Deliverables and checkpoints of the project

Cost and Time-Frame of the Project

Cost of the Project (in US$) =

Time frame to deliver the project= weeks

Note:

1. Our estimates are based on the current understanding of the project. Any change in scope or
elaboration may change efforts and costs.

2. Client will provide all third parties APIs/web services which need to integrate with website

3. There will be Two Months Free Bug Fixing Support only

 16 | P a g e

PAYMENT TERMS B2C E-Commerce Website By DEPEX

Payment Schedule

We propose following payment schedule for your project:

Milestone % Due Cost (USD) Deliverables

Advance 50% 200 None

100% of functionally working product

Completion of the Project
100% features will be implemented
and also will have design and other
50% 200 functional bugs
Release on production server. Source
code of the product once client has
accepted the product after UAT (User
acceptance testing) and made final
payment

Payment Terms

(a) We have estimated the project based on our present understanding of the project and discussion of
the scope with Company. Any additions to the scope of the project or elaboration may change efforts and
costs.

(b) Any additional document / information shared by the company can increase the scope of the project.
We may then have to revisit our estimates. Therefore, we request you to share as much information as
you can so that we understand the entire scope of the project.

(c) We assume Company will provide timely feedback. Any delay in feedback from the client may lead to
delay in proposed delivery schedule and may change efforts and costs.

(d) If the agreed upon costs are not paid fully the ownership and rights of the developed code and
application transfers to Depex Technologies Pvt Ltd

Intellectual Property Rights

All Confidential Information disclosed under this Agreement shall be and remain the property of the
disclosing Party and nothing contained in this Agreement shall be construed as granting or conferring any
rights to such Confidential Information on the other Party. The Recipient shall honor any request from the
disclosing Party to promptly return or destroy all copies of Confidential Information disclosed under this
Agreement and all notes related to such Confidential Information. Depex Technologies works under the
contract “work made for hire” where all intellectual rights belong to our clients. We will deliver all source
code, engineering notes and diagrams to our clients
 17 | P a g e

Thank you for reviewing our Proposal. Please feel free to share if you have any query, we
would be happy to assist you.

DEPEX TECHNOLOGIES PVT LTD

ISO CERTIFIED COMPANY/ www.depextechnologies.com

Phone: +91 120 495 2819

Skype Id: Depextechnologies | Skype Name: Depex Team

Add: A-90, Sector-4, Noida, 201304 (Delhi NCR) INDIA.

For more information visit www.depextechnologies.com

All rights reserved © Depex Technologies. Depex is the registered trademarks of Depex Technologies.
18 | P a g e