Website Design Document
Contents
1. Project Overview......................................................................................2
1.1 Project Name......................................................................................2
1.2 Project Summary................................................................................2
1.3 Target Audience..................................................................................2
1.4 Project Scope......................................................................................3
2. Requirements..........................................................................................3
2.1 Functional Requirements....................................................................3
2.2 Non-Functional Requirements............................................................5
3. Design Specifications..............................................................................8
3.1 Visual Design......................................................................................8
3.1.1 Brand Guidelines..........................................................................9
3.1.2 Style Guide...................................................................................9
3.2 Wireframes & Mockups....................................................................9
3.3 Responsive Design........................................................................11
4. User Experience....................................................................................11
4.1 User Flow..........................................................................................11
4.2 Accessibility and Usability Considerations....................................11
5. Content Strategy...................................................................................11
5.1 Content Types...................................................................................11
5.2 Asset List..........................................................................................12
5.3 Tone and Style...............................................................................13
6. Project Timeline..................................................................................13
6.1 Milestones.....................................................................................13
6.2 Schedule.......................................................................................13
7. Testing & Quality Assurance...............................................................13
7.1 Testing Plan...................................................................................13
, 1. Project Overview
1.1 Project Name
Hot beams
1.2 Project Summary
The purpose of the website is to hire more people for this job and to help
people find interest in the company, so that person or people put in it an
application. The website is also designed for people to apply for the job
online. The website is designed for both men and woman applicants that
wants a job inside website development and is also for people who want
to learn more about web development and advance their skills.
1.3 Target Audience
The user must be able to use the website easily from which ever device
and browser they are using. The website should be compatible enough to
be able to adjust to each device.
The website should be able to adapt to users' needs, the user should be
able to adjust the text size to the users' needs for example making the
text bigger or smaller depending on how they want the text.
The information on the website should be able for the user to find and
navigate through the website. For example, if the user wants to go the job
application page, they should effectively find that page without having to
go through thousands of pages to get to that page it should be quickly.
The website loading times should be fast. If the website is slow and
doesn't load quickly the user will lose interest in the website and will go
onto another website that can provide them quick loading times. It also
makes sure that users will come back to the website and continue using
the website over time. It must also be compatible for people with bad
internet connections.
The website must be able to work on different browsers, otherwise they
can lose intertest on the website. This also makes sure that anyone can
access the website no matter which browser they are browsing the
website on.
The navigation for the website must also be easy to navigate. This makes
sure that users can go around navigating the website quickly. This is very
important for users who are visiting the website for the first time.
Contents
1. Project Overview......................................................................................2
1.1 Project Name......................................................................................2
1.2 Project Summary................................................................................2
1.3 Target Audience..................................................................................2
1.4 Project Scope......................................................................................3
2. Requirements..........................................................................................3
2.1 Functional Requirements....................................................................3
2.2 Non-Functional Requirements............................................................5
3. Design Specifications..............................................................................8
3.1 Visual Design......................................................................................8
3.1.1 Brand Guidelines..........................................................................9
3.1.2 Style Guide...................................................................................9
3.2 Wireframes & Mockups....................................................................9
3.3 Responsive Design........................................................................11
4. User Experience....................................................................................11
4.1 User Flow..........................................................................................11
4.2 Accessibility and Usability Considerations....................................11
5. Content Strategy...................................................................................11
5.1 Content Types...................................................................................11
5.2 Asset List..........................................................................................12
5.3 Tone and Style...............................................................................13
6. Project Timeline..................................................................................13
6.1 Milestones.....................................................................................13
6.2 Schedule.......................................................................................13
7. Testing & Quality Assurance...............................................................13
7.1 Testing Plan...................................................................................13
, 1. Project Overview
1.1 Project Name
Hot beams
1.2 Project Summary
The purpose of the website is to hire more people for this job and to help
people find interest in the company, so that person or people put in it an
application. The website is also designed for people to apply for the job
online. The website is designed for both men and woman applicants that
wants a job inside website development and is also for people who want
to learn more about web development and advance their skills.
1.3 Target Audience
The user must be able to use the website easily from which ever device
and browser they are using. The website should be compatible enough to
be able to adjust to each device.
The website should be able to adapt to users' needs, the user should be
able to adjust the text size to the users' needs for example making the
text bigger or smaller depending on how they want the text.
The information on the website should be able for the user to find and
navigate through the website. For example, if the user wants to go the job
application page, they should effectively find that page without having to
go through thousands of pages to get to that page it should be quickly.
The website loading times should be fast. If the website is slow and
doesn't load quickly the user will lose interest in the website and will go
onto another website that can provide them quick loading times. It also
makes sure that users will come back to the website and continue using
the website over time. It must also be compatible for people with bad
internet connections.
The website must be able to work on different browsers, otherwise they
can lose intertest on the website. This also makes sure that anyone can
access the website no matter which browser they are browsing the
website on.
The navigation for the website must also be easy to navigate. This makes
sure that users can go around navigating the website quickly. This is very
important for users who are visiting the website for the first time.
