ISBS$302-$Assessment $2(20\%)$

S$12024$

Submission date: Week $7,$ Friday $12$ am$.$

In this assignment, you are required to prepare a "Design document" in the format of a report

that should cover the website objectives, user specifications, structure charts and storyboard of

a business called Diana Shoes, which sells footwear, located in Sydney.

Here is the description of a Footwear company.

Diana Shoes is a Sydney based Footwear company established in $1998.$ It has built a strong

reputation as the best Footwear company for anyone, any gender and for the whole family.

This company has various outlet nationwide and also sells footwear via online. They sell

shoes, sandals, sneakers, boots etc. They are selling shoes for Men, kids and Women. They

not only sell shoes, but also sell socks and other related products like: sneaker cleaner etc.

The company's current website is still in use, but it has become outdated. The company$$s

CEO wants a new attractive, customer$-$oriented $($target audience$),$ responsive website. The

new website will enhance its reach to potential audiences and support the company's

business expansion across the nation.

The new website is expected to be the main hub to provide all the relevant information and a

key ingredient in making a critical first impression, giving creditability, and helping directly or

indirectly generated new prospects.

The CEO contacted you for help in improving the site design and development. Being a

talent prodigy in and desired for Web Design and Development, you could not let this rare

opportunity get passed but accepted the challenge from him. You agreed to help the CEO to

use your knowledge and skills to improve the site design and a complete, well$-$designed

commercial website for his business and services essential to conveying trust in his brand

and products.

But before proceeding towards the website development, you need to prepare the report

by addressing the website objectives, target audience, user specifications, storyboarding, and

wireframing of each web page that you think is very important. A home page mock$-$up

should be created for the client to show the prototype of their new website.

Please follow the following format to prepare your report.

Design Document Structure

Description:

Identify a short "blurb" that adds value to Diana Shoes$$s website. Diana Shoes$$s name

should be included within this. Identify relevant content that will fit on the website need to

be focused on$.$

Highlights: Include distinctive and with exciting features $($such as social media integration,

CSS$3$ animations and transitions, sticky navigation$/$header$/$footer$,$ JavaScript and responsive

design$).$ These features sum up the value to Diana Shoes.

Target Audience: Think about one core demographic that will want to use Diana

Shoes. Now discuss the details of this type of user and their demographics. Age and Gender

must be discussed here in terms of the target audience.

Your discussion should consider other demographics: Education Level, Interests,

Background, Culture, Language, Employment Status, and Location.

Site Map: Create a hierarchical site map of Diana Shoes that you have identified $($there

might be ten pages minimum$).$ The home page should be at the top of the hierarchy. All

webpages should be identified by their page name and an appropriate html file name, showing

the relationship between the pages.

Navigation Scheme: After the sitemap creation, describe how users will navigate the

website from each page. Provide the details of global primary and secondary$,$ local, utility

and in$-$text types of navigation that you will use. Describe it visually and how it will

function.

Wireframes:

Every web page on your website must include a digitally created wireframe.

Your wireframes should consist of all the following:

$$ Navigation: look, font type, font size, colour

$$ Content: label, type $($video$/$sound$/$text$/$animation$),$ size

$$ Text: font type, size, colour

$$ Headings: font type, size, colour

$$ Footer: font type, size, colour

$$ Background: colour$($s$)/$image$($s$)$

$$ Colours: all colours in your wireframes must be defined as a hexadecimal value

$($#$999999)$

$$ Fonts: all fonts in your wireframes must be mentioned by name $($Helvetica$,$ Verdana,

etc.$)$ and size.

Colour Scheme: Describe the colour scheme you will use and how these colours will

express Diana Shoes $$s mood and personality. Include the justification for this colour

scheme and how it addresses the target audience.

Typography: Provide a detailed description of the typography that you will use. Detail the

fonts and the sizes, for each use of text on your website. Provide a justification for choosing

these fonts and sizes.

References: List any references you have used for this document in APA Style format.

References should be used to help justify your target audience demographics and design

choices.

You can take examples of many footwear Companies' websites for reference.