ITECH XXXXXXXXXX
Webpage & Multimedia Design
COURSE / UNIT CODE: ITECH 2106
TUTOR: Hisham Khdai
STUDENT ID: XXXXXXXXXX
STUDENT NAME: Jashandeep Sekhon
DUE DATE:
EXTENSION DATE AUTHORISED:
TITLE OF SUBMISSION: Assignment 1
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 will, for 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 refe
ed 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:
· provide to another member of faculty and any external marker; and/or
· submit it to a text matching software; and/o
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: Jashandeep Sekhon Date:03/09/18Privacy 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. Needs Analysis 3
1.1. Description 3
1.2. Purpose 3
2. Target Audience Analysis 3
2.1. Demographics 3
2.2. Justification 3
3. Site Content & Structure 3
3.1. Content Inventory 3
3.2. Featured Content 3
3.3. Site Map 3
3.4. Navigation Scheme 3
4. Content & Page Design 3
4.1. Page Design 3
4.2. Wireframes 3
5. Visual Design 4
5.1. Composition 4
5.2. Colour Scheme 4
5.3. Typography 4
5.4. Mock-up of Home Page 4
6. Appendix 4
6.1. Raw Data Collection 4
6.2. References 4
1. Needs Analysis
1.1. Description
My website name is ‘Jashan Sekhon’ and it is a kind of personal website which tells about my personal and work life. This website is based on me and it has different section like about my study, work, my ho
y(photography) and other some other pictures with show my feelings in different occasions. This website structure is based on mixture of other websites like Apple, Nike, etc. The general colours are used in it to create background and it will looks good as well as easy for users to read and easy for their eyes. The website has different pages and some of them have pictures which will clarify the text in good way.
1.2. Purpose
The purpose of making this website is because a website gives you control over your image. Whether you are applying for new job or starting a side project, most people will search your names online. It also allows you to stand out of competition and other important thing is Building a reach now can help you later.
We need website because it works like a resume. However, a personal website has the freedom to be much more extensive and engaging and it also allows photos and work samples. The benefit of personal website is dynamic whenever I accomplish something I can add it to my website. Having my own website, it makes me more findable However, if I have my own website, I can be found by much wider audience and control what it is they see first.
2. Target Audience Analysis
2.1. Demographics and Justification
My website is good for all kind of ages and genders it is easy to read and easy to find everything the navigation in website. In general, my major target are adults because as I said before in needs analysis the major purpose of making this website is that we can use it as a resume because normally in the business adults are working. My website doesn’t have any kind of
ight or dark backgrounds which gone create any difficulty for users and the other thing is education level for my website there is nothing technical in website easy to understand for everyone.
Normally nowadays people don’t want paper resume they just go to google and search for name and open website to the achievements and study level.
3. Site Content & Structure
Pages
Content Type
Label
All Pages (Common for all)
Links
Global Navigation
JPG image
Logo. Images of me
Text
Footer (contains copyright information, etc)
Home Page
JPG image
My Picture
Text
About myself
Links
In- line Text (Navigation to other pages)
About
JPG images (more than one)
Pictures of my stuff
Text
My biography
Gallery
Gallery (images)
Pictures (doing more activities).
Text
About those activities
Photography
JPG Image
Pictures I clicked during holidays
Text
Description of holidays places
Study
Text
My Academic background
JPG Image
Picture of school and previous university
Contact
JPG Image
Picture of Myself
Text
Describing how to reach me and preference to medium of communication
All Pages have Social Navigation
FB Logo
Link to my FB
Twitter Logo
Link to twitter
Youtube Logo
Link to Youtube
· The page 1 is ‘Home’ and all the navigation is global which are Home, Study, Work, About, Contact, map, Gallery, Photography and the second thing is the logo it is gone be my picture and heading1 or website name is ‘Jashan Sekhon’. In the home page body there is my image with some text which describes about me and website and in this page and the rest of all pages there is scroll bar as well to go up & down. The site of all pages is simple because there is no local navigation in my website as I said before it is easy to use for all age groups users.
· The page 2 is ‘Gallery’ it has all the same navigation but, in this page, and the rest of pages they have
eadcrumb as well which gives us option to go back to home page easily. There is gone be nine images in Gallery page of 280*140 which I clicked at different places.
· The page 3 is ‘About’ in this page the navigation and
eadcrumb structure is same. There is text in the field which tells about the page and website.
· The page 4 is ‘Study’ in this page the navigation and
eadcrumb is same but there is add up of pictures and text as well which tells about my school and college life. The images size is 280*140 and the text size is 320*150.
· The page 5 is ‘Work’ again the navigation and
eadcrumb structure is same but in is one there is some text boxes and two images which will tell about my jobs and there is some text which tells what I learnt from my work how it will help me in my life to set my goal.
· The page 6 is ‘contact’ in this one everything is same but there is text box with contact details like email address and contact phone number so if anyone wants to contact us they can, and they will get reply within 24 hours.
· The page 7 is about ho
y ‘Photography’ there are 4 photos in page and there are some description about my ho
y in it.
· The page 8 is mock up page of home page which shows us how the real page looks like.
Home
About
Study
Work
Gallery
Contact
Ho
ies
As I said before in the upper parts there is only Global navigation and Social Navigation in my website.
4. Content & Page Design
4.1. Page Design
The page design of my website is simple and generous but different from other websites I used the good colours for all age groups and it has eight navigations, header, footer each page in website tells about different description of me the resolution for all pages is 960*600.
4.2. Wireframes
Page 1
Page 2
Page 3
Page 4
Page 5
Page 6
Page 7
5. Visual Design
A
angement indicates will how those websites attracts those clients to its primary bit about content. It identifies with those feeling from claiming order, harmony, balance, Also solace. The sum these things together make a great a
angement of the website. The white colour will be that's only the tip of the iceberg calm What's more limited while dark provides for the feeling of boldness What's more solid-willed. So, the complexity for both shades demonstrates those certainty What's more positivity. It suits looking into my website Similarly as this colour plan makes my website straightforward in any case additional engaging. These shades provide for proficient look to my website which will help me on more employer’s consideration. I will use the combination of Arial and Times New Roman in all the webpages. The headings will be different and bigger font as compare to the main text that will be written in the times new roman. The font size of the text will be 12 pixels so that it is easy to read. All the headings will be clear.
Serial no.
Hex
1.
#FFFFFF
2.
#000000
3.
#666666
Mock up Page
6. Appendix
Logo
References
W3schools.com. (2017). W3Schools Online Web Tutorials.