6/C.P2: Produce designs for a website that meet client requirements.
(template designs)
About Us Page Buttons Drop down
and Links menu
Nav bar, with a
white background
colour
Hyperlinks to
Title of the page, social media
in bold underlined pages
font, sans serif.
Picture slideshow, relating
to the business.
White space
between Information
picture and in clear,
information arial font,
throughout
the website
Information
about the
company
Search engine optimisation tags:
Company logo
will be a PNG
image, as it will
have flat
colours and text
Navy Blue
background Compressed, but
colour still high quality,
image, no more
than 1MB in size.
Image named High detailed
appropriately for pictures like this one
Search Engine will be a JPEG.
Optimisation Processed client
side.
, Buttons Drop down
Vacancies and Links menu
Nav bar, stays
Heading of on every page,
website white
background
colour
Picture of the
company’s
building Information about
vacancies information,
sans serif font
Buttons and Nav bar, with a
Apply Now Links Drop down white
menu background
colour
Bullet point
list of
requirement
Search Bar
s in Arial
font
Video aligned to the
right. Video of what the
Apply form, Video company is about.
also in Arial This video will be
font. processed on the
client’s computer.
Apply Form
Check boxes, text
fields, buttons
and text area’s
will be placed on
the form
,Our Team Page
Navy Blue
background
colour
Pictures and information
of current team members
at Hot Beans Web
Training Courses
Training course
information with
buttons that take you
to the website about
them.
,Mobile designs (alternative designs)
About Us Page
Vacancies
Apply Page
Training Courses Page
, Our Team Page
Problem definition statement requirements:
Hot Beans Web is a web developer company and wants to make a new section of their website
to promote their business to prospective employees. Their intended audience would be adults,
as they are looking to recruit web developers.
Currently, Hot Beans Web does not have a section on their website where they can hire new
web developers. This problem will be solved as I will be making a new section for their
website, where web developers can learn about the company and sign up to work for the
company. The website will not be too complex, despite it being for potential, future web
developers, as a complex website will not be easy to use. The website will allow Hot Beans
Web to get more web developers wanting to work for their company, however the website will
not be too fancy as I do not have the time.
I will be developing an interactive, functional, and usable website which will work on different
devices and web browsers, allowing people to sign up to be a web developer for Hot Beans
Web.
I expect to be able to produce turn these designs into websites in 5 to 7 days. It will also take
a few more days to add in any optimisations in response to feedback.
(template designs)
About Us Page Buttons Drop down
and Links menu
Nav bar, with a
white background
colour
Hyperlinks to
Title of the page, social media
in bold underlined pages
font, sans serif.
Picture slideshow, relating
to the business.
White space
between Information
picture and in clear,
information arial font,
throughout
the website
Information
about the
company
Search engine optimisation tags:
Company logo
will be a PNG
image, as it will
have flat
colours and text
Navy Blue
background Compressed, but
colour still high quality,
image, no more
than 1MB in size.
Image named High detailed
appropriately for pictures like this one
Search Engine will be a JPEG.
Optimisation Processed client
side.
, Buttons Drop down
Vacancies and Links menu
Nav bar, stays
Heading of on every page,
website white
background
colour
Picture of the
company’s
building Information about
vacancies information,
sans serif font
Buttons and Nav bar, with a
Apply Now Links Drop down white
menu background
colour
Bullet point
list of
requirement
Search Bar
s in Arial
font
Video aligned to the
right. Video of what the
Apply form, Video company is about.
also in Arial This video will be
font. processed on the
client’s computer.
Apply Form
Check boxes, text
fields, buttons
and text area’s
will be placed on
the form
,Our Team Page
Navy Blue
background
colour
Pictures and information
of current team members
at Hot Beans Web
Training Courses
Training course
information with
buttons that take you
to the website about
them.
,Mobile designs (alternative designs)
About Us Page
Vacancies
Apply Page
Training Courses Page
, Our Team Page
Problem definition statement requirements:
Hot Beans Web is a web developer company and wants to make a new section of their website
to promote their business to prospective employees. Their intended audience would be adults,
as they are looking to recruit web developers.
Currently, Hot Beans Web does not have a section on their website where they can hire new
web developers. This problem will be solved as I will be making a new section for their
website, where web developers can learn about the company and sign up to work for the
company. The website will not be too complex, despite it being for potential, future web
developers, as a complex website will not be easy to use. The website will allow Hot Beans
Web to get more web developers wanting to work for their company, however the website will
not be too fancy as I do not have the time.
I will be developing an interactive, functional, and usable website which will work on different
devices and web browsers, allowing people to sign up to be a web developer for Hot Beans
Web.
I expect to be able to produce turn these designs into websites in 5 to 7 days. It will also take
a few more days to add in any optimisations in response to feedback.
