This document is the second assignment of Unit 6: Website Development in BTEC. It consists of 53 pages (6100+ words) that have met P2, P3, P4, P5, P6, M2, M3, D2, and D3 which is required to get the highest possible grade (Distinction) in Assignment 2 (Learning Aim B & C).
In this report I have p...
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
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller Saim. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $12.89. You're not tied to anything after your purchase.