ITECH2106-6106 Webpage & Multimedia Design

Web Design 1
K COURSE / UNIT CODE: ITECH2003 TUTOR NAME:
STUDENT ID:30355695
DUE DATE: EXTENSION DATE AUTHORISED:
TITLE OF SUBMISSION: Assignment 1 Design Document

Web Design 2
Contents
1. Overview..................................................................................................................................................... 2
1.1. Description............................................................................................................................................ 2
1.2. Highlights............................................................................................................................................. 4
1.3. Target Audience..................................................................................................................................... 4
2. Site Content & Structure............................................................................................................................... 4
2.1. Site Map............................................................................................................................................... 4
2.2. Content Inventory.................................................................................................................................. 7
2.3. Navigation Scheme................................................................................................................................ 8
3. Page Layout................................................................................................................................................ 9
3.1. Page Layout.......................................................................................................................................... 9
3.2. Wireframes............................................................................................................................................ 9
4. Visual Design............................................................................................................................................ 13
4.1. Home Page Mock-Up........................................................................................................................... 13
4.2. Composition........................................................................................................................................ 14
4.3. Colour Scheme.................................................................................................................................... 15
4.4. Typography......................................................................................................................................... 15
5. References................................................................................................................................................ 15

Web Design 3
1. Overview
The internet has in a great way enabled seamless information sharing. One of these ways is
through websites that make information large volumes of information to be readily available at all
times and from any place, depending on security features of a website. Since the inception of
websites, the technology has evolved to become a major communication tool between individuals
and organizations. The web is a powerful scholarly communication tool. Additionally, personal
websites serve as critical sources of additional info about an individual, their education, research
projects, interests, hobbies, published and unpublished works and more information (Más-Bleda &
Aguillo, 2013). Personal websites are created as a means of disseminating information sufficient
enough to evaluate an individual, influence and for increasing ‘visibility.’
The main purpose of this paper is to document the design requirements and specifications of
my personal website through which i wish to share additional and professional information about me.
The first section of the paper gives a general overview of the project while sections two, three, four
and five cover site content and structure, content design, visual design and references respectively.
1.1. Description
The name the website will be ******* and the tagline shall be ‘I am a certified, experienced,
and a reliable Linux Networks engineer.’ The website shall eight dynamic webpages which are- a
Homepage, Education and experience, Projects, published works, contacts, workshops and
conferences attended as well as a hobbies page. All these webpages will be designed to include
graphics and media that will be user-centred for the purposes of providing more information.
a) The first page of my website will be the homepage. This page will include global navigation to
the above mentioned web pages Iin the header section besides providing information about me,
my goals, objective and values as far as an information technology professional is concerned. At

Web Design 4
the foot of the page will be a footer that will give both internal, external and social media
platforms such as LinkedIn, Facebook and Twitter.
b) I will then use the second page to provide detailed information about my education. This page
will have local navigation to help visitors easily navigate through the different sections of the
page. The page will give information regarding my education in three ways- basi education, A-
level education, higher level education and professional certifications that I have taken so far.
c) The third page of my website will include all the projects that I have undertaken whether in
school or in employment, individually or as a group. To be also included here is all works of
research done or currently being done. My website visitors will only find it easy to navigate
through the page if I use an embedded local navigation.
d) The fourth page will be based on my professional experience. It will also include my professional
experience starting from industrial attachments and/or internships, formal and informal
employments in addition to responsibilities assigned in each.
e) Contacts will be my fifth web page that will include both my personal addresses as well as those
of my professional mentors and referees. Local navigation shall be used in this page. This page
will also include link to send me a direct email.
f) Sixth will be a page to all my published works. This shall include both books, articles and blogs
and as such will use local navigation.
g) Seventh will be about conferences and workshops that I have attended. These will be displayed in
a tabular form showing the conference name, place held and dates plus any role played.
h) The last page will sum up my hobbies, talents and abilities. This page will include achievements
and certifications that I have achieved outside classroom activities too.
1.2. Highlights
For the purposes of increasing interaction and engage my audience to the maximum, I will
include dynamic website features that allows direct communication with web visitors. These features