GC310903

(E-COMMERCE)
WEBSITE DESIGN
TITLE: DELIHAN

NAME
NURHAFEEZAH SALWATUL ALZAH BINTI JUNO
UMI AMNEEZATUN BINTI HAMZAH
MALISA BINTI MUHAMMED
NURFAAIQA ATIQA BINTI SAMSUDIN
NOR HUDA BINTI JARAIME
OOI JING CHII
MICHELLE WONG HUI LING

MATRIC NUMBER
BG13110393
BG13110543
BG13110241
BG13110390
BG13110334
BG13110422
BG13110252

PREPARED FOR;
SIR SOFFRI YUSSOF
TABLE OF CONTENT

Name of team and detailed description of what each team member did for the website...3-8

Websites name, Unique Functions and Referred Website..9

Summarize demographic issues....10
Detailed description of each web technology...11
Budget.12
Project Timeline/Gantt Chart...13
Illustration of the Website.....................................................................................................................14
Site Flow Chart for the Website...15
Website Design Page.16-21
References

Name of team and detailed description of what each team member did for the website
Our teams name is DELIHAN TEAM. This name is inspired from the name of our bakery which is
DELIHAN.
We have 7 members in a team and each of us have own responsibilities in developed our website.
Page | 2

NAME
Umi Amneezatun

ROLE
Web project manager

RESPONSIBILITIES
1. Coordinate

and

communicate from dayto-day

of

tactical

execution of the project

site.
2. To

act

within

the

constraints of the project

charter and goals, project
budget,

schedule

development,

and

the

quality

objectives

established

in

the

planning stage.
3. Act

as

the

primary

contact between the team

and the website sponsor
and manage the entire
communication between
the elements of creative,
technical and production
website team.
Malisa

Web Administrator

1. Work

with

development

team

the
to

discuss, analyze or solve

usability issues.
2. Track,

organize,

and

analyze website usage

data.
3. Documents

application

and site changes or a

change in procedure.

Page | 3

4. Develop or guidelines
for

Web

content,

document style.
5. Test

new

software

package for use in the

operation of the web.
Nurhafeezah Salwatul Alzah

Usability lead

1. To form the overall user

experience.
2. Works

closely

with

architects information.
3. Responsible

for

user

testing, user research and

development

persona,

standard and universal

usability for the project
site.
4. Responsible
conducting
field

for
interviews,

research,

and

usability testing and to

generate personas and
scenarios to inform the
project requirements.
5. Evaluate

the

effectiveness
design

of

through

the
field

research and user testing

and

ensure

that

the

universal usability goals

are met.
Page | 4

Nurfaaiqa Atiqa

Art director

1. Primary responsibility in
the overall look and feel
of the site.
2. Creating

website

typography,
design

visual

interface,

the

standard color palette,

the page layout details,
and

details

graphics,

of

how

photography,

illustrations,

and

audiovisual

media

elements from this site

come together to form an
integrated whole.
3. Create or oversee the
creation

of

design

sketches to illustrate the

increasingly
design

complex
proposals

changing to the project

sponsor and the team
web.
Nor Huda

Web technology lead

1. Acts as a bridge, a
translator, and a plainEnglish

communicate

between technology and

the creativity and the
project

management

team.

Page | 5

2. Creating a master plan

for

the

collection

of

common

technology

framework

that

support

the

will

selected

technology web sites

3. Provides

data

architecture of the main

processing

for

the

project.
Oii Jing Chi

Information Architect

1. Focuses on creating an
effective

organizational

structure and logic that

helps

identify

relationships

between

pieces of content.
2. To facilitate information
retrieval.
3. Responsible
designing

for
navigation

systems.
4. Generate sitemap.

Michelle

Site editor

1. Responsible for finished

content

writing

and

editorial quality web site.

2. Creating editorial tone
for the site, specify the
style

guidelines,

and

work with the customer

Page | 6

and

domain

expert

content to collect, sort

and deliver the finished
text to the production
team.
3. Create a copy of the site,
interview domain experts
to create content, and
may be responsible for
creating

news

and

feature material to the

site.
4. Play

an

increasingly

important role in the

technical aspects of the
production and content
of the site; make sure the
content is provided in
writing from sponsoring
organization at the time,
the designated editorial
and

technical

markup

format.

Page | 7

Name of the Website and why is it being named like that? What UNIQUE function will be available
in your website (at least 3 unique functions)? What other sites have you referred to?

