Unit 6: Website Development
Unit 6: Website
Development
Assignment 2 (Learning Aim B & C)
Table of Contents
Introduction:..........................................................................................................................................2
Target Audience.....................................................................................................................................2
Requirements........................................................................................................................................2
Phone US SIT MAP.................................................................................................................................3
Phone US Mood Board..........................................................................................................................4
Feedback on Mood board:.................................................................................................................5
PHONE US STORYBOARD.......................................................................................................................6
REVIEW ON STORYBOARDS.............................................................................................................11
OPTIMIZED STORYBOARD....................................................................................................................12
OPTIMIZED STORYBOARD ON MOBIL E...............................................................................................18
WIREFRAMES AND ALTERNATIVES:.....................................................................................................24
Wireframe no 1:...............................................................................................................................24
Wireframe no 2:...............................................................................................................................24
Wireframe no 3:...............................................................................................................................25
WIREFRAME REVIEW AND DECISION...............................................................................................26
FINAL WIREFRAME DESIGN..............................................................................................................27
FLOWCHART (SIGN UP PAGE)..............................................................................................................33
Search Engine Optimisation.............................................................................................................34
PHONE US WEBSITE.............................................................................................................................35
Home Page.......................................................................................................................................35
PRODUCT PAGE...............................................................................................................................37
ABOUT US PAGE...............................................................................................................................38
FEEDBACK/REVIEW PAGE................................................................................................................39
SIGN UP PAGE..................................................................................................................................40
SIGN IN PAGE...................................................................................................................................41
WEBSITE OPTIMISATION......................................................................................................................42
Improvement 1................................................................................................................................42
Improvement 2................................................................................................................................43
1
, Unit 6: Website Development
Improvement 3................................................................................................................................44
Improvement 4................................................................................................................................45
TESTING...............................................................................................................................................46
ALTERNATIVE BROWSER TESTING...................................................................................................47
Google Chrome............................................................................................................................47
Microsoft Edge.............................................................................................................................47
Internet Explorer..........................................................................................................................48
FIXING ERRORS / IMPROVING THE FAILED TEST..............................................................................48
NEW TEST OUTCOME LIST:..............................................................................................................49
WEBSITE EVALUATION.........................................................................................................................51
INDIVIUAL RESPONSIBILITY..............................................................................................................52
MEETING THE BREIF.........................................................................................................................52
Introduction:
This report consists of documentation and I have been asked to design a website for the organisation
named as Phone US. This organisation sells and advertise different types of phones from different
companies. From this, I have been given assets from the scenario for the website I will be making,
and this would include the requirements of the project, the site map of the website and the number
of pages the website will have. Furthermore, I will design the website by using storyboard templates
to show a preview of how my website is laid out and how the use of assets will be positioned before
development. When developing the website, I will be including use of screenshots to show evidence
of my website and testing will also be required to show that my website works on a range of
different devices and platforms such as Google Chrome, Microsoft Edge and Mozilla Firefox on
laptops, desktops or mobile devices. In addition to this, I will create two versions of my website to
include both original and optimised version. Once I have created the original version, I will gather
feedback by asking two clients to revise my website and ask what their thoughts are. Then, based on
the feedback received, I will make any improvements on my website to optimise it and ensure it
works expectedly. Once I have designed and developed the website, I will evaluate it against the
client requirements, taken into consideration that I have met these and recommend any further
improvements if needed.
Target Audience
My target audience for this website will be the same as the one for social media campaign. I will be
targeting people aged from 15 – 60 years old as in this age people uses the phone most. We are
targeting people who have an interest in phone or use it as a daily need.
Requirements
Phone US wanted me to deliver relevant content to the website. I will be developing this and have
been asked to include the following:
2
, Unit 6: Website Development
- A profile of the company itself
- Profiles of members of staff
- Product or business information
- An on-line contact form
- Links to information regarding the business, such as the history or information pages on the
products and services
In addition to these, my website will contain a range of different pages advertising the
products/services and what they do. The pages that will be added on my website are listed below:
1. Home
2. Opening and Closing times of shop
3. Products
4. Review
5. About Us
When designing the website, I will be considering the interactivity and accessibility. After I have
chosen my final design, I will explain why I have rejected the others. I will then create a set of
webpages that would link to my chosen design and follow the contents/assets to be able to produce
an efficient website. When creating my web pages, I will consider the appearance of my web pages
and will also make sure that the layout of my website is consistent. When testing my website, I will
be focusing on functionality and performance issues and document them to check if there are any
issues alongside my original website. I will also test my website and create an improved version
based on the feedback I was given and will then develop the website using a specialist HTML
software (Adobe Dreamweaver) for the layout design and styles of the website.
Phone US SIT MAP
3
, Unit 6: Website Development
Phone US Mood Board
Main Theme: Yellow
Main Theme: White
4
Unit 6: Website
Development
Assignment 2 (Learning Aim B & C)
Table of Contents
Introduction:..........................................................................................................................................2
Target Audience.....................................................................................................................................2
Requirements........................................................................................................................................2
Phone US SIT MAP.................................................................................................................................3
Phone US Mood Board..........................................................................................................................4
Feedback on Mood board:.................................................................................................................5
PHONE US STORYBOARD.......................................................................................................................6
REVIEW ON STORYBOARDS.............................................................................................................11
OPTIMIZED STORYBOARD....................................................................................................................12
OPTIMIZED STORYBOARD ON MOBIL E...............................................................................................18
WIREFRAMES AND ALTERNATIVES:.....................................................................................................24
Wireframe no 1:...............................................................................................................................24
Wireframe no 2:...............................................................................................................................24
Wireframe no 3:...............................................................................................................................25
WIREFRAME REVIEW AND DECISION...............................................................................................26
FINAL WIREFRAME DESIGN..............................................................................................................27
FLOWCHART (SIGN UP PAGE)..............................................................................................................33
Search Engine Optimisation.............................................................................................................34
PHONE US WEBSITE.............................................................................................................................35
Home Page.......................................................................................................................................35
PRODUCT PAGE...............................................................................................................................37
ABOUT US PAGE...............................................................................................................................38
FEEDBACK/REVIEW PAGE................................................................................................................39
SIGN UP PAGE..................................................................................................................................40
SIGN IN PAGE...................................................................................................................................41
WEBSITE OPTIMISATION......................................................................................................................42
Improvement 1................................................................................................................................42
Improvement 2................................................................................................................................43
1
, Unit 6: Website Development
Improvement 3................................................................................................................................44
Improvement 4................................................................................................................................45
TESTING...............................................................................................................................................46
ALTERNATIVE BROWSER TESTING...................................................................................................47
Google Chrome............................................................................................................................47
Microsoft Edge.............................................................................................................................47
Internet Explorer..........................................................................................................................48
FIXING ERRORS / IMPROVING THE FAILED TEST..............................................................................48
NEW TEST OUTCOME LIST:..............................................................................................................49
WEBSITE EVALUATION.........................................................................................................................51
INDIVIUAL RESPONSIBILITY..............................................................................................................52
MEETING THE BREIF.........................................................................................................................52
Introduction:
This report consists of documentation and I have been asked to design a website for the organisation
named as Phone US. This organisation sells and advertise different types of phones from different
companies. From this, I have been given assets from the scenario for the website I will be making,
and this would include the requirements of the project, the site map of the website and the number
of pages the website will have. Furthermore, I will design the website by using storyboard templates
to show a preview of how my website is laid out and how the use of assets will be positioned before
development. When developing the website, I will be including use of screenshots to show evidence
of my website and testing will also be required to show that my website works on a range of
different devices and platforms such as Google Chrome, Microsoft Edge and Mozilla Firefox on
laptops, desktops or mobile devices. In addition to this, I will create two versions of my website to
include both original and optimised version. Once I have created the original version, I will gather
feedback by asking two clients to revise my website and ask what their thoughts are. Then, based on
the feedback received, I will make any improvements on my website to optimise it and ensure it
works expectedly. Once I have designed and developed the website, I will evaluate it against the
client requirements, taken into consideration that I have met these and recommend any further
improvements if needed.
Target Audience
My target audience for this website will be the same as the one for social media campaign. I will be
targeting people aged from 15 – 60 years old as in this age people uses the phone most. We are
targeting people who have an interest in phone or use it as a daily need.
Requirements
Phone US wanted me to deliver relevant content to the website. I will be developing this and have
been asked to include the following:
2
, Unit 6: Website Development
- A profile of the company itself
- Profiles of members of staff
- Product or business information
- An on-line contact form
- Links to information regarding the business, such as the history or information pages on the
products and services
In addition to these, my website will contain a range of different pages advertising the
products/services and what they do. The pages that will be added on my website are listed below:
1. Home
2. Opening and Closing times of shop
3. Products
4. Review
5. About Us
When designing the website, I will be considering the interactivity and accessibility. After I have
chosen my final design, I will explain why I have rejected the others. I will then create a set of
webpages that would link to my chosen design and follow the contents/assets to be able to produce
an efficient website. When creating my web pages, I will consider the appearance of my web pages
and will also make sure that the layout of my website is consistent. When testing my website, I will
be focusing on functionality and performance issues and document them to check if there are any
issues alongside my original website. I will also test my website and create an improved version
based on the feedback I was given and will then develop the website using a specialist HTML
software (Adobe Dreamweaver) for the layout design and styles of the website.
Phone US SIT MAP
3
, Unit 6: Website Development
Phone US Mood Board
Main Theme: Yellow
Main Theme: White
4
