© Arete Kosmos
BTEC
,© Arete Kosmos
Contents
Requirements................................................................................................................................................................................................................................... 2
Main Design ..................................................................................................................................................................................................................................... 3
Alternative designs ........................................................................................................................................................................................................................ 10
Evidencing ...................................................................................................................................................................................................................................... 15
Testing and evidencing .................................................................................................................................................................................................................. 19
Feedback ........................................................................................................................................................................................................................................ 24
Assets ............................................................................................................................................................................................................................................. 26
Sitemap .......................................................................................................................................................................................................................................... 28
Planning timetable ......................................................................................................................................................................................................................... 29
Evaluation ...................................................................................................................................................................................................................................... 30
Page 1
,© Arete Kosmos
Requirements
The requirements are that Hot Beans web want me to design, develop a website for people who have completed their training courses or qualification
related to web development who are now looking for a job as a web developer.
The budget is £35k, I must ensure that after completion the total cost is below or at this total. They have given me a deadline until the 29th of January, I
must complete the website and share the project to them at this date.
First is that they want a profile of the company of what they do. They want profiles of existing web developers. A page for jobs which specify the
specifications and requirements of the role. An online application form for people to apply for the job which links with the job page. They want a page of
links to web development courses.
There is at least 5 pages, the website is aimed at web developers. The website should help people apply for jobs, see what the company is about, see the
job roles and have links to web development courses. I need to fulfil those requirements and follow the scenario to create a fully functional website.
There will be a blue logo with the name hot beans web with an icon. The images I will have are background images of the slider displaying text. The colour
scheme for the navigation menu is blue #232f3e and buttons are orange #ff9900. The font to be used within the website is Arial with size 14px. Buttons are
orange #ff9900 and font type is Arial and font size are 19px.
Page 2
, © Arete Kosmos
Main Design
Home
Image Description
This page is the homepage. The logo is
placed in the left-hand side. Whereas the
navigation menu is on the same section
but on the right-hand side. In the centre it
will display images as a slider that will
allow the user to use the arrows to move
images. These (three) images are text
about the company, jobs available and
what courses are available. Font colour on
website is #111111, Font size is 14 to
ensure the texts is visible for the user. Font
type is Arial to ensure its legible and for
users to read content easily. The links are
hyperlinks, it will be same colour when
clicked. Navigation menu is #232f3e and
buttons are orange #ff9900. Text colour is
#ffffff on navigation, size is 14px. The
website has large whitespace in the
background and the website takes the full
width of the screen. It is mobile compatible
meaning users can be desktop or mobile
and still be able to use the website.
I recommend this option as it fulfils the
requirements, it fulfils its purpose and its
Page 3