ITECH2003, Semester 1: Design Document for a Personal Website Project

This document presents a comprehensive design document for a personal website, created as part of an ITECH2003 assignment. It details the website's purpose, which is to showcase the student's personal and professional development journey, with a focus on career ambitions in IoT and AI. The document includes a site map outlining eight key pages (Introduction, Personal Developments, Personal Goals, Challenges & Hardships, Professional Journey, Professional Goals, Resolution & Strategies, and Feedback). It provides a content inventory specifying the information for each page, along with the navigation scheme. The content design section outlines the page layout and includes wireframes. The visual design section covers the homepage mockup, composition, color scheme, and typography choices (Times New Roman). The document highlights responsive web design, smooth navigation, and a user-friendly color scheme for enhanced readability. References to related research are also included.

COURSE / UNIT CODE: ITECH2003 TUTOR NAME:
STUDENT ID: STUDENT NAME:
DUE DATE: EXTENSION DATE AUTHORISED:
TITLE OF SUBMISSION: Assignment 1 Design Document
PLAGIARISM
Plagiarism is the presentation of the expressed thought or work of another person as though it is one's own without
properly acknowledging that person. You must not allow other students to copy your work and must take care to
safeguard against this happening.
Plagiarism is a serious offence. As set out in University Regulation 6.1.1., students who are caught plagiarising:
 A first offence, be given a zero mark for that task.
 A second offence will result in a failing grade for the Course(s) involved and,
 Any subsequent offence will be referred to the Student Discipline Committee.
Please read http://policy.federation.edu.au/university/student_plagiarism/ch01.php
Declaration
• I have read the university’s plagiarism policy and understand the consequences of engaging in plagiarism and
collusion.
• I have taken proper care to safeguard this work and made all reasonable efforts to ensure it could not be copied.
• No part of this assignment has been previously submitted as part of another unit/course.
• I acknowledge and agree that the assessor of this assignment may for the purposes of assessment, reproduce
the assignment and:
o provide to another member of faculty and any external marker; and/or
o submit it to a text matching software; and/or
• I certify that I have not plagiarised the work of others or participated in unauthorised collaboration when preparing
this assignment.
Note: As this is an electronic submission, feel free to put your name in the signature box, you don't need to print /
sign / scan this document.
Signature:_________________________________ Date:______________________
Privacy Statement
The information on this form is collected for the primary purpose of assessing your assignment and ensuring the academic integrity
requirements of the University are met. Other purposes of collection include recording your plagiarism and collusion declaration, attending
to course and administrative matters and statistical analyses. If you choose not to complete all the questions on this form it may not be
possible for University to assess your assignment. You have a right to access personal information that the University holds about you,
subject to any exceptions in relevant legislation.

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

1. Overview
1.1. Description
The personal website focuses on the personal and professional development journey and brings up the
various challenges and their resolution in the process. The name of the website is mysite.com and it is a
glimpse of the confident, ambitious, and focussed journey that I have had so far.
The career ambition is to become a Technological Expert by acquiring the programming skills and then
work in the areas of Internet of Things (IoT) and Artificial Intelligence (AI). The eights pages provide an
introduction/about us page, personal developments, personal goals, challenges & hardships, professional
journey, professional goals, resolution & strategies, and feedback page. It includes the personal details and
information and the development of the site will assist in achieving the career ambitions.
1.2. Highlights
The website includes the dynamic image gallery with easy navigation scheme implemented in it. There is
use of responsive web design included in the site to increase the overall responsiveness of the site. Social
media integration is also done in the site to allow the users to log in to their social media accounts using the
site.
1.3. Target Audience
 Age Group: 18 to 28 years
 Gender: All genders
 Education Level: Graduates, Under-graduates, and post-graduates
 Interests: Web design, web development, social media networking
 Language: English
 Employment Status: Looking for employment
 Background/Culture: N/A
 Location: India

2. Site Content & Structure
2.1. Site Map
2.2. Content Inventory
There are a total of eight web pages in the site and the content needs of each of these pages are listed below.
 Introduction/about us: This page will include two paragraphs comprising of an introduction and the