Our websites name is www.Delihan.com. Which is de means the and lihan is the owner of the cake
shop name. Some believe that coined names (that come from made-up words) are more memorable than
names that use real words. Others think they're forgettable. Website names may influence the success of
the business. People prefer words they can relate to and understand. That's why professional name
universally condemn strings of numbers or initials as a bad choice. On the other hand, it is possible for a
name to be too meaningful. Lihan use her own name to reward herself beyond her success. Besides, its
comforting and familiar name that conjures up pleasant memories so customers responds to her business
on an emotional level.
To attract our customer we put a unique function in our website. We provide a chat box in our website to
enable and easy interaction between customer and seller. Besides, we provide the classes so that we can
teach our customer how to bake a cake and they also can customize their own cake and send the order us.
After ordering the cakes they can do self pickup or we will deliver the cake to them It is because every
customer have their own taste so that to accomplish their dream so we have decide to put this unique
function in our website. We also provide catering for wedding event, birthday party and others formal and
informal occasion.

Page | 8

To make our website interesting we already referred on other website to get the information. For example
is on www.carlosbakery.com. They put classes on their website so that everyone that wants to learn how
to bake a cake can do registering and they will have a tutorial class and after finish it they can get an
award certificate of excellence. Besides we also referred to www.overthetopcakes.com. They put maps
and location in their website so that their customer knows their place and they can easily go to there.

Summarize demographic issues of the population in Labuan. (Such as target audiences? Who are
they? What they do?
Labuan is a federal territory of Malaysia off the coast of Borneo in East Malaysia. In 2015, Labuan has a
population of around 100,000 peoples which is around 20 percent are foreigners. Every business in
Labuan has their own target audiences and of course the main target audiences are Labuans communities.
As we can see in Labuan, it well-known as a shipping country since Labuan was the strategic place to do
the kind of business. But, there are still some of peoples are work under government and private sector
and some of peoples are more prefer to open their own business like bakery, restaurant and so on. For
DELIHAN, it target audiences are Labuan communities as well as the foreigner. So the main purpose of
the website is to enable the peoples to choose and make an order for the cakes through online so that it
can save their time since they are too busy in work.

Page | 9

Do a detailed description of each web technology that may be used for the development of the
designed site and explain why each should be used

Page | 10

Budget
Website Costs
DEVELOPMENT
Search Engine Optimization
Content Management System
Web Design
HTML Skinning & CSS
Flash Animation Effect
Domain Name Purchase
Total Development Costs
INTEGRATION
Hosting and System Maintenance (Yearly)
Paid Search Online Advertising Integration
CRM integration
Financial systems integration
Total integration costs
TESTING AND UPDATES
Testing
Updates to website
Search Engine Optimization
Total website costs

Amount (RM)
300
300
400
300
400
100
1,800
300
50
500
300
1,150
500
550
700
1,750

Page | 11

Project timeline/Gantt Chart

Task
Requirements
Research website
Project management
scheduling and budget
Content inventory
Analysis and development
Process & task analysis
Site map
visual design and usability
Page wireframes
Programming & engineering
Page production & linking
Finalize & testing

Start Date
Duration
01-Aug
05-Aug
01-Aug
01-Aug
03-Aug
10-Aug
12-Aug
25-Aug
25-Aug
05-Sep
15-Sep
15-Oct
10-Nov

12
33
116
18
14
60
20
10
26
16
64
34
15

End Date
13-Aug
07-Sep
25-Nov
19-Aug
17-Aug
09-Oct
01-Sep
04-Sep
20-Sep
21-Sep
18-Nov
18-Nov
25-Nov

Page | 12

01-Aug 16-Aug 31-Aug 15-Sep 30-Sep 15-Oct 30-Oct 14-Nov 29-Nov 14-Dec

Requirements
Research website
Project management
scheduling and budget
Content inventory
Analysis and development
Process & task analysis
Site map
visual design and usability
Page wireframes
Programming & engineering
Page production & linking
Finalize & testing

What is actually happening when a user browses the webpage and clicks on a certain button?
Illustrate what being sent to the server and whats being sent back to the client and why certain
software is needed for that purpose action.

Page | 13

Page | 14

Website Design
Home page

Page | 15

Online Store Page

Page | 16

Catering Page

Page | 17

Gallery/Catalog Page
Page | 18

About Us Page
Page | 19

Order Payment Page

Page | 20

REFERENCES

Page | 21

Carlo's Bakery, home of the Cake Boss, Buddy Valastro, specializes in baking up the sweetest treats,
wedding cakes and custom cakes for any occasion. Now shipping a selection of our baked goods
nationwide! (n.d.). Retrieved May 22, 2016, from http://www.carlosbakery.com/
Lynch, P. J., & Horton, S. (n.d.). 1 Process The Site Development Team. Retrieved May 22, 2016, from
http://webstyleguide.com/wsg3/1-process/2-development-team.html
Website

Design

Budget.

(2012,

April

27).

Retrieved

May

22,

2016,

from

http://www.slideshare.net/demandmetric/website-design-budget?qid=96b404ca-c168-4af0-9d1630bf12701773. Published in: Self Improvement, Business and Design

WEB DESIGN & DEVELOPMENT. (n.d.). Retrieved May 22, 2016, from http://www.bigprint.my/itemdesign_web.html

Page | 22