TF 006 Introduction to ICT

Web Site Development for

Online Business
Azlinda Ismail 1001232267
Fong Jess Myn 1001232147
Soo Jo Ann 1001231956

Page | 1

Table of Contents

1 Introduction
1.1

2 Objective
2.1

3 Content of Web Site Development

3.1

3.2

3.3

3.4

3.5

3.6

3.7

3.8

3.9

4 Conclusion 4
5 References 19
6 Appendices20

Page | 2

1 Introduction
The company, Fashion Overdose is formed in River Vally, Kuala Terengganu in 2013
as an online business. The company is an online womans fashion jewelry and
accessories retailer in Malaysia that offers Retro and Trendy style of rings, earrings,
bracelets, and more at affordable prices.
The company allows shoppers to find trendy fashion accessories and classic staples
to suit any special occasion, mood or style. So whether the look the company
consumers are going for is vintage, fashion, modern, ethnic, bohemian, punk rocker
or sophisticated, they can find the right fashion accessories at Fashion Overdose to
complete their look.
The company accessories are carefully sourced and selected from suppliers
imported from Korea, Hong Kong, Taiwan and China to appeal to women from all
walks of life. Besides the companys own suppliers, Fashion OverDose also carries
the top brand of accessories from Europe and the U.S., namely Monet, H&M,
Freedom (Topshop), Avon, Betsey Johnson, Forever 21, Claire's, SIX, Sassymanii,
Lucky, and more. The products sold are affordable at prices to fit every budget. We
are committed to the companys consumers and assure them the best in price,
quality & service! We love the companys consumers, and again, the company enjoys
and values the interaction with them. The consumers comments and suggestions
help us bring them even better designs and products. The company believes in
hassle free, personalized service, delivered with sincerity and respect. Profit is
important to the company, but not at the expense of fun. And here at Fashion
OverDose, the company loves to help the consumers to look fabulous.

1.1 Business Product

The company provides womans fashion jewelry and accessories that offers Retro
and Trendy style of various types of accessories products. The companys products
consist of 5 different categories which are rings, earrings, bracelets, hair bands and
watches.

Page | 3

2 Objective
The company develops a web site aiming to achieve the objectives as below:

The company focuses on the needs of potential clients visiting the web site and
will highlight the services required by them.

The company web site design provides easy access for the consumers to review
the range of services available and the various types of product that the company
offers.

The web site design and development would convey a strong company identity
online to promote the company as a leader in the field of online business
companies.

The web site development and design would help the company to incorporate
best practice in the design and development of the web site to ensure that the site
is optimized for search engines to easily explore and classify.

2.1 Target Market

The companys target market is female consumer age range between 16 to 40 years
old. The company targets females as the company main consumers because
females market is an under-development opportunity, possibly the number-one
opportunity, for those who really understand what females really want. Females, as
consumers, are clearly not a homogenous group that behave and act in a uniform
way. They usually spend more with a brand that acknowledges their lifestyle.
Therefore, its important for the company to think of each potential female buyer as
an individual and focus on her needs. Female consumers are keen to know how the
products benefit them and how will the companys products help them or make their
life easier.

Page | 4

3 Content of Web Site Development

The authors are assigned with constructing a web site for online business or
electronic commerce (e-commerce), using Adobe Dreamweaver with HTML
(HyperText Markup Language) and CSS (Cascading Style Sheets). The former is
used for structuring the elements and the latter for the styling of the web site. HTML
should be written appropriately i.e. all tags in lower case, correct nesting of tags and
all tags to be closed properly. By using HTML in conjunction with a linked style sheet,
web sites can be designed, built, edited and maintained more conveniently.

3.1 Main Page

The main page contains a few elements which are the header, content and footer. In
the body header at the top part, Facebook and Twitter buttons are attached for linking
the web site to the social media, where the authors used to promote their web site.
Next, the authors have provided a search engine for the consumers to search for the
information that they are seeking for. Login and registration systems are provided by
clicking the Login/Register hyperlink. Your company bag (0) is a hyperlink to show
the shopping bag of the consumers. In the content at the center part, the companys
logo is attached at the left most of the ribbon. About Us is the hyperlink leading to
the sub-page where it shows the biography of the authors company. Products lead
consumers to the lists of the accessories that the authors sell online. Contact Us