justification for the website with an overview of the content included on the site. There will be an
image added thereafter.
 Personal developments: This page will have headings, sub-headings, and the description of each of
the sub-headings.
 Personal goals: This page will have headings, sub-headings, and the description of each of the sub-
headings. It will also include an image gallery (Ergun, Cetin & Yirik, 2015).
 Challenges & hardships: This page will have headings, sub-headings, and the description of each of
the sub-headings. There will be use of bullet points done in this section.
 Professional journey: This page will include a paragraph to describe the journey and will include an
image gallery with a timeline.
 Professional goals: This page will have headings, sub-headings, and the description of each of the
sub-headings.
Home
Personal
developments Feedback page Resolution &
strategies
Professional
goals
Professional
journey Personal goals Challenges &
hardships

 Resolution & strategies: This page will have headings, sub-headings, and the description of each of
the sub-headings.
 Feedback page: This page will have a form to share the feedback.
2.3. Navigation Scheme
Global navigation scheme is used on the website. It is the navigation scheme that allows navigating to all of
the pages of the site by every user. The users can access the site information with the aid of the site address
and can access the associated pages by clicking of the menu option for each page. The home page will be the
introduction/about us page and the users will be able to navigate to the home page from other pages using
the icon at the top left of every screen (Hsieh, Lo, Hu & Chang, 2014).

3. Content Design
3.1. Page Layout
The page layout that is followed across the web pages includes a simple layout with a header at the top
followed by the menu bar, body section, and the footer section. The body section of the layout is the one in
which the content specific to the web page is included. The rest of the three sections in this layout are
consistent across all the pages (Raward, 2011).
The layout has been chosen as it is simple to understand for the users and all involves minimal design
complexities.
3.2. Wireframes

4. Visual design
4.1. Home Page Mock-Up
4.2. Composition
The use of responsive web design is done as the design methodology and the design has been kept simple.
The layout for the web pages is kept consistent across all the pages and it includes the sections as header,
menu, body, and footer. The responsive web design provides the ability to access the website in any of the
modes and the website automatically adjusts as per the mode selected by the user (Sutton, 2018). The use of
the methodology will make sure that the overall user experience is enhanced with the site.
The navigation and scrolling including in each page is smooth and the users can easily navigate from one
web page to the other. There is no over-scrolling done on any page to make sure that simplicity is
maintained. The avoidance of over-lapping of the content and whitespaces is also done.
4.3. Color Scheme
The color scheme that is selected for the website is consistent across the web pages. The use of light color is
done for the background color of the web pages and the color of the textual content is darker. This color
scheme is chosen so that the text can be easily read and there is no difficulty in locating the options on the
website. The readability of the textual content is enhanced with the aid of the chosen color scheme which
also enhances the overall look & feel of the site.
4.4. Typography
The font style selected for the content on the website is Times New Roman for the headings, sub-headings,
and the content in the sections.
The headings have the font size as 20 pt. followed by 16 pt. for the sub-headings and 14 for the content in
the sections. The font face is selected as Times New Roman as it is the standard form and is widely accepted
and known to the users. The size for the headings, sub-headings, and content is chosen in this manner as the
readability of the text is extremely important. The users shall be able to read the text from a certain distance
as well. The majority of the content on the site is in the form of textual content and therefore, the font size
chosen is slightly larger than the usual.

5. References
Ergun, G., Cetin, H., & Yirik, S. (2015). Evaluation of the Website Content of Hospitality Businesses.
International Journal Of Social Ecology And Sustainable Development, 6(1), 44-58. doi:
10.4018/ijsesd.2015010104
Hsieh, T., Lo, H., Hu, H., & Chang, C. (2014). The Effect of Information Design on Cognitive Processing of
Website Navigation. Human Factors And Ergonomics In Manufacturing & Service Industries, 25(5),
548-558. doi: 10.1002/hfm.20568
Raward, R. (2011). Academic Library Website Design Principles: Development of a Checklist. Australian
Academic & Research Libraries, 32(2), 123-136. doi: 10.1080/00048623.2001.10755151
Sutton, H. (2018). Customize the adult learner experience with responsive website design. Recruiting &
Retaining Adult Learners, 20(8), 6-7. doi: 10.1002/nsr.30347