Page | 5

links the main page to another sub-page where the methods of keeping in touch are
listed. For the footer at the bottom, it shows the copyright of the web site. Terms &
Conditions is linked to the conditions of use of the web site. Delivery information
and Ordering information are the hyperlink to the process, rules and regulations for
delivery and ordering products online. Address of the authors company is attached
below the copyright authorisation. An e-mail hyperlink is also provided for the
consumers ease of use.

3.2 Login

The login sub-page is provided for consumers to register and sign in to the
companys database. The header and footer are the same as the main page. As for
the content in the center, the top most is the ribbon for the categories of the web site.
The Fashion OverDose logo link the web site back to the main page. About Us is
the hyperlink for accessing the sub-page explaining the biography of the web site.
Products link consumers to the collection of accessories sold in the company.
Contact Us is the hyperlink for the listing of methods to keep contact with the
authors. The Existing consumers form is provided for registered consumers. The
Forgotten password? hyperlink is the assistance for registered consumers who lost
their e-mail addresses or passwords. Unregistered consumers can register
themselves by clicking the continue button in the New to Fashion OverDose? form.

Page | 6

3.3 About Us

The image attached above is the About Us sub-page. This page has the same
header, footer and ribbon elements as the main page. For the content column at the
center of the site, detailed biography of the authors company is provided so that
consumers can know more about the companys information. Methods of consumers
staying in touch with the company are mentioned in the site to ensure consumers
stay attached to the company. The companys registration number is also written to
show that the company is legally licensed.

Page | 7

3.4 Products

Page | 8

The products sub-pages are designed with simple layout. The purpose of having
these sub-pages is to show consumers the products sold by the company. The site
has three different pages for each product, page 1, 2 and 3 stated at the top left
below the ribbon, all showing the items sold by the company. The names and prices
of the items are attached under the image itself so that consumers can easily know
about the items detail.

Page | 9

3.5 Ordering information

Ordering Information is a sub-page whereby ordering and payment procedures are

attached. All orders must be placed online through the web site. Consumers must
provide accurate contact information during purchasing. International orders may be
subject to customs and duty fees levied by the local government and will be the
consumerss responsibility. The process of exchange, replace and refunds are listed
to explain the procedure of product replacement. Additional information about
wholesale, reseller or dropship will be provided through e-mail contacting.

Page | 10

3.6 Delivery information

The Delivery Information sub-page describes about the delivery service provided by
the authors company. About the shipping, deliveries will be made from Monday
through Saturday. It will takes about 1-3 working days to delivered to ythe company
doorstep. International Shipments take roughly a week, however please allow up to
three weeks due to the potential intervention of forces beyond the company control.
Free shipping is supplied for every single purchase RM50 & above. Packaging items
will be bubble-wrapped and pack in box nicely before being delivered.

Page | 11

3.7 Terms and Conditions

The Terms and Conditions sub-page states the conditions of use for the web site.
Two main points attached include acceptance of consumers orders and the colours
of the products of the company. The company reserve the right not to accept
consumers orders in the event, for example, that the authors are unable to obtain
authorization for payment, that the item ordered is out of stock or does not satisfy the
company quality control standards and is withdrawn, or that consumers do not meet
the eligibility criteria set out. All items are 100% Actual Product Photo taken by the
company itself. The company have made every effort to display as accurately as
possible the colors of the company products that appear on the web site. However,
as computer monitors vary, accuracy of colours are not guaranteed. The company
apply first come first serve basis. All goods sold are not refundable.

Page | 12

3.8 Contact Us

The Contact Us sub-page has the same header and footer as the main page. In the
content part at the center, a map is attached to show the location of the company
instead of providing only the address. Mobile number and office number are given
below the address. E-mail address is added into the list to ease overseas
consumerss to contact the company. The authors attached a contact form in the web
site to get feedbacks from consumerss.
Page | 13

3.9 Purchasing process

In

the

purchasing

process,

consumerss

have

to

be

registered

at

www.fashionoverdose.com. Before placing any orders, consumerss are required to

log in first by simply clicking on the Login/Register hyperlink circled in red.

Based on the log in sub-page shown above, all the elements in the header, ribbon
and footer are the same as mentioned before. To enter the companys database,
consumerss have to key in their e-mail addresses and passwords into the text field
prepared in the Existing consumerss form. After entering information accurately,
consumerss are required to click on the sign in button.
Page | 14

After signing in, the web site will link consumerss back to the main page but with the
Welcome! greetings as circled in red. Then, the next step of the purchasing process
is to choose which product to purchase from the lists of accessories provided.

As example, consumerss plan to purchase the item Bracelet 002 after browsing
every item in the web site. Consumerss have to first click on the Bracelets shown in
Figure, linking to the bracelet sub-page. Next, consumerss need to click on the
image of the Bracelet 002. All the images in this sub-page is linked to another subpage which provide a closer look and more detail description about the bracelet.

Page | 15

A more detail description is given for the Bracelet 002 in the sub-page shown above.
Information given include the delivery, ordering and the cleaning method for the
bracelet. The authors attached hyperlink to the Delivery information and Ordering
information under each description to ease the consumerss. If consumerss are
confirmed in purchasing the product, they can choose the colthe company for the
bracelet if it is available, then click Add to Bag button to import the product into the
shopping bag.

Page | 16

The selected product is appeared in the shopping bag of the consumerss account.
To continue the purchasing procedure, consumerss have to choose their choice of
delivery. As example, free shipping is provided and no extra charges are charged into
the account. After confirming about the total, consumerss can click on the Pay
securely now button to proceed to the payment site. Consumerss can pay using all
types of cards and Paypal.

Page | 17

4 Conclusion
The site is built to provide consumers a place to do online shopping. The products
sold in the site include bracelets, hair bands, rings, earrings and watches. Login and
register systems are provided to the consumers. About us, Terms and Conditions,
Delivery information, Ordering information and Contact us are attached for
consumers to understand more about the web site. A contact form is also embedded
in the Contact us to generate feedbacks from consumers.
The authors of the web site feel that they have achieved their aim of developing a
web site for online business using only Adobe Dreamweaver in collaborate with
HTML and CSS. The authors have discussed a multitude of issues surrounding the
development of the site, for instance the type of products to be sold, the allocation of
work and the layout of the site.

The authors show that they have worked hard and

taken into account all of the various standards set out in this task although they have
limited knowledge about web site development.

Page | 18

5 References

About Us. (2012). Retrieved 25 February, 2013, from Luccacal:

http://luccacal.com/index.php?
route=information/information&information_id=4
Contact Us. (2012). Retrieved 25 February, 2013, from Luccacal:
http://luccacal.com/index.php?route=information/contact
Delivery Information. (2012). Retrieved 25 February, 2013, from Luccacal:
http://luccacal.com/index.php?
route=information/information&information_id=6
Hamill, S. (2007). Development Report. Retrieved 19 March, 2013, from
Military Memories: https://docs.google.com/viewer?
a=v&q=cache:6axyCkLshNwJ:www.militarymemories.co.uk/pdf/Dev
elopment
%2520Report.pdf+&hl=en&gl=my&pid=bl&srcid=ADGEESj_TsAtQp
T7KMnJJyPmX5GEmBDcuHvLstOPmdKnHekcFDW3W3wKZR6SQMCl3HhVIZE9dJy1XeiuCliHymxfIKHQ
DhMy2fmIQqya2AOddb0BV5
Heng, C. (2007). Dreamweaver Tutorials. Retrieved 15 March, 2013, from
The Site wizard:
http://www.thesitewizard.com/dreamweaver/index.shtml
How to Order. (2008). Retrieved 25 February, 2013, from A Fashion Story:
http://a-fashion-story.com/index.php?
main_page=page&id=28&zenid=2d4048e15751212822dd9a7bb4b
33159
Ordering Information. (2012). Retrieved 25 February, 2013, from Luccacal:
http://luccacal.com/index.php?
route=information/information&information_id=3
Terms & Conditions. (2012). (Luccacal) Retrieved 25 February, 2013, from
Luccacal: http://luccacal.com/index.php?
route=information/information&information_id=5
Web Design Project Report. (n.d.). Retrieved 15 March, 2013, from
Slideshare: http://www.slideshare.net/ferdous/web-design-projectreport

Page | 19

Page | 20

APPENDICE
S

Page | 